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, .media-upload-form legend {
  33         display:block;
  34         font-weight: bold;
  35         font-size: 13px;
  36         margin-bottom: 0.5em;
  37         margin: 0 0 0.5em 0;
  38 }
  39
  40 th { position: relative; }
  41
  42 .media-upload-form label.form-help, td.help {
  43         font-style: italic;
  44         font-weight: normal;
  45 }
  46
  47 .media-upload-form p.help {
  48         margin: 0;
  49         padding: 0;
  50 }
  51
  52 .media-upload-form fieldset {
  53         width: 100%;
  54         border: none;
  55         text-align: justify;
  56         margin: 0 0 1em 0;
  57         padding: 0;
  58 }
  59
  60 /* specific to the image upload form */
  61 .align .field label {
  62         display: inline;
  63         padding: 0 0 0 28px;
  64         margin: 0 1em 0 0;
  65 }
  66 .image-align-none-label {
  67         background: url(../images/align-none.png) no-repeat center left;
  68 }
  69
  70 .image-align-left-label {
  71         background: url(../images/align-left.png) no-repeat center left;
  72 }
  73
  74 .image-align-center-label {
  75         background: url(../images/align-center.png) no-repeat center left;
  76 }
  77
  78 .image-align-right-label {
  79         background: url(../images/align-right.png) no-repeat center left;
  80 }
  81
  82 #flash-upload-ui, .insert-gallery {
  83         display: none;
  84 }
  85
  86 tr.image-size label {
  87         display: inline;
  88         margin: 0 1em 0 0;
  89 }
  90 .pinkynail {
  91         max-width: 40px;
  92         max-height: 40px;
  93 }
  94
  95 .filename.original {
  96         float: left;
  97 }
  98 .crunching {
  99         display: block;
 100         line-height: 32px;
 101         text-align: right;
 102         margin-right: 5px;
 103 }
 104 button.dismiss {
 105         position: absolute;
 106         top: 5px;
 107         right: 5px;
 108         z-index: 4;
 109 }
 110 .file-error {
 111         margin: 0 0 5px 50px;
 112         font-weight: bold;
 113 }
 114
 115 .progress {
 116         position: absolute;
 117         top: 0px;
 118         left: 0px;
 119         width: 623px;
 120         height: 36px;
 121 }
 122 .bar {
 123         width: 0px;
 124         height: 100%;
 125         border-right-width: 3px;
 126         border-right-style: solid;
 127 }
 128
 129 #library-form .progress, #gallery-form .progress {
 130         display: none;
 131 }
 132
 133 .media-item .thumbnail {
 134         max-width: 128px;
 135         max-height: 128px;
 136 }
 137 .media-item .pinkynail {
 138         float: left;
 139         margin: 2px;
 140         height: 32px;
 141         max-width: 40px;
 142 }
 143
 144 thead.media-item-info tr {
 145         background-color: transparent;
 146 }
 147 thead.media-item-info th, thead.media-item-info td {
 148         border: none;
 149         margin: 0;
 150 }
 151
 152 .form-table thead.media-item-info {
 153         border: 8px solid #fff;
 154 }
 155
 156 .describe.startopen, .describe.startclosed {
 157         display: none;
 158 }
 159 abbr.required {
 160         text-decoration: none;
 161         border: none;
 162 }
 163 .describe label {
 164         display: inline;
 165 }
 166 .describe td {
 167         vertical-align: middle;
 168 }
 169 .describe td.A1 {
 170         width: 132px;
 171 }
 172 .describe input[type="text"], .describe textarea {
 173         width: 460px;
 174 }
 175 .describe-toggle-on, .describe-toggle-off {
 176         display: block;
 177         line-height: 36px;
 178         float: right;
 179         margin-right: 20px;
 180 }
 181 .describe-toggle-off {
 182         display: none;
 183 }
 184
 185 .clickmask {
 186 }
 187
 188 .hidden {
 189         height: 0px;
 190         width: 0px;
 191         overflow: hidden;
 192         border: none;
 193 }
 194
 195 /* Specific to Uploader */
 196
 197 #media-upload .media-upload-form p {
 198         margin: 0 1em 1em 0;
 199 }
 200
 201 #media-upload .media-upload-form p.ml-submit {
 202         padding: 1em 0;
 203 }
 204
 205 #media-upload p.help {
 206         font-style: italic;
 207         font-weight: normal;
 208 }
 209 #media-upload tr.image-size td.field {
 210         text-align: center;
 211 }
 212 #media-upload #media-items {
 213         border-width: 1px;
 214         border-style: solid;
 215         border-bottom: none;
 216         width: 623px;
 217 }
 218
 219 #media-upload .media-item {
 220         position: relative;
 221         border-bottom-width: 1px;
 222         border-bottom-style: solid;
 223         min-height: 36px;
 224         width: 100%;
 225 }
 226
 227 #media-upload .ui-sortable .media-item {
 228         cursor: move;
 229 }
 230
 231 .filename {
 232         float: left;
 233         line-height: 36px;
 234         margin-left: 10px;
 235         overflow: hidden;
 236         max-width: 430px;
 237 }
 238 #media-upload .describe {
 239         border-top-width: 1px;
 240         border-top-style: solid;
 241         padding: 5px;
 242         width: 100%;
 243         clear: both;
 244         cursor: default;
 245 }
 246 #media-upload .describe th.label {
 247         padding-top: .5em;
 248         text-align: left;
 249 }
 250 #media-upload tr.align td.field {
 251         text-align: center;
 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 }
 272
 273 #media-upload a.delete,
 274 #media-upload a.del-link {
 275         padding: 0 3px 1px;
 276 }
 277
 278 #media-upload .del-attachment {
 279         display: none;
 280         margin: 5px 0;
 281 }
 282
 283 .menu_order {
 284         float: right;
 285         font-size: 11px;
 286         margin: 10px 10px 0;
 287 }
 288
 289 .menu_order_input {
 290         border: 1px solid #DDDDDD;
 291         font-size: 10px;
 292         padding: 1px;
 293         width: 23px;
 294 }
 295
 296 .ui-sortable-helper {
 297         background-color: #fff;
 298         border: 1px solid #aaa;
 299         opacity: 0.6;
 300         filter: alpha(opacity=60);
 301 }
 302
 303 #media-upload th.order-head {
 304          width: 25%;
 305          text-align: center;
 306 }
 307
 308 #media-upload .widefat {
 309         width: 626px;
 310         border-style: solid solid none;
 311 }
 312
 313 .sorthelper {
 314         z-index: -1;
 315 }