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