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