| author | ymh <ymh.work@gmail.com> |
| Fri, 05 Sep 2025 18:52:52 +0200 | |
| changeset 22 | 8c2e4d02f4ef |
| parent 21 | 48c4eec2b7e6 |
| 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; |
| 18 | 8 |
border-bottom: 1px solid #dcdcde; |
9 |
background: #f6f7f7; |
|
| 5 | 10 |
} |
11 |
||
12 |
#sidemenu { |
|
13 |
overflow: hidden; |
|
14 |
float: none; |
|
15 |
position: relative; |
|
16 |
left: 0; |
|
17 |
bottom: -1px; |
|
18 |
margin: 0 5px; |
|
19 |
padding-left: 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: left; |
|
29 |
line-height: 28px; |
|
| 18 | 30 |
border-top: 1px solid #f6f7f7; |
31 |
border-bottom: 1px solid #dcdcde; |
|
32 |
background-color: #f6f7f7; |
|
| 5 | 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-left: 6px; |
50 |
padding-right: 6px; |
|
| 18 | 51 |
border: 1px solid #dcdcde; |
52 |
border-bottom-color: #f0f0f1; |
|
53 |
background-color: #f0f0f1; |
|
| 5 | 54 |
color: #000; |
55 |
} |
|
56 |
||
57 |
#media-upload:after { /* clearfix */ |
|
58 |
content: ""; |
|
59 |
display: table; |
|
60 |
clear: both; |
|
61 |
} |
|
62 |
||
63 |
#media-upload .slidetoggle { |
|
| 18 | 64 |
border-top-color: #dcdcde; |
| 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 { |
| 18 | 73 |
color: #646970; |
|
7
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: right; |
|
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; |
|
| 19 | 103 |
margin: 0 0 1em; |
| 5 | 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 |
||
| 9 | 209 |
#media-upload .tablenav-pages a, |
210 |
#media-upload .tablenav-pages .current { |
|
211 |
display: inline-block; |
|
212 |
padding: 4px 5px 6px; |
|
213 |
font-size: 16px; |
|
214 |
line-height: 1; |
|
215 |
text-align: center; |
|
216 |
text-decoration: none; |
|
217 |
} |
|
218 |
||
219 |
#media-upload .tablenav-pages a { |
|
220 |
min-width: 17px; |
|
| 18 | 221 |
border: 1px solid #c3c4c7; |
222 |
background: #f6f7f7; |
|
| 9 | 223 |
} |
224 |
||
| 5 | 225 |
#filter .tablenav select { |
226 |
border-style: solid; |
|
227 |
border-width: 1px; |
|
228 |
padding: 2px; |
|
229 |
vertical-align: top; |
|
230 |
width: auto; |
|
231 |
} |
|
232 |
||
233 |
#media-upload .del-attachment { |
|
234 |
display: none; |
|
235 |
margin: 5px 0; |
|
236 |
} |
|
237 |
||
238 |
.menu_order { |
|
239 |
float: right; |
|
240 |
font-size: 11px; |
|
241 |
margin: 8px 10px 0; |
|
242 |
} |
|
243 |
||
244 |
.menu_order_input { |
|
| 18 | 245 |
border: 1px solid #dcdcde; |
| 5 | 246 |
font-size: 10px; |
247 |
padding: 1px; |
|
248 |
width: 23px; |
|
249 |
} |
|
250 |
||
251 |
.ui-sortable-helper { |
|
252 |
background-color: #fff; |
|
| 18 | 253 |
border: 1px solid #a7aaad; |
| 5 | 254 |
opacity: 0.6; |
255 |
filter: alpha(opacity=60); |
|
256 |
} |
|
257 |
||
258 |
#media-upload th.order-head { |
|
259 |
width: 20%; |
|
260 |
text-align: center; |
|
261 |
} |
|
262 |
||
263 |
#media-upload th.actions-head { |
|
264 |
width: 25%; |
|
265 |
text-align: center; |
|
266 |
} |
|
267 |
||
268 |
#media-upload a.wp-post-thumbnail { |
|
269 |
margin: 0 20px; |
|
270 |
} |
|
271 |
||
272 |
#media-upload .widefat { |
|
273 |
border-style: solid solid none; |
|
274 |
} |
|
275 |
||
276 |
.sorthelper { |
|
277 |
height: 37px; |
|
278 |
width: 623px; |
|
279 |
display: block; |
|
280 |
} |
|
281 |
||
282 |
#gallery-settings th.label { |
|
283 |
width: 160px; |
|
284 |
} |
|
285 |
||
286 |
#gallery-settings #basic th.label { |
|
287 |
padding: 5px 5px 5px 0; |
|
288 |
} |
|
289 |
||
290 |
#gallery-settings .title { |
|
291 |
clear: both; |
|
292 |
padding: 0 0 3px; |
|
293 |
font-size: 1.6em; |
|
| 18 | 294 |
border-bottom: 1px solid #dcdcde; |
| 5 | 295 |
} |
296 |
||
| 9 | 297 |
h3.media-title { |
| 5 | 298 |
font-size: 1.6em; |
299 |
} |
|
300 |
||
| 9 | 301 |
h4.media-sub-title { |
| 18 | 302 |
border-bottom: 1px solid #dcdcde; |
| 5 | 303 |
font-size: 1.3em; |
304 |
margin: 12px; |
|
305 |
padding: 0 0 3px; |
|
306 |
} |
|
307 |
||
308 |
#gallery-settings .title, |
|
309 |
h3.media-title, |
|
310 |
h4.media-sub-title { |
|
311 |
font-family: Georgia,"Times New Roman",Times,serif; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
312 |
font-weight: 400; |
| 18 | 313 |
color: #50575e; |
| 5 | 314 |
} |
315 |
||
316 |
#gallery-settings .describe td { |
|
317 |
vertical-align: middle; |
|
318 |
height: 3em; |
|
319 |
} |
|
320 |
||
321 |
#gallery-settings .describe th.label { |
|
322 |
padding-top: .5em; |
|
323 |
text-align: left; |
|
324 |
} |
|
325 |
||
326 |
#gallery-settings .describe { |
|
327 |
padding: 5px; |
|
328 |
width: 100%; |
|
329 |
clear: both; |
|
330 |
cursor: default; |
|
331 |
background: #fff; |
|
332 |
} |
|
333 |
||
334 |
#gallery-settings .describe select { |
|
335 |
width: 15em; |
|
336 |
} |
|
337 |
||
338 |
#gallery-settings .describe select option, |
|
339 |
#gallery-settings .describe td { |
|
340 |
padding: 0; |
|
341 |
} |
|
342 |
||
343 |
#gallery-settings label, |
|
344 |
#gallery-settings legend { |
|
345 |
font-size: 13px; |
|
| 18 | 346 |
color: #3c434a; |
| 5 | 347 |
margin-right: 15px; |
348 |
} |
|
349 |
||
350 |
#gallery-settings .align .field label { |
|
351 |
margin: 0 1em 0 3px; |
|
352 |
} |
|
353 |
||
354 |
#gallery-settings p.ml-submit { |
|
| 18 | 355 |
border-top: 1px solid #dcdcde; |
| 5 | 356 |
} |
357 |
||
358 |
#gallery-settings select#columns { |
|
359 |
width: 6em; |
|
360 |
} |
|
361 |
||
362 |
#sort-buttons { |
|
363 |
font-size: 0.8em; |
|
364 |
margin: 3px 25px -8px 0; |
|
365 |
text-align: right; |
|
366 |
max-width: 625px; |
|
367 |
} |
|
368 |
||
369 |
#sort-buttons a { |
|
370 |
text-decoration: none; |
|
371 |
} |
|
372 |
||
373 |
#sort-buttons #asc, |
|
374 |
#sort-buttons #showall { |
|
375 |
padding-left: 5px; |
|
376 |
} |
|
377 |
||
378 |
#sort-buttons span { |
|
379 |
margin-right: 25px; |
|
380 |
} |
|
381 |
||
382 |
p.media-types { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
383 |
margin: 0; |
| 5 | 384 |
padding: 1em; |
385 |
} |
|
386 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
387 |
p.media-types-required-info { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
388 |
padding-top: 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
389 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
390 |
|
| 5 | 391 |
tr.not-image { |
392 |
display: none; |
|
393 |
} |
|
394 |
||
395 |
table.not-image tr.not-image { |
|
396 |
display: table-row; |
|
397 |
} |
|
398 |
||
399 |
table.not-image tr.image-only { |
|
400 |
display: none; |
|
401 |
} |
|
402 |
||
403 |
/** |
|
404 |
* HiDPI Displays |
|
405 |
*/ |
|
406 |
@media print, |
|
407 |
(min-resolution: 120dpi) { |
|
408 |
||
409 |
.image-align-none-label { |
|
410 |
background-image: url(../images/align-none-2x.png?ver=20120916); |
|
411 |
background-size: 21px 15px; |
|
412 |
} |
|
413 |
||
414 |
.image-align-left-label { |
|
415 |
background-image: url(../images/align-left-2x.png?ver=20120916); |
|
416 |
background-size: 22px 15px; |
|
417 |
} |
|
418 |
||
419 |
.image-align-center-label { |
|
420 |
background-image: url(../images/align-center-2x.png?ver=20120916); |
|
421 |
background-size: 21px 15px; |
|
422 |
} |
|
423 |
||
424 |
.image-align-right-label { |
|
425 |
background-image: url(../images/align-right-2x.png?ver=20120916); |
|
426 |
background-size: 22px 15px; |
|
427 |
} |
|
428 |
} |