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