[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 specificity to override `.wp-core-ui .button`. */
  13  .wp-picker-container .wp-color-result.button {
  14      min-height: 32px;
  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.72727273; /* 30px */
  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.72727273; /* 30px */
  81      min-height: 32px;
  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      margin: 0;
  99      padding: 0 5px;
 100      vertical-align: top;
 101      min-height: 32px;
 102  }
 103  
 104  .wp-color-picker::-webkit-input-placeholder {
 105      color: #646970;
 106  }
 107  
 108  .wp-color-picker::-moz-placeholder {
 109      color: #646970;
 110  }
 111  
 112  .wp-picker-container input[type="text"].iris-error {
 113      background-color: #fcf0f1;
 114      border-color: #d63638;
 115      color: #000;
 116  }
 117  
 118  .iris-picker .ui-square-handle:focus,
 119  .iris-picker .iris-strip .ui-slider-handle:focus {
 120      border-color: var(--wp-admin-theme-color, #3858e9);
 121      border-style: solid;
 122      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 123      outline: 2px solid transparent;
 124  }
 125  
 126  .iris-picker .iris-palette:focus {
 127      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 128  }
 129  
 130  @media screen and (max-width: 782px) {
 131      .wp-picker-container input[type="text"].wp-color-picker {
 132          width: 5rem;
 133          font-size: 16px;
 134          line-height: 1.875; /* 30px */
 135          min-height: 32px;
 136      }
 137  
 138      .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
 139          padding: 0 5px;
 140      }
 141  
 142      .wp-picker-input-wrap .button.wp-picker-default,
 143      .wp-picker-input-wrap .button.wp-picker-clear {
 144          padding: 0 8px;
 145          line-height: 2.14285714; /* 30px */
 146          min-height: 32px;
 147      }
 148  
 149      .wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
 150      .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
 151          padding: 0 8px;
 152          font-size: 14px;
 153          line-height: 2.14285714; /* 30px */
 154          min-height: 32px;
 155      }
 156  
 157      .wp-picker-container .wp-color-result.button {
 158          padding: 0 40px 0 0;
 159          font-size: 14px;
 160          line-height: 2.14285714; /* 30px */
 161      }
 162  
 163      .wp-customizer .wp-picker-container .wp-color-result.button {
 164          font-size: 14px;
 165          line-height: 2.14285714; /* 30px */
 166      }
 167  
 168      .wp-picker-container .wp-color-result-text {
 169          padding: 0 14px;
 170          font-size: inherit;
 171          line-height: inherit;
 172      }
 173  
 174      .wp-customizer .wp-picker-container .wp-color-result-text {
 175          padding: 0 10px;
 176      }
 177  }