wp-admin/css/media.css

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