|
1 |
|
2 html, body { |
|
3 background-color: #fff; |
|
4 margin: 0; |
|
5 padding: 0; |
|
6 } |
|
7 |
|
8 body { |
|
9 font-family: sans-serif; |
|
10 font-size: 12px; |
|
11 line-height: 1.4em; |
|
12 } |
|
13 |
|
14 a.button { |
|
15 padding: 4px 8px; |
|
16 } |
|
17 |
|
18 textarea, |
|
19 input, |
|
20 select { |
|
21 font: inherit; |
|
22 margin: 1px; |
|
23 padding: 3px; |
|
24 } |
|
25 |
|
26 p.help { |
|
27 margin: 4px 0; |
|
28 font-size: 12px; |
|
29 font-style: italic; |
|
30 } |
|
31 |
|
32 abbr.required { |
|
33 color: #FF0000; |
|
34 text-align: left; |
|
35 } |
|
36 |
|
37 img.alignright, |
|
38 .alignright { |
|
39 float: right; |
|
40 margin-left: 5px; |
|
41 } |
|
42 |
|
43 img.alignleft, |
|
44 .alignleft { |
|
45 float: left; |
|
46 margin-right: 5px; |
|
47 } |
|
48 |
|
49 img.aligncenter { |
|
50 display: block; |
|
51 margin-left: auto; |
|
52 margin-right: auto; |
|
53 } |
|
54 |
|
55 label { |
|
56 cursor: pointer; |
|
57 } |
|
58 |
|
59 th.label { |
|
60 width: 107px; |
|
61 } |
|
62 |
|
63 #media-upload #basic th.label { |
|
64 padding: 5px 5px 5px 0; |
|
65 } |
|
66 |
|
67 .show-align { |
|
68 height: 200px; |
|
69 width: 480px; |
|
70 float: right; |
|
71 background-color: #f1f1f1; |
|
72 cursor: default; |
|
73 -moz-user-select: none; |
|
74 user-select: none; |
|
75 overflow: hidden; |
|
76 } |
|
77 |
|
78 #img-edit { |
|
79 border: 1px solid #dfdfdf; |
|
80 width: 623px; |
|
81 margin: 15px auto; |
|
82 } |
|
83 |
|
84 #media-upload .media-upload-form table.describe { |
|
85 border-top-style: none; |
|
86 border-top-width: 0; |
|
87 } |
|
88 |
|
89 #img_demo_txt { |
|
90 font-size: 9px; |
|
91 line-height: 13px; |
|
92 font-family: Monaco,"Courier New",Courier,monospace; |
|
93 color: #888; |
|
94 } |
|
95 |
|
96 #img_demo { |
|
97 padding: 0; |
|
98 } |
|
99 |
|
100 #saveeditimg { |
|
101 padding: 10px 0 0 5px; |
|
102 border-top: 1px solid #ccc; |
|
103 } |
|
104 |
|
105 #sidemenu, |
|
106 #sidemenu li { |
|
107 list-style: none; |
|
108 } |
|
109 |
|
110 #sidemenu li { |
|
111 display: inline; |
|
112 } |
|
113 |
|
114 #sidemenu a { |
|
115 border-bottom-style: solid; |
|
116 border-bottom-width: 1px; |
|
117 border-top-style: solid; |
|
118 border-top-width: 1px; |
|
119 display: block; |
|
120 float: left; |
|
121 height: 28px; |
|
122 line-height: 28px; |
|
123 text-decoration: none; |
|
124 text-align: center; |
|
125 white-space: nowrap; |
|
126 margin: 0; |
|
127 padding: 0pt 7px; |
|
128 background-color: #f9f9f9; |
|
129 border-color: #f9f9f9; |
|
130 border-bottom-color: #dfdfdf; |
|
131 } |
|
132 |
|
133 a { |
|
134 color: #21759B; |
|
135 } |
|
136 |
|
137 a:hover, |
|
138 a:active, |
|
139 a:focus { |
|
140 color: #D54E21; |
|
141 } |
|
142 |
|
143 #sidemenu a.current { |
|
144 -webkit-border-top-left-radius: 4px; |
|
145 border-top-left-radius: 4px; |
|
146 -webkit-border-top-right-radius: 4px; |
|
147 border-top-right-radius: 4px; |
|
148 border-style: solid; |
|
149 border-width: 1px; |
|
150 font-weight: normal; |
|
151 background-color: #fff; |
|
152 border-color: #dfdfdf #dfdfdf #fff; |
|
153 color: #D54E21; |
|
154 } |
|
155 |
|
156 #adv_settings .field label { |
|
157 padding: 0 5px 5px; |
|
158 } |
|
159 |
|
160 #media-upload h3 { |
|
161 clear: both; |
|
162 padding: 0pt 0pt 3px; |
|
163 border-bottom-style: solid; |
|
164 border-bottom-width: 1px; |
|
165 font-family: Georgia,"Times New Roman",Times,serif; |
|
166 font-size: 20px; |
|
167 font-weight: normal; |
|
168 line-height: normal; |
|
169 margin: 0 0 10px -4px; |
|
170 padding: 15px 0 3px; |
|
171 border-bottom-color: #DADADA; |
|
172 color: #5A5A5A; |
|
173 } |
|
174 |
|
175 #img_dim #width, |
|
176 #img_dim #height, |
|
177 #img_prop #border, |
|
178 #img_prop #vspace, |
|
179 #img_prop #hspace { |
|
180 width: 36px; |
|
181 } |
|
182 |
|
183 #img_dim abbr { |
|
184 padding: 0 4px; |
|
185 } |
|
186 |
|
187 #show_align_sp { |
|
188 width: 115px; |
|
189 } |
|
190 |
|
191 #img_dim input, |
|
192 #img_prop input { |
|
193 margin-right: 10px; |
|
194 } |
|
195 |
|
196 #basic .align .field label { |
|
197 padding: 0 0 0 24px; |
|
198 } |
|
199 |
|
200 #basic { |
|
201 padding-top: 2px; |
|
202 } |
|
203 |
|
204 td { |
|
205 padding: 2px 0; |
|
206 } |
|
207 |
|
208 #img_size { |
|
209 float: right; |
|
210 text-align: center; |
|
211 cursor: pointer; |
|
212 background-color: #f1f1f1; |
|
213 padding: 5px 0; |
|
214 width: 45px; |
|
215 } |
|
216 |
|
217 #img_size div { |
|
218 font-size: 10px; |
|
219 padding: 2px; |
|
220 border: 1px solid #f1f1f1; |
|
221 line-height: 15px; |
|
222 height: 15px; |
|
223 -webkit-border-radius: 3px; |
|
224 border-radius: 3px; |
|
225 color: #07273E; |
|
226 } |
|
227 |
|
228 #img_size div#s100 { |
|
229 border-color: #A3A3A3; |
|
230 background-color: #E5E5E5; |
|
231 } |
|
232 |
|
233 #img_size_div { |
|
234 width: 100px; |
|
235 float: left; |
|
236 cursor: default; |
|
237 } |
|
238 |
|
239 #img_size_title { |
|
240 margin: 0 7px 5px; |
|
241 text-align: right; |
|
242 font-weight: bold; |
|
243 } |
|
244 |
|
245 #img_align_td { |
|
246 padding: 2px 0 8px; |
|
247 } |
|
248 |
|
249 #media-upload tr.align td.field { |
|
250 text-align: center; |
|
251 } |
|
252 |
|
253 .describe td { |
|
254 vertical-align: middle; |
|
255 } |
|
256 |
|
257 #media-upload .describe th.label { |
|
258 padding-top: .5em; |
|
259 text-align: left; |
|
260 } |
|
261 |
|
262 #media-upload .describe { |
|
263 border-top-width: 1px; |
|
264 border-top-style: solid; |
|
265 padding: 5px; |
|
266 width: 100%; |
|
267 clear: both; |
|
268 cursor: default; |
|
269 } |
|
270 |
|
271 form { |
|
272 margin: 1em; |
|
273 } |
|
274 |
|
275 .describe input[type="text"], |
|
276 .describe textarea { |
|
277 width: 460px; |
|
278 border: 1px solid #dfdfdf; |
|
279 -webkit-border-radius: 4px; |
|
280 border-radius: 4px; |
|
281 } |
|
282 |
|
283 .media-upload-form label, |
|
284 .media-upload-form legend { |
|
285 font-weight: bold; |
|
286 font-size: 12px; |
|
287 color: #464646; |
|
288 } |
|
289 |
|
290 .align .field label { |
|
291 display: inline; |
|
292 padding: 0 0 0 28px; |
|
293 margin: 0 1em 0 0; |
|
294 } |
|
295 |
|
296 .image-align-none-label { |
|
297 background: url(../../../../../../wp-admin/images/align-none.png) no-repeat center left; |
|
298 } |
|
299 |
|
300 .image-align-left-label { |
|
301 background: url(../../../../../../wp-admin/images/align-left.png) no-repeat center left; |
|
302 } |
|
303 |
|
304 .image-align-center-label { |
|
305 background: url(../../../../../../wp-admin/images/align-center.png) no-repeat center left; |
|
306 } |
|
307 |
|
308 .image-align-right-label { |
|
309 background: url(../../../../../../wp-admin/images/align-right.png) no-repeat center left; |
|
310 } |
|
311 |
|
312 div#media-upload-header { |
|
313 margin: 0; |
|
314 padding: 0 5px; |
|
315 font-weight: bold; |
|
316 position: relative; |
|
317 border-bottom-width: 1px; |
|
318 border-bottom-style: solid; |
|
319 height: 33px; |
|
320 background-color: #f9f9f9; |
|
321 border-bottom-color: #dfdfdf; |
|
322 } |
|
323 |
|
324 body#media-upload ul#sidemenu { |
|
325 font-weight: normal; |
|
326 margin: 0 5px; |
|
327 position: relative; |
|
328 left: 0px; |
|
329 bottom: -4px; |
|
330 } |
|
331 |
|
332 div#media-upload-error { |
|
333 margin: 1em; |
|
334 font-weight: bold; |
|
335 } |
|
336 |
|
337 #TB_window #TB_title { |
|
338 background-color: #222222; |
|
339 color: #CFCFCF; |
|
340 } |
|
341 |
|
342 .hidden { |
|
343 display: none; |
|
344 } |
|
345 |
|
346 /* RTL */ |
|
347 body#media-upload.rtl ul#sidemenu { |
|
348 left: auto; |
|
349 right: 0; |
|
350 } |
|
351 |
|
352 .rtl #basic .align .field label { |
|
353 display: block; |
|
354 float: right; |
|
355 padding: 0 24px 0 0; |
|
356 margin: 5px 3px 5px 5px; |
|
357 } |
|
358 |
|
359 .rtl .align .field input { |
|
360 display: block; |
|
361 float: right; |
|
362 margin: 5px 15px 5px 0; |
|
363 } |
|
364 |
|
365 .rtl tr.image-size label { |
|
366 margin: 0; |
|
367 } |
|
368 |
|
369 .rtl tr.image-size input { |
|
370 margin: 3px 15px 0 5px; |
|
371 } |
|
372 |
|
373 .rtl .image-align-none-label, |
|
374 .rtl .image-align-left-label, |
|
375 .rtl .image-align-center-label, |
|
376 .rtl .image-align-right-label { |
|
377 background-position: center right; |
|
378 } |
|
379 |
|
380 #media-upload.rtl .describe th.label { |
|
381 text-align: right; |
|
382 } |
|
383 |
|
384 .rtl .show-align, |
|
385 .rtl #img_size, |
|
386 .rtl .alignright, |
|
387 .rtl #img_demo.alignleft { |
|
388 float: left; |
|
389 } |
|
390 |
|
391 .rtl tr.image-size label, |
|
392 .rtl tr.image-size input, |
|
393 .rtl #img_dim label, |
|
394 .rtl #img_dim input, |
|
395 .rtl #img_prop label, |
|
396 .rtl #img_prop input, |
|
397 .rtl #img_size_div, |
|
398 .rtl .alignleft, |
|
399 .rtl #img_demo.alignright { |
|
400 float: right; |
|
401 } |
|
402 |
|
403 .rtl #img_dim label, |
|
404 .rtl #img_prop label { |
|
405 margin: 5px 0pt; |
|
406 } |
|
407 |
|
408 .rtl #img_dim input, |
|
409 .rtl #img_prop input { |
|
410 margin: 0 5px 0 10px; |
|
411 } |
|
412 |
|
413 .rtl #img_size_title { |
|
414 text-align: left; |
|
415 } |
|
416 |
|
417 /** |
|
418 * Retina display 2x icons |
|
419 */ |
|
420 @media print, |
|
421 (-o-min-device-pixel-ratio: 5/4), |
|
422 (-webkit-min-device-pixel-ratio: 1.25), |
|
423 (min-resolution: 120dpi) { |
|
424 .image-align-none-label { |
|
425 background: url(../../../../../../wp-admin/images/align-none-2x.png) no-repeat center left; |
|
426 background-size: auto 15px; |
|
427 } |
|
428 |
|
429 .image-align-left-label { |
|
430 background: url(../../../../../../wp-admin/images/align-left-2x.png) no-repeat center left; |
|
431 background-size: auto 15px; |
|
432 } |
|
433 |
|
434 .image-align-center-label { |
|
435 background: url(../../../../../../wp-admin/images/align-center-2x.png) no-repeat center left; |
|
436 background-size: auto 15px; |
|
437 } |
|
438 |
|
439 .image-align-right-label { |
|
440 background: url(../../../../../../wp-admin/images/align-right-2x.png) no-repeat center left; |
|
441 background-size: auto 15px; |
|
442 } |
|
443 } |