|
1 /* This file contains the CSS data for all popups in TinyMCE */ |
|
2 |
|
3 body { |
|
4 background-color: #F0F0EE; |
|
5 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
6 font-size: 11px; |
|
7 scrollbar-3dlight-color: #F0F0EE; |
|
8 scrollbar-arrow-color: #676662; |
|
9 scrollbar-base-color: #F0F0EE; |
|
10 scrollbar-darkshadow-color: #DDDDDD; |
|
11 scrollbar-face-color: #E0E0DD; |
|
12 scrollbar-highlight-color: #F0F0EE; |
|
13 scrollbar-shadow-color: #F0F0EE; |
|
14 scrollbar-track-color: #F5F5F5; |
|
15 margin: 8px; |
|
16 } |
|
17 |
|
18 td { |
|
19 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
20 font-size: 11px; |
|
21 } |
|
22 |
|
23 input { |
|
24 background: #FFFFFF; |
|
25 border: 1px solid #cccccc; |
|
26 } |
|
27 |
|
28 td, input, select, textarea { |
|
29 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
30 font-size: 10px; |
|
31 } |
|
32 |
|
33 input, select, textarea { |
|
34 border: 1px solid #808080; |
|
35 } |
|
36 |
|
37 .input_noborder { |
|
38 border: 0; |
|
39 } |
|
40 |
|
41 #insert, .updateButton { |
|
42 font-weight: bold; |
|
43 width: 90px; |
|
44 height: 21px; |
|
45 border: 0; |
|
46 background-image: url('../images/insert_button_bg.gif'); |
|
47 cursor: pointer; |
|
48 } |
|
49 |
|
50 #cancel { |
|
51 font-weight: bold; |
|
52 width: 90px; |
|
53 height: 21px; |
|
54 border: 0; |
|
55 background-image: url('../images/cancel_button_bg.gif'); |
|
56 cursor: pointer; |
|
57 } |
|
58 |
|
59 /* Mozilla only style */ |
|
60 html>body #insert, html>body #cancel { |
|
61 padding-bottom: 2px; |
|
62 } |
|
63 |
|
64 .title { |
|
65 font-size: 12px; |
|
66 font-weight: bold; |
|
67 color: #2B6FB6; |
|
68 } |
|
69 |
|
70 table.charmap { |
|
71 border-style: solid; |
|
72 border-width: 1px; |
|
73 border-color: #AAAAAA; |
|
74 } |
|
75 |
|
76 td.charmap, td.charmapOver { |
|
77 color: #000000; |
|
78 border-color: #AAAAAA; |
|
79 border-style: solid; |
|
80 border-width: 1px; |
|
81 text-align: center; |
|
82 font-size: 12px; |
|
83 } |
|
84 |
|
85 td.charmapOver { |
|
86 background-color: #CCCCCC; |
|
87 cursor: default; |
|
88 } |
|
89 |
|
90 a.charmap { |
|
91 color: #000000; |
|
92 text-decoration: none |
|
93 } |
|
94 |
|
95 .wordWrapCode { |
|
96 vertical-align: middle; |
|
97 border: 1px none #000000; |
|
98 background-color: transparent; |
|
99 } |
|
100 |
|
101 input.radio { |
|
102 border: 1px none #000000; |
|
103 background-color: transparent; |
|
104 vertical-align: middle; |
|
105 } |
|
106 |
|
107 input.checkbox { |
|
108 border: 1px none #000000; |
|
109 background-color: transparent; |
|
110 vertical-align: middle; |
|
111 } |
|
112 |
|
113 .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected { |
|
114 margin-left: 1px; |
|
115 } |
|
116 |
|
117 .mceButtonNormal { |
|
118 border-top: 1px solid; |
|
119 border-left: 1px solid; |
|
120 border-bottom: 1px solid; |
|
121 border-right: 1px solid; |
|
122 border-color: #F0F0EE; |
|
123 cursor: default; |
|
124 } |
|
125 |
|
126 .mceButtonOver { |
|
127 border: 1px solid #0A246A; |
|
128 cursor: default; |
|
129 background-color: #B6BDD2; |
|
130 } |
|
131 |
|
132 .mceButtonDown { |
|
133 cursor: default; |
|
134 border: 1px solid #0A246A; |
|
135 background-color: #8592B5; |
|
136 } |
|
137 |
|
138 .mceButtonDisabled { |
|
139 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); |
|
140 -moz-opacity:0.3; |
|
141 opacity: 0.3; |
|
142 border-top: 1px solid; |
|
143 border-left: 1px solid; |
|
144 border-bottom: 1px solid; |
|
145 border-right: 1px solid; |
|
146 border-color: #F0F0EE; |
|
147 cursor: default; |
|
148 } |
|
149 |
|
150 .mceActionPanel { |
|
151 margin-top: 5px; |
|
152 } |
|
153 |
|
154 /* Tabs classes */ |
|
155 |
|
156 .tabs { |
|
157 float: left; |
|
158 width: 100%; |
|
159 line-height: normal; |
|
160 background-image: url("../images/xp/tabs_bg.gif"); |
|
161 } |
|
162 |
|
163 .tabs ul { |
|
164 margin: 0; |
|
165 padding: 0 0 0; |
|
166 list-style: none; |
|
167 } |
|
168 |
|
169 .tabs li { |
|
170 float: left; |
|
171 background: url("../images/xp/tab_bg.gif") no-repeat left top; |
|
172 margin: 0; |
|
173 margin-left: 0; |
|
174 margin-right: 2px; |
|
175 padding: 0 0 0 10px; |
|
176 line-height: 18px; |
|
177 } |
|
178 |
|
179 .tabs li.current { |
|
180 background: url("../images/xp/tab_sel_bg.gif") no-repeat left top; |
|
181 margin-right: 2px; |
|
182 } |
|
183 |
|
184 .tabs span { |
|
185 float: left; |
|
186 display: block; |
|
187 background: url("../images/xp/tab_end.gif") no-repeat right top; |
|
188 padding: 0px 10px 0 0; |
|
189 } |
|
190 |
|
191 .tabs .current span { |
|
192 background: url("../images/xp/tab_sel_end.gif") no-repeat right top; |
|
193 } |
|
194 |
|
195 .tabs a { |
|
196 text-decoration: none; |
|
197 font-family: Verdana, Arial; |
|
198 font-size: 10px; |
|
199 } |
|
200 |
|
201 .tabs a:link, .tabs a:visited, .tabs a:hover { |
|
202 color: black; |
|
203 } |
|
204 |
|
205 .tabs a:hover { |
|
206 } |
|
207 |
|
208 .tabs .current { |
|
209 } |
|
210 |
|
211 .tabs .current a, .tabs .current a:link, .tabs .current a:visited { |
|
212 } |
|
213 |
|
214 .panel_wrapper div.panel { |
|
215 display: none; |
|
216 } |
|
217 |
|
218 .panel_wrapper div.current { |
|
219 display: block; |
|
220 width: 100%; |
|
221 height: 300px; |
|
222 overflow: visible; /* Should be auto but that breaks Safari */ |
|
223 } |
|
224 |
|
225 .panel_wrapper { |
|
226 border: 1px solid #919B9C; |
|
227 border-top: 0px; |
|
228 padding: 10px; |
|
229 padding-top: 5px; |
|
230 clear: both; |
|
231 background-color: white; |
|
232 } |
|
233 |
|
234 fieldset { |
|
235 border: 1px solid #919B9C; |
|
236 font-family: Verdana, Arial; |
|
237 font-size: 10px; |
|
238 padding: 0; |
|
239 margin: 0; |
|
240 padding: 4px; |
|
241 } |
|
242 |
|
243 legend { |
|
244 color: #2B6FB6; |
|
245 font-weight: bold; |
|
246 } |
|
247 |
|
248 .properties { |
|
249 width: 100%; |
|
250 } |
|
251 |
|
252 .properties .column1 { |
|
253 } |
|
254 |
|
255 .properties .column2 { |
|
256 text-align: left; |
|
257 } |
|
258 |
|
259 a:link, a:visited { |
|
260 color: black; |
|
261 } |
|
262 |
|
263 a:hover { |
|
264 color: #2B6FB6; |
|
265 } |
|
266 |
|
267 #plugintable thead { |
|
268 font-weight: bold; |
|
269 background-color: #DDDDDD; |
|
270 } |
|
271 |
|
272 #plugintable, #about #plugintable td { |
|
273 border: 1px solid #919B9C; |
|
274 } |
|
275 |
|
276 #plugintable { |
|
277 width: 99%; |
|
278 margin-top: 10px; |
|
279 } |
|
280 |
|
281 #pluginscontainer { |
|
282 height: 290px; |
|
283 overflow: auto; |
|
284 } |
|
285 |
|
286 /* MSIE Specific styles */ |
|
287 |
|
288 * html .panel_wrapper { |
|
289 width: 100%; |
|
290 } |
|
291 |
|
292 .column { |
|
293 float: left; |
|
294 } |
|
295 |
|
296 h1, h2, h3, h4 { |
|
297 color: #2B6FB6; |
|
298 margin: 0; |
|
299 padding: 0; |
|
300 padding-top: 5px; |
|
301 } |
|
302 |
|
303 h3 { |
|
304 font-size: 14px; |
|
305 } |
|
306 |
|
307 #link .panel_wrapper, #link div.current { |
|
308 height: 125px; |
|
309 } |
|
310 |
|
311 #image .panel_wrapper, #image div.current { |
|
312 height: 190px; |
|
313 } |
|
314 |
|
315 label.msg { display: none; } |
|
316 label.invalid { color: #EE0000; display: inline; } |
|
317 input.invalid { border: 1px solid #EE0000; } |
|
318 |
|
319 /* Disables the advanced tab in the table plugin. */ |
|
320 /* |
|
321 #table #advanced_tab { |
|
322 display: none; |
|
323 } |
|
324 */ |
|
325 |
|
326 /* Disables the border input field and label in the table plugin. */ |
|
327 /* |
|
328 #table #border, #table #borderlabel { |
|
329 display: none; |
|
330 } |
|
331 */ |