deprecated-media.css (6659B)
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; 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, 72 td.help { 73 color: #646970; 74 } 75 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; 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 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 154 abbr.required, 155 span.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 297 h3.media-title { 298 font-size: 1.6em; 299 } 300 301 h4.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, 309 h3.media-title, 310 h4.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 382 p.media-types { 383 margin: 0; 384 padding: 1em; 385 } 386 387 p.media-types-required-info { 388 padding-top: 0; 389 } 390 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 (-webkit-min-device-pixel-ratio: 1.25), 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 }