1/* Styles for the media library iframe (not used on the Library screen) */
  2
  3div#media-upload-header {
  4	margin: 0;
  5	padding: 5px 5px 0;
  6	font-weight: 600;
  7	position: relative;
  8	border-bottom: 1px solid #dcdcde;
  9	background: #f6f7f7;
 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;
 22	font-weight: 400;
 23}
 24
 25#sidemenu a {
 26	padding: 0 7px;
 27	display: block;
 28	float: left;
 29	line-height: 28px;
 30	border-top: 1px solid #f6f7f7;
 31	border-bottom: 1px solid #dcdcde;
 32	background-color: #f6f7f7;
 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 {
 48	font-weight: 400;
 49	padding-left: 6px;
 50	padding-right: 6px;
 51	border: 1px solid #dcdcde;
 52	border-bottom-color: #f0f0f1;
 53	background-color: #f0f0f1;
 54	color: #000;
 55}
 56
 57#media-upload:after { /* clearfix */
 58	content: "";
 59	display: table;
 60	clear: both;
 61}
 62
 63#media-upload .slidetoggle {
 64	border-top-color: #dcdcde;
 65}
 66
 67#media-upload input[type="radio"] {
 68	padding: 0;
 69}
 70
 71.media-upload-form label.form-help,
 72td.help {
 73	color: #646970;
 74}
 75
 76form {
 77	margin: 1em;
 78}
 79
 80#search-filter {
 81	text-align: right;
 82}
 83
 84th {
 85	position: relative;
 86}
 87
 88.media-upload-form label.form-help, td.help {
 89	font-family: sans-serif;
 90	font-style: italic;
 91	font-weight: 400;
 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;
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
125tr.image-size td {
126	width: 460px;
127}
128
129tr.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
146thead.media-item-info tr {
147	background-color: transparent;
148}
149
150.form-table thead.media-item-info {
151	border: 8px solid #fff;
152}
153
154abbr.required,
155span.required {
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;
189	font-weight: 400;
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#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;
221	border: 1px solid #c3c4c7;
222	background: #f6f7f7;
223}
224
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 {
245	border: 1px solid #dcdcde;
246	font-size: 10px;
247	padding: 1px;
248	width: 23px;
249}
250
251.ui-sortable-helper {
252	background-color: #fff;
253	border: 1px solid #a7aaad;
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;
294	border-bottom: 1px solid #dcdcde;
295}
296
297h3.media-title {
298	font-size: 1.6em;
299}
300
301h4.media-sub-title {
302	border-bottom: 1px solid #dcdcde;
303	font-size: 1.3em;
304	margin: 12px;
305	padding: 0 0 3px;
306}
307
308#gallery-settings .title,
309h3.media-title,
310h4.media-sub-title {
311	font-family: Georgia,"Times New Roman",Times,serif;
312	font-weight: 400;
313	color: #50575e;
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;
346	color: #3c434a;
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 {
355	border-top: 1px solid #dcdcde;
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
382p.media-types {
383	margin: 0;
384	padding: 1em;
385}
386
387p.media-types-required-info {
388	padding-top: 0;
389}
390
391tr.not-image {
392	display: none;
393}
394
395table.not-image tr.not-image {
396	display: table-row;
397}
398
399table.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}
429