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