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