0
|
1 /* This file contains the CSS data for media file selector of TinyMCE */
|
|
2 #image-selector-list {
|
|
3 position: absolute;
|
|
4 top: 0;
|
|
5 left: 0;
|
|
6 right: 152px;
|
|
7 height: 100%;
|
|
8 overflow-x: hidden;
|
|
9 overflow-y: auto;
|
|
10 }
|
|
11
|
|
12 #image-selector-form {
|
|
13 position: absolute;
|
|
14 top: 0;
|
|
15 bottom: 0;
|
|
16 right: 0;
|
|
17 width: 150px;
|
|
18 border: 0;
|
|
19 border: 1px solid #FFF;
|
|
20 border-left: 1px solid #DDD;
|
|
21 text-align: center;
|
|
22 padding-top: 10px;
|
|
23 }
|
|
24
|
|
25 #image-upload-button {
|
|
26 width: 80%;
|
|
27 height: 30px;
|
|
28 }
|
|
29
|
|
30 #image-upload-button span {
|
|
31 position: absolute;
|
|
32 width: 100%;
|
|
33 text-align: center;
|
|
34 line-height: 30px;
|
|
35 }
|
|
36
|
|
37 #image-selector-list li {
|
|
38 line-height: 80px;
|
|
39 padding: 2px 0 2px 3px;
|
|
40 cursor: pointer;
|
|
41 overflow: hidden;
|
|
42 text-overflow: ellipsis;
|
|
43 }
|
|
44
|
|
45 #image-selector-list li:hover,
|
|
46 #image-selector-list li:focus {
|
|
47 background-color: #F0F0F0;
|
|
48 }
|
|
49
|
|
50 #image-selector-list ul li img {
|
|
51 vertical-align: middle;
|
|
52 max-height: 80px;
|
|
53 }
|
|
54
|
|
55 #image-selector-list ul li span.name {
|
|
56 vertical-align: middle;
|
|
57 font-weight: bold;
|
|
58 padding-left: 10px;
|
|
59 }
|
|
60
|
|
61 #image-selector-list ul li span.img {
|
|
62 height: 80px;
|
|
63 width: 80px;
|
|
64 text-align: center;
|
|
65 display: inline-block;
|
|
66 overflow: hidden;
|
|
67 line-height: 80px;
|
|
68 }
|
|
69
|
|
70 #image-selector-form.droptarget.hover,
|
|
71 #image-selector-form.droptarget.active {
|
|
72 border: 1px solid #019bc6;
|
|
73 box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
74 -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
75 -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
76 }
|
|
77
|
|
78 #image-selector-form.droptarget.hover {
|
|
79 background-color: #d9ecf4;
|
|
80 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
81 -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
82 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
83 }
|
|
84
|
|
85 div.mce-abs-end div.hint {
|
|
86 line-height: 50px;
|
|
87 padding-left: 10px;
|
|
88 color: #999;
|
|
89 text-shadow: 0 1px 1px #FFF;
|
|
90 }
|