wp-admin/css/deprecated-media.css

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