[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: 28px;
  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: 200%;
  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  .media-upload-form label.form-help,
  72  td.help {
  73      color: #646970;
  74  }
  75  
  76  form {
  77      margin: 1em;
  78  }
  79  
  80  #search-filter {
  81      text-align: right;
  82  }
  83  
  84  th {
  85      position: relative;
  86  }
  87  
  88  .media-upload-form label.form-help, td.help {
  89      font-family: sans-serif;
  90      font-style: italic;
  91      font-weight: 400;
  92  }
  93  
  94  .media-upload-form p.help {
  95      margin: 0;
  96      padding: 0;
  97  }
  98  
  99  .media-upload-form fieldset {
 100      width: 100%;
 101      border: none;
 102      text-align: justify;
 103      margin: 0 0 1em;
 104      padding: 0;
 105  }
 106  
 107  /* specific to the image upload form */
 108  
 109  .image-align-none-label {
 110      background: url(../images/align-none.png) no-repeat center left;
 111  }
 112  
 113  .image-align-left-label {
 114      background: url(../images/align-left.png) no-repeat center left;
 115  }
 116  
 117  .image-align-center-label {
 118      background: url(../images/align-center.png) no-repeat center left;
 119  }
 120  
 121  .image-align-right-label {
 122      background: url(../images/align-right.png) no-repeat center left;
 123  }
 124  
 125  tr.image-size td {
 126      width: 460px;
 127  }
 128  
 129  tr.image-size div.image-size-item {
 130      margin: 0 0 5px;
 131  }
 132  
 133  #library-form .progress,
 134  #gallery-form .progress,
 135  .insert-gallery,
 136  .describe.startopen,
 137  .describe.startclosed {
 138      display: none;
 139  }
 140  
 141  .media-item .thumbnail {
 142      max-width: 128px;
 143      max-height: 128px;
 144  }
 145  
 146  thead.media-item-info tr {
 147      background-color: transparent;
 148  }
 149  
 150  .form-table thead.media-item-info {
 151      border: 8px solid #fff;
 152  }
 153  
 154  abbr.required,
 155  span.required {
 156      text-decoration: none;
 157      border: none;
 158  }
 159  
 160  .describe label {
 161      display: inline;
 162  }
 163  
 164  .describe td.error {
 165      padding: 2px 8px;
 166  }
 167  
 168  .describe td.A1 {
 169      width: 132px;
 170  }
 171  
 172  .describe input[type="text"],
 173  .describe textarea {
 174      width: 460px;
 175      border-width: 1px;
 176      border-style: solid;
 177  }
 178  
 179  /* Specific to Uploader */
 180  
 181  #media-upload p.ml-submit {
 182      padding: 1em 0;
 183  }
 184  
 185  #media-upload p.help,
 186  #media-upload label.help {
 187      font-family: sans-serif;
 188      font-style: italic;
 189      font-weight: 400;
 190  }
 191  
 192  #media-upload .ui-sortable .media-item {
 193      cursor: move;
 194  }
 195  
 196  #media-upload tr.image-size {
 197      margin-bottom: 1em;
 198      height: 3em;
 199  }
 200  
 201  #media-upload #filter {
 202      width: 623px;
 203  }
 204  
 205  #media-upload #filter .subsubsub {
 206      margin: 8px 0;
 207  }
 208  
 209  #media-upload .tablenav-pages a,
 210  #media-upload .tablenav-pages .current {
 211      display: inline-block;
 212      padding: 4px 5px 6px;
 213      font-size: 16px;
 214      line-height: 1;
 215      text-align: center;
 216      text-decoration: none;
 217  }
 218  
 219  #media-upload .tablenav-pages a {
 220      min-width: 17px;
 221      border: 1px solid #c3c4c7;
 222      background: #f6f7f7;
 223  }
 224  
 225  #filter .tablenav select {
 226      border-style: solid;
 227      border-width: 1px;
 228      padding: 2px;
 229      vertical-align: top;
 230      width: auto;
 231  }
 232  
 233  #media-upload .del-attachment {
 234      display: none;
 235      margin: 5px 0;
 236  }
 237  
 238  .menu_order {
 239      float: right;
 240      font-size: 11px;
 241      margin: 8px 10px 0;
 242  }
 243  
 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: .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  
 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  }