| changeset 7 | cf61fcea0001 |
| parent 5 | 5e2f62d02dcd |
| child 9 | 177826044cd9 |
| 6:490d5cc509ed | 7:cf61fcea0001 |
|---|---|
1 /* Styles for the media library iframe (not used on the Library screen) */ |
1 /* Styles for the media library iframe (not used on the Library screen) */ |
2 |
2 |
3 div#media-upload-header { |
3 div#media-upload-header { |
4 margin: 0; |
4 margin: 0; |
5 padding: 5px 5px 0; |
5 padding: 5px 5px 0; |
6 font-weight: bold; |
6 font-weight: 600; |
7 position: relative; |
7 position: relative; |
8 border-bottom: 1px solid #dfdfdf; |
8 border-bottom: 1px solid #ddd; |
9 background: #f9f9f9; |
9 background: #f9f9f9; |
10 } |
10 } |
11 |
11 |
12 #sidemenu { |
12 #sidemenu { |
13 overflow: hidden; |
13 overflow: hidden; |
17 bottom: -1px; |
17 bottom: -1px; |
18 margin: 0 5px; |
18 margin: 0 5px; |
19 padding-right: 10px; |
19 padding-right: 10px; |
20 list-style: none; |
20 list-style: none; |
21 font-size: 12px; |
21 font-size: 12px; |
22 font-weight: normal; |
22 font-weight: 400; |
23 } |
23 } |
24 |
24 |
25 #sidemenu a { |
25 #sidemenu a { |
26 padding: 0 7px; |
26 padding: 0 7px; |
27 display: block; |
27 display: block; |
28 float: right; |
28 float: right; |
29 line-height: 28px; |
29 line-height: 28px; |
30 border-top: 1px solid #f9f9f9; |
30 border-top: 1px solid #f9f9f9; |
31 border-bottom: 1px solid #dfdfdf; |
31 border-bottom: 1px solid #ddd; |
32 background-color: #f9f9f9; |
32 background-color: #f9f9f9; |
33 text-decoration: none; |
33 text-decoration: none; |
34 -webkit-transition: none; |
|
35 transition: none; |
34 transition: none; |
36 } |
35 } |
37 |
36 |
38 #sidemenu li { |
37 #sidemenu li { |
39 display: inline; |
38 display: inline; |
44 margin: 0; |
43 margin: 0; |
45 padding: 0; |
44 padding: 0; |
46 } |
45 } |
47 |
46 |
48 #sidemenu a.current { |
47 #sidemenu a.current { |
49 font-weight: normal; |
48 font-weight: 400; |
50 padding-right: 6px; |
49 padding-right: 6px; |
51 padding-left: 6px; |
50 padding-left: 6px; |
52 border: 1px solid #dfdfdf; |
51 border: 1px solid #ddd; |
53 border-bottom-color: #f1f1f1; |
52 border-bottom-color: #f1f1f1; |
54 background-color: #f1f1f1; |
53 background-color: #f1f1f1; |
55 color: #000; |
54 color: #000; |
56 } |
55 } |
57 |
56 |
60 display: table; |
59 display: table; |
61 clear: both; |
60 clear: both; |
62 } |
61 } |
63 |
62 |
64 #media-upload .slidetoggle { |
63 #media-upload .slidetoggle { |
65 border-top-color: #dfdfdf; |
64 border-top-color: #ddd; |
66 } |
65 } |
67 |
66 |
68 #media-upload input[type="radio"] { |
67 #media-upload input[type="radio"] { |
69 padding: 0; |
68 padding: 0; |
69 } |
|
70 |
|
71 .media-upload-form label.form-help, |
|
72 td.help { |
|
73 color: #72777c; |
|
70 } |
74 } |
71 |
75 |
72 form { |
76 form { |
73 margin: 1em; |
77 margin: 1em; |
74 } |
78 } |
82 } |
86 } |
83 |
87 |
84 .media-upload-form label.form-help, td.help { |
88 .media-upload-form label.form-help, td.help { |
85 font-family: sans-serif; |
89 font-family: sans-serif; |
86 font-style: italic; |
90 font-style: italic; |
87 font-weight: normal; |
91 font-weight: 400; |
88 } |
92 } |
89 |
93 |
90 .media-upload-form p.help { |
94 .media-upload-form p.help { |
91 margin: 0; |
95 margin: 0; |
92 padding: 0; |
96 padding: 0; |
145 |
149 |
146 .form-table thead.media-item-info { |
150 .form-table thead.media-item-info { |
147 border: 8px solid #fff; |
151 border: 8px solid #fff; |
148 } |
152 } |
149 |
153 |
150 abbr.required { |
154 abbr.required, |
155 span.required { |
|
151 text-decoration: none; |
156 text-decoration: none; |
152 border: none; |
157 border: none; |
153 } |
158 } |
154 |
159 |
155 .describe label { |
160 .describe label { |
179 |
184 |
180 #media-upload p.help, |
185 #media-upload p.help, |
181 #media-upload label.help { |
186 #media-upload label.help { |
182 font-family: sans-serif; |
187 font-family: sans-serif; |
183 font-style: italic; |
188 font-style: italic; |
184 font-weight: normal; |
189 font-weight: 400; |
185 } |
190 } |
186 |
191 |
187 #media-upload .ui-sortable .media-item { |
192 #media-upload .ui-sortable .media-item { |
188 cursor: move; |
193 cursor: move; |
189 } |
194 } |
268 |
273 |
269 #gallery-settings .title { |
274 #gallery-settings .title { |
270 clear: both; |
275 clear: both; |
271 padding: 0 0 3px; |
276 padding: 0 0 3px; |
272 font-size: 1.6em; |
277 font-size: 1.6em; |
273 border-bottom: 1px solid #DADADA; |
278 border-bottom: 1px solid #ddd; |
274 } |
279 } |
275 |
280 |
276 h3.media-title { |
281 h3.media-title { |
277 font-size: 1.6em; |
282 font-size: 1.6em; |
278 } |
283 } |
279 |
284 |
280 h4.media-sub-title { |
285 h4.media-sub-title { |
281 border-bottom: 1px solid #DADADA; |
286 border-bottom: 1px solid #ddd; |
282 font-size: 1.3em; |
287 font-size: 1.3em; |
283 margin: 12px; |
288 margin: 12px; |
284 padding: 0 0 3px; |
289 padding: 0 0 3px; |
285 } |
290 } |
286 |
291 |
287 #gallery-settings .title, |
292 #gallery-settings .title, |
288 h3.media-title, |
293 h3.media-title, |
289 h4.media-sub-title { |
294 h4.media-sub-title { |
290 font-family: Georgia,"Times New Roman",Times,serif; |
295 font-family: Georgia,"Times New Roman",Times,serif; |
291 font-weight: normal; |
296 font-weight: 400; |
292 color: #5A5A5A; |
297 color: #5A5A5A; |
293 } |
298 } |
294 |
299 |
295 #gallery-settings .describe td { |
300 #gallery-settings .describe td { |
296 vertical-align: middle; |
301 vertical-align: middle; |
320 } |
325 } |
321 |
326 |
322 #gallery-settings label, |
327 #gallery-settings label, |
323 #gallery-settings legend { |
328 #gallery-settings legend { |
324 font-size: 13px; |
329 font-size: 13px; |
325 color: #464646; |
330 color: #444; |
326 margin-left: 15px; |
331 margin-left: 15px; |
327 } |
332 } |
328 |
333 |
329 #gallery-settings .align .field label { |
334 #gallery-settings .align .field label { |
330 margin: 0 3px 0 1em; |
335 margin: 0 3px 0 1em; |
331 } |
336 } |
332 |
337 |
333 #gallery-settings p.ml-submit { |
338 #gallery-settings p.ml-submit { |
334 border-top: 1px solid #dfdfdf; |
339 border-top: 1px solid #ddd; |
335 } |
340 } |
336 |
341 |
337 #gallery-settings select#columns { |
342 #gallery-settings select#columns { |
338 width: 6em; |
343 width: 6em; |
339 } |
344 } |
357 #sort-buttons span { |
362 #sort-buttons span { |
358 margin-left: 25px; |
363 margin-left: 25px; |
359 } |
364 } |
360 |
365 |
361 p.media-types { |
366 p.media-types { |
367 margin: 0; |
|
362 padding: 1em; |
368 padding: 1em; |
369 } |
|
370 |
|
371 p.media-types-required-info { |
|
372 padding-top: 0; |
|
363 } |
373 } |
364 |
374 |
365 tr.not-image { |
375 tr.not-image { |
366 display: none; |
376 display: none; |
367 } |
377 } |
381 (-webkit-min-device-pixel-ratio: 1.25), |
391 (-webkit-min-device-pixel-ratio: 1.25), |
382 (min-resolution: 120dpi) { |
392 (min-resolution: 120dpi) { |
383 |
393 |
384 .image-align-none-label { |
394 .image-align-none-label { |
385 background-image: url(../images/align-none-2x.png?ver=20120916); |
395 background-image: url(../images/align-none-2x.png?ver=20120916); |
386 -webkit-background-size: 21px 15px; |
|
387 background-size: 21px 15px; |
396 background-size: 21px 15px; |
388 } |
397 } |
389 |
398 |
390 .image-align-left-label { |
399 .image-align-left-label { |
391 background-image: url(../images/align-left-2x.png?ver=20120916); |
400 background-image: url(../images/align-left-2x.png?ver=20120916); |
392 -webkit-background-size: 22px 15px; |
|
393 background-size: 22px 15px; |
401 background-size: 22px 15px; |
394 } |
402 } |
395 |
403 |
396 .image-align-center-label { |
404 .image-align-center-label { |
397 background-image: url(../images/align-center-2x.png?ver=20120916); |
405 background-image: url(../images/align-center-2x.png?ver=20120916); |
398 -webkit-background-size: 21px 15px; |
|
399 background-size: 21px 15px; |
406 background-size: 21px 15px; |
400 } |
407 } |
401 |
408 |
402 .image-align-right-label { |
409 .image-align-right-label { |
403 background-image: url(../images/align-right-2x.png?ver=20120916); |
410 background-image: url(../images/align-right-2x.png?ver=20120916); |
404 -webkit-background-size: 22px 15px; |
|
405 background-size: 22px 15px; |
411 background-size: 22px 15px; |
406 } |
412 } |
407 } |
413 } |