[Summary view] [Print] [Text view]

   1  /*! This file is auto-generated */
   2  /* rtl:ignore */
   3  .wp-color-picker {
   4      width: 80px;
   5      direction: ltr;
   6  }
   7  
   8  .wp-picker-container .hidden {
   9      display: none;
  10  }
  11  
  12  /* Needs higher specificiity. */
  13  .wp-picker-container .wp-color-result.button {
  14      min-height: 30px;
  15      margin: 0 0 6px 6px;
  16      padding: 0 30px 0 0;
  17      font-size: 11px;
  18  }
  19  
  20  .wp-color-result-text {
  21      background: #f6f7f7;
  22      border-radius: 2px 0 0 2px;
  23      border-right: 1px solid #c3c4c7;
  24      color: #50575e;
  25      display: block;
  26      line-height: 2.54545455; /* 28px */
  27      padding: 0 6px;
  28      text-align: center;
  29  }
  30  
  31  .wp-color-result:hover,
  32  .wp-color-result:focus {
  33      background: #f6f7f7;
  34      border-color: #8c8f94;
  35      color: #1d2327;
  36  }
  37  
  38  .wp-color-result:hover:after,
  39  .wp-color-result:focus:after {
  40      color: #1d2327;
  41      border-color: #a7aaad;
  42      border-right: 1px solid #8c8f94;
  43  }
  44  
  45  .wp-picker-container {
  46      display: inline-block;
  47  }
  48  
  49  .wp-color-result:focus {
  50      border-color: #4f94d4;
  51      box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
  52  }
  53  
  54  .wp-color-result:active {
  55      /* See Trac ticket #39662 */
  56      transform: none !important;
  57  }
  58  
  59  .wp-picker-open + .wp-picker-input-wrap {
  60      display: inline-block;
  61      vertical-align: top;
  62  }
  63  
  64  .wp-picker-input-wrap label {
  65      display: inline-block;
  66      vertical-align: top;
  67  }
  68  
  69  /* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
  70  .form-table .wp-picker-input-wrap label {
  71      margin: 0 !important;
  72  }
  73  
  74  .wp-picker-input-wrap .button.wp-picker-default,
  75  .wp-picker-input-wrap .button.wp-picker-clear,
  76  .wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
  77  .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
  78      margin-right: 6px;
  79      padding: 0 8px;
  80      line-height: 2.54545455; /* 28px */
  81      min-height: 30px;
  82  }
  83  
  84  .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
  85      background-color: #50575e
  86  }
  87  
  88  .wp-picker-container .iris-picker {
  89      border-radius: 0;
  90      border-color: #dcdcde;
  91      margin-top: 6px;
  92  }
  93  
  94  .wp-picker-container input[type="text"].wp-color-picker {
  95      width: 4rem;
  96      font-size: 12px;
  97      font-family: monospace;
  98      line-height: 2.33333333; /* 28px */
  99      margin: 0;
 100      padding: 0 5px;
 101      vertical-align: top;
 102      min-height: 30px;
 103  }
 104  
 105  .wp-color-picker::-webkit-input-placeholder {
 106      color: #646970;
 107  }
 108  
 109  .wp-color-picker::-moz-placeholder {
 110      color: #646970;
 111      opacity: 1;
 112  }
 113  
 114  .wp-color-picker:-ms-input-placeholder {
 115      color: #646970;
 116  }
 117  
 118  .wp-picker-container input[type="text"].iris-error {
 119      background-color: #fcf0f1;
 120      border-color: #d63638;
 121      color: #000;
 122  }
 123  
 124  .iris-picker .ui-square-handle:focus,
 125  .iris-picker .iris-strip .ui-slider-handle:focus {
 126      border-color: #3582c4;
 127      border-style: solid;
 128      box-shadow: 0 0 0 1px #3582c4;
 129      outline: 2px solid transparent;
 130  }
 131  
 132  .iris-picker .iris-palette:focus {
 133      box-shadow: 0 0 0 2px #3582c4;
 134  }
 135  
 136  @media screen and (max-width: 782px) {
 137      .wp-picker-container input[type="text"].wp-color-picker {
 138          width: 5rem;
 139          font-size: 16px;
 140          line-height: 1.875; /* 30px */
 141          min-height: 32px;
 142      }
 143  
 144      .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
 145          padding: 0 5px;
 146      }
 147  
 148      .wp-picker-input-wrap .button.wp-picker-default,
 149      .wp-picker-input-wrap .button.wp-picker-clear {
 150          padding: 0 8px;
 151          line-height: 2.14285714; /* 30px */
 152          min-height: 32px;
 153      }
 154  
 155      .wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
 156      .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
 157          padding: 0 8px;
 158          font-size: 14px;
 159          line-height: 2.14285714; /* 30px */
 160          min-height: 32px;
 161      }
 162  
 163      .wp-picker-container .wp-color-result.button {
 164          padding: 0 40px 0 0;
 165          font-size: 14px;
 166          line-height: 2.14285714; /* 30px */
 167      }
 168  
 169      .wp-customizer .wp-picker-container .wp-color-result.button {
 170          font-size: 14px;
 171          line-height: 2.14285714; /* 30px */
 172      }
 173  
 174      .wp-picker-container .wp-color-result-text {
 175          padding: 0 14px;
 176          font-size: inherit;
 177          line-height: inherit;
 178      }
 179  
 180      .wp-customizer .wp-picker-container .wp-color-result-text {
 181          padding: 0 10px;
 182      }
 183  }