[Summary view] [Print] [Text view]

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