[Summary view] [Print] [Text view]

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