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 #library-form .progress,
 108 #gallery-form .progress,
 109 #flash-upload-ui,
 110 .insert-gallery,
 111 .describe.startopen,
 112 .describe.startclosed {
 113         display: none;
 114 }
 115
 116 .media-item .thumbnail {
 117         max-width: 128px;
 118         max-height: 128px;
 119 }
 120
 121 .media-item .pinkynail {
 122         float: left;
 123         margin: 2px;
 124         height: 32px;
 125         max-width: 40px;
 126 }
 127
 128 thead.media-item-info tr {
 129         background-color: transparent;
 130 }
 131
 132 thead.media-item-info th,
 133 thead.media-item-info td {
 134         border: none;
 135         margin: 0;
 136 }
 137
 138 .form-table thead.media-item-info {
 139         border: 8px solid #fff;
 140 }
 141
 142 abbr.required {
 143         text-decoration: none;
 144         border: none;
 145 }
 146
 147 .describe label {
 148         display: inline;
 149 }
 150
 151 .describe td {
 152         vertical-align: middle;
 153         padding: 0 5px 0 0;
 154 }
 155
 156 .describe td.A1 {
 157         width: 132px;
 158 }
 159
 160 .describe input[type="text"],
 161 .describe textarea {
 162         width: 460px;
 163         border-width: 1px;
 164         border-style: solid;
 165 }
 166
 167 .describe-toggle-on,
 168 .describe-toggle-off {
 169         display: block;
 170         line-height: 36px;
 171         float: right;
 172         margin-right: 20px;
 173 }
 174
 175 .describe-toggle-off {
 176         display: none;
 177 }
 178
 179 .hidden {
 180         height: 0;
 181         width: 0;
 182         overflow: hidden;
 183         border: none;
 184 }
 185
 186 /* Specific to Uploader */
 187
 188 #media-upload .media-upload-form p {
 189         margin: 0 1em 1em 0;
 190 }
 191
 192 #media-upload p.ml-submit {
 193         padding: 1em 0;
 194 }
 195
 196 #media-upload p.help,
 197 #media-upload label.help {
 198         font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
 199         font-style: italic;
 200         font-weight: normal;
 201 }
 202
 203 #media-upload tr.image-size td.field {
 204         text-align: center;
 205 }
 206
 207 #media-upload #media-items {
 208         border-width: 1px;
 209         border-style: solid;
 210         border-bottom: none;
 211         width: 623px;
 212 }
 213
 214 #media-upload .media-item {
 215         border-bottom-width: 1px;
 216         border-bottom-style: solid;
 217         min-height: 36px;
 218         width: 100%;
 219 }
 220
 221 #media-upload .ui-sortable .media-item {
 222         cursor: move;
 223 }
 224
 225 .filename {
 226         line-height: 36px;
 227         padding: 0 10px;
 228         overflow: hidden;
 229 }
 230
 231 #media-upload .describe {
 232         padding: 5px;
 233         width: 100%;
 234         clear: both;
 235         cursor: default;
 236 }
 237
 238 #media-upload .slidetoggle {
 239         border-top-width: 1px;
 240         border-top-style: solid;
 241 }
 242
 243 #media-upload .describe th.label {
 244         padding-top: .5em;
 245         text-align: left;
 246         min-width: 120px;
 247 }
 248
 249 #media-upload tr.align td.field {
 250         text-align: center;
 251 }
 252
 253 #media-upload tr.image-size {
 254         margin-bottom: 1em;
 255         height: 3em;
 256 }
 257
 258 #media-upload #filter {
 259         width: 623px;
 260 }
 261
 262 #media-upload #filter .subsubsub {
 263         margin: 8px 0;
 264 }
 265
 266 #filter .tablenav select {
 267         border-style: solid;
 268         border-width: 1px;
 269         padding: 2px;
 270         vertical-align: top;
 271         width: auto;
 272 }
 273
 274 #media-upload .del-attachment {
 275         display: none;
 276         margin: 5px 0;
 277 }
 278
 279 .menu_order {
 280         float: right;
 281         font-size: 11px;
 282         margin: 10px 10px 0;
 283 }
 284
 285 .menu_order_input {
 286         border: 1px solid #ddd;
 287         font-size: 10px;
 288         padding: 1px;
 289         width: 23px;
 290 }
 291
 292 .ui-sortable-helper {
 293         background-color: #fff;
 294         border: 1px solid #aaa;
 295         opacity: 0.6;
 296         filter: alpha(opacity=60);
 297 }
 298
 299 #media-upload th.order-head {
 300         width: 25%;
 301         text-align: center;
 302 }
 303
 304 #media-upload .widefat {
 305         width: 626px;
 306         border-style: solid solid none;
 307 }
 308
 309 .sorthelper {
 310         height: 37px;
 311         width: 623px;
 312         display: block;
 313 }
 314
 315 #gallery-settings th.label {
 316         width: 160px;
 317 }
 318
 319 #gallery-settings #basic th.label {
 320         padding: 5px 5px 5px 0;
 321 }
 322
 323 #gallery-settings .title {
 324         clear: both;
 325         padding: 0 0 3px;
 326         border-bottom-style: solid;
 327         border-bottom-width: 1px;
 328         font-family: Georgia,"Times New Roman",Times,serif;
 329         font-size: 1.6em;
 330         border-bottom-color: #DADADA;
 331         color: #5A5A5A;
 332 }
 333
 334 h3.media-title  {
 335         color: #5A5A5A;
 336         font-family: Georgia,"Times New Roman",Times,serif;
 337         font-size: 1.6em;
 338         font-weight: normal;
 339 }
 340
 341 #gallery-settings .describe td {
 342         vertical-align: middle;
 343         height: 3.5em;
 344 }
 345
 346 #gallery-settings .describe th.label {
 347         padding-top: .5em;
 348         text-align: left;
 349 }
 350
 351 #gallery-settings .describe {
 352         padding: 5px;
 353         width: 615px;
 354         clear: both;
 355         cursor: default;
 356 }
 357
 358 #gallery-settings .describe select {
 359         width: 15em;
 360         border: 1px solid #dfdfdf;
 361 }
 362
 363 #gallery-settings label,
 364 #gallery-settings legend {
 365         font-size: 13px;
 366         color: #464646;
 367         margin-right: 15px;
 368 }
 369
 370 #gallery-settings .align .field label {
 371         margin: 0 1.5em 0 0;
 372 }
 373
 374 #gallery-settings p.ml-submit {
 375         border-top: 1px solid #dfdfdf;
 376 }
 377
 378 #gallery-settings select#columns {
 379         width: 6em;
 380 }
 381
 382 #sort-buttons {
 383         font-size: 0.8em;
 384         margin: 3px 25px -8px 0;
 385         text-align: right;
 386         max-width: 625px;
 387 }
 388
 389 #sort-buttons a {
 390         text-decoration: none;
 391 }
 392
 393 #sort-buttons #asc,
 394 #sort-buttons #showall {
 395         padding-left: 5px;
 396 }
 397
 398 #sort-buttons span {
 399         margin-right: 25px;
 400 }