|
1 /* Styles for the media library iframe (not used on the Library screen) */ |
|
2 |
|
3 div#media-upload-header { |
|
4 margin: 0; |
|
5 padding: 5px 5px 0; |
|
6 font-weight: bold; |
|
7 position: relative; |
|
8 border-bottom: 1px solid #dfdfdf; |
|
9 background: #f9f9f9; |
|
10 } |
|
11 |
|
12 #sidemenu { |
|
13 overflow: hidden; |
|
14 float: none; |
|
15 position: relative; |
|
16 right: 0; |
|
17 bottom: -1px; |
|
18 margin: 0 5px; |
|
19 padding-right: 10px; |
|
20 list-style: none; |
|
21 font-size: 12px; |
|
22 font-weight: normal; |
|
23 } |
|
24 |
|
25 #sidemenu a { |
|
26 padding: 0 7px; |
|
27 display: block; |
|
28 float: right; |
|
29 line-height: 28px; |
|
30 border-top: 1px solid #f9f9f9; |
|
31 border-bottom: 1px solid #dfdfdf; |
|
32 background-color: #f9f9f9; |
|
33 text-decoration: none; |
|
34 -webkit-transition: none; |
|
35 transition: none; |
|
36 } |
|
37 |
|
38 #sidemenu li { |
|
39 display: inline; |
|
40 line-height: 200%; |
|
41 list-style: none; |
|
42 text-align: center; |
|
43 white-space: nowrap; |
|
44 margin: 0; |
|
45 padding: 0; |
|
46 } |
|
47 |
|
48 #sidemenu a.current { |
|
49 font-weight: normal; |
|
50 padding-right: 6px; |
|
51 padding-left: 6px; |
|
52 border: 1px solid #dfdfdf; |
|
53 border-bottom-color: #f1f1f1; |
|
54 background-color: #f1f1f1; |
|
55 color: #000; |
|
56 } |
|
57 |
|
58 #media-upload:after { /* clearfix */ |
|
59 content: ""; |
|
60 display: table; |
|
61 clear: both; |
|
62 } |
|
63 |
|
64 #media-upload .slidetoggle { |
|
65 border-top-color: #dfdfdf; |
|
66 } |
|
67 |
|
68 #media-upload input[type="radio"] { |
|
69 padding: 0; |
|
70 } |
|
71 |
|
72 form { |
|
73 margin: 1em; |
|
74 } |
|
75 |
|
76 #search-filter { |
|
77 text-align: left; |
|
78 } |
|
79 |
|
80 th { |
|
81 position: relative; |
|
82 } |
|
83 |
|
84 .media-upload-form label.form-help, td.help { |
|
85 font-family: sans-serif; |
|
86 font-style: italic; |
|
87 font-weight: normal; |
|
88 } |
|
89 |
|
90 .media-upload-form p.help { |
|
91 margin: 0; |
|
92 padding: 0; |
|
93 } |
|
94 |
|
95 .media-upload-form fieldset { |
|
96 width: 100%; |
|
97 border: none; |
|
98 text-align: justify; |
|
99 margin: 0 0 1em 0; |
|
100 padding: 0; |
|
101 } |
|
102 |
|
103 /* specific to the image upload form */ |
|
104 |
|
105 .image-align-none-label { |
|
106 background: url(../images/align-none.png) no-repeat center left; |
|
107 } |
|
108 |
|
109 .image-align-left-label { |
|
110 background: url(../images/align-left.png) no-repeat center left; |
|
111 } |
|
112 |
|
113 .image-align-center-label { |
|
114 background: url(../images/align-center.png) no-repeat center left; |
|
115 } |
|
116 |
|
117 .image-align-right-label { |
|
118 background: url(../images/align-right.png) no-repeat center left; |
|
119 } |
|
120 |
|
121 tr.image-size td { |
|
122 width: 460px; |
|
123 } |
|
124 |
|
125 tr.image-size div.image-size-item { |
|
126 margin: 0 0 5px; |
|
127 } |
|
128 |
|
129 #library-form .progress, |
|
130 #gallery-form .progress, |
|
131 .insert-gallery, |
|
132 .describe.startopen, |
|
133 .describe.startclosed { |
|
134 display: none; |
|
135 } |
|
136 |
|
137 .media-item .thumbnail { |
|
138 max-width: 128px; |
|
139 max-height: 128px; |
|
140 } |
|
141 |
|
142 thead.media-item-info tr { |
|
143 background-color: transparent; |
|
144 } |
|
145 |
|
146 .form-table thead.media-item-info { |
|
147 border: 8px solid #fff; |
|
148 } |
|
149 |
|
150 abbr.required { |
|
151 text-decoration: none; |
|
152 border: none; |
|
153 } |
|
154 |
|
155 .describe label { |
|
156 display: inline; |
|
157 } |
|
158 |
|
159 .describe td.error { |
|
160 padding: 2px 8px; |
|
161 } |
|
162 |
|
163 .describe td.A1 { |
|
164 width: 132px; |
|
165 } |
|
166 |
|
167 .describe input[type="text"], |
|
168 .describe textarea { |
|
169 width: 460px; |
|
170 border-width: 1px; |
|
171 border-style: solid; |
|
172 } |
|
173 |
|
174 /* Specific to Uploader */ |
|
175 |
|
176 #media-upload p.ml-submit { |
|
177 padding: 1em 0; |
|
178 } |
|
179 |
|
180 #media-upload p.help, |
|
181 #media-upload label.help { |
|
182 font-family: sans-serif; |
|
183 font-style: italic; |
|
184 font-weight: normal; |
|
185 } |
|
186 |
|
187 #media-upload .ui-sortable .media-item { |
|
188 cursor: move; |
|
189 } |
|
190 |
|
191 #media-upload tr.image-size { |
|
192 margin-bottom: 1em; |
|
193 height: 3em; |
|
194 } |
|
195 |
|
196 #media-upload #filter { |
|
197 width: 623px; |
|
198 } |
|
199 |
|
200 #media-upload #filter .subsubsub { |
|
201 margin: 8px 0; |
|
202 } |
|
203 |
|
204 #filter .tablenav select { |
|
205 border-style: solid; |
|
206 border-width: 1px; |
|
207 padding: 2px; |
|
208 vertical-align: top; |
|
209 width: auto; |
|
210 } |
|
211 |
|
212 #media-upload .del-attachment { |
|
213 display: none; |
|
214 margin: 5px 0; |
|
215 } |
|
216 |
|
217 .menu_order { |
|
218 float: left; |
|
219 font-size: 11px; |
|
220 margin: 8px 10px 0; |
|
221 } |
|
222 |
|
223 .menu_order_input { |
|
224 border: 1px solid #ddd; |
|
225 font-size: 10px; |
|
226 padding: 1px; |
|
227 width: 23px; |
|
228 } |
|
229 |
|
230 .ui-sortable-helper { |
|
231 background-color: #fff; |
|
232 border: 1px solid #a0a5aa; |
|
233 opacity: 0.6; |
|
234 filter: alpha(opacity=60); |
|
235 } |
|
236 |
|
237 #media-upload th.order-head { |
|
238 width: 20%; |
|
239 text-align: center; |
|
240 } |
|
241 |
|
242 #media-upload th.actions-head { |
|
243 width: 25%; |
|
244 text-align: center; |
|
245 } |
|
246 |
|
247 #media-upload a.wp-post-thumbnail { |
|
248 margin: 0 20px; |
|
249 } |
|
250 |
|
251 #media-upload .widefat { |
|
252 border-style: solid solid none; |
|
253 } |
|
254 |
|
255 .sorthelper { |
|
256 height: 37px; |
|
257 width: 623px; |
|
258 display: block; |
|
259 } |
|
260 |
|
261 #gallery-settings th.label { |
|
262 width: 160px; |
|
263 } |
|
264 |
|
265 #gallery-settings #basic th.label { |
|
266 padding: 5px 0 5px 5px; |
|
267 } |
|
268 |
|
269 #gallery-settings .title { |
|
270 clear: both; |
|
271 padding: 0 0 3px; |
|
272 font-size: 1.6em; |
|
273 border-bottom: 1px solid #DADADA; |
|
274 } |
|
275 |
|
276 h3.media-title { |
|
277 font-size: 1.6em; |
|
278 } |
|
279 |
|
280 h4.media-sub-title { |
|
281 border-bottom: 1px solid #DADADA; |
|
282 font-size: 1.3em; |
|
283 margin: 12px; |
|
284 padding: 0 0 3px; |
|
285 } |
|
286 |
|
287 #gallery-settings .title, |
|
288 h3.media-title, |
|
289 h4.media-sub-title { |
|
290 font-family: Georgia,"Times New Roman",Times,serif; |
|
291 font-weight: normal; |
|
292 color: #5A5A5A; |
|
293 } |
|
294 |
|
295 #gallery-settings .describe td { |
|
296 vertical-align: middle; |
|
297 height: 3em; |
|
298 } |
|
299 |
|
300 #gallery-settings .describe th.label { |
|
301 padding-top: .5em; |
|
302 text-align: right; |
|
303 } |
|
304 |
|
305 #gallery-settings .describe { |
|
306 padding: 5px; |
|
307 width: 100%; |
|
308 clear: both; |
|
309 cursor: default; |
|
310 background: #fff; |
|
311 } |
|
312 |
|
313 #gallery-settings .describe select { |
|
314 width: 15em; |
|
315 } |
|
316 |
|
317 #gallery-settings .describe select option, |
|
318 #gallery-settings .describe td { |
|
319 padding: 0; |
|
320 } |
|
321 |
|
322 #gallery-settings label, |
|
323 #gallery-settings legend { |
|
324 font-size: 13px; |
|
325 color: #464646; |
|
326 margin-left: 15px; |
|
327 } |
|
328 |
|
329 #gallery-settings .align .field label { |
|
330 margin: 0 3px 0 1em; |
|
331 } |
|
332 |
|
333 #gallery-settings p.ml-submit { |
|
334 border-top: 1px solid #dfdfdf; |
|
335 } |
|
336 |
|
337 #gallery-settings select#columns { |
|
338 width: 6em; |
|
339 } |
|
340 |
|
341 #sort-buttons { |
|
342 font-size: 0.8em; |
|
343 margin: 3px 0 -8px 25px; |
|
344 text-align: left; |
|
345 max-width: 625px; |
|
346 } |
|
347 |
|
348 #sort-buttons a { |
|
349 text-decoration: none; |
|
350 } |
|
351 |
|
352 #sort-buttons #asc, |
|
353 #sort-buttons #showall { |
|
354 padding-right: 5px; |
|
355 } |
|
356 |
|
357 #sort-buttons span { |
|
358 margin-left: 25px; |
|
359 } |
|
360 |
|
361 p.media-types { |
|
362 padding: 1em; |
|
363 } |
|
364 |
|
365 tr.not-image { |
|
366 display: none; |
|
367 } |
|
368 |
|
369 table.not-image tr.not-image { |
|
370 display: table-row; |
|
371 } |
|
372 |
|
373 table.not-image tr.image-only { |
|
374 display: none; |
|
375 } |
|
376 |
|
377 /** |
|
378 * HiDPI Displays |
|
379 */ |
|
380 @media print, |
|
381 (-webkit-min-device-pixel-ratio: 1.25), |
|
382 (min-resolution: 120dpi) { |
|
383 |
|
384 .image-align-none-label { |
|
385 background-image: url(../images/align-none-2x.png?ver=20120916); |
|
386 -webkit-background-size: 21px 15px; |
|
387 background-size: 21px 15px; |
|
388 } |
|
389 |
|
390 .image-align-left-label { |
|
391 background-image: url(../images/align-left-2x.png?ver=20120916); |
|
392 -webkit-background-size: 22px 15px; |
|
393 background-size: 22px 15px; |
|
394 } |
|
395 |
|
396 .image-align-center-label { |
|
397 background-image: url(../images/align-center-2x.png?ver=20120916); |
|
398 -webkit-background-size: 21px 15px; |
|
399 background-size: 21px 15px; |
|
400 } |
|
401 |
|
402 .image-align-right-label { |
|
403 background-image: url(../images/align-right-2x.png?ver=20120916); |
|
404 -webkit-background-size: 22px 15px; |
|
405 background-size: 22px 15px; |
|
406 } |
|
407 } |