wp-admin/css/media.dev.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-items a.delete {
 201         display: block;
 202         float: right;
 203 }
 204
 205 #media-upload .widefat {
 206         width: 626px;
 207         border-style: solid solid none;
 208 }
 209
 210 .sorthelper {
 211         height: 37px;
 212         width: 623px;
 213         display: block;
 214 }
 215
 216 #gallery-settings th.label {
 217         width: 160px;
 218 }
 219
 220 #gallery-settings #basic th.label {
 221         padding: 5px 5px 5px 0;
 222 }
 223
 224 #gallery-settings .title {
 225         clear: both;
 226         padding: 0 0 3px;
 227         font-size: 1.6em;
 228         border-bottom: 1px solid #DADADA;
 229 }
 230
 231 h3.media-title  {
 232         font-size: 1.6em;
 233 }
 234
 235 h4.media-sub-title  {
 236         border-bottom: 1px solid #DADADA;
 237         font-size: 1.3em;
 238         margin: 12px;
 239         padding: 0 0 3px;
 240 }
 241
 242 #gallery-settings .title,
 243 h3.media-title,
 244 h4.media-sub-title {
 245         font-family: Georgia,"Times New Roman",Times,serif;
 246         font-weight: normal;
 247         color: #5A5A5A;
 248 }
 249
 250 #gallery-settings .describe td {
 251         vertical-align: middle;
 252         height: 3em;
 253 }
 254
 255 #gallery-settings .describe th.label {
 256         padding-top: .5em;
 257         text-align: left;
 258 }
 259
 260 #gallery-settings .describe {
 261         padding: 5px;
 262         width: 615px;
 263         clear: both;
 264         cursor: default;
 265 }
 266
 267 #gallery-settings .describe select {
 268         width: 15em;
 269 }
 270
 271 #gallery-settings .describe select option,
 272 #gallery-settings .describe td {
 273         padding: 0;
 274 }
 275
 276 #gallery-settings label,
 277 #gallery-settings legend {
 278         font-size: 13px;
 279         color: #464646;
 280         margin-right: 15px;
 281 }
 282
 283 #gallery-settings .align .field label {
 284         margin: 0 1em 0 3px;
 285 }
 286
 287 #gallery-settings p.ml-submit {
 288         border-top: 1px solid #dfdfdf;
 289 }
 290
 291 #gallery-settings select#columns {
 292         width: 6em;
 293 }
 294
 295 #sort-buttons {
 296         font-size: 0.8em;
 297         margin: 3px 25px -8px 0;
 298         text-align: right;
 299         max-width: 625px;
 300 }
 301
 302 #sort-buttons a {
 303         text-decoration: none;
 304 }
 305
 306 #sort-buttons #asc,
 307 #sort-buttons #showall {
 308         padding-left: 5px;
 309 }
 310
 311 #sort-buttons span {
 312         margin-right: 25px;
 313 }
 314
 315 p.media-types {
 316         margin: 1em;
 317 }
 318
 319 tr.not-image {
 320         display: none;
 321 }
 322
 323 table.not-image tr.not-image {
 324         display: table-row;
 325 }
 326
 327 table.not-image tr.image-only {
 328         display: none;
 329 }