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