[Summary view] [Print] [Text view]

   1  .wp-color-picker {
   2      width: 80px;
   3  }
   4  
   5  .wp-picker-container .hidden {
   6      display: none;
   7  }
   8  
   9  .wp-color-result {
  10      background-color: #f7f7f7;
  11      border: 1px solid #ccc;
  12      border-radius: 3px;
  13      cursor: pointer;
  14      display: inline-block;
  15      height: 22px;
  16      margin: 0 0px 6px 6px;
  17      position: relative;
  18      top: 1px;
  19      user-select: none;
  20      -moz-user-select: none;
  21      -ms-user-select: none;
  22      -webkit-user-select: none;
  23      vertical-align: bottom;
  24      display: inline-block;
  25      padding-right: 30px;
  26  
  27      -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
  28      box-shadow: 0 1px 0 rgba(0,0,0,.08);
  29  }
  30  
  31  .wp-color-result:after {
  32      background: #f7f7f7;
  33      border-radius: 2px 0 0 2px;
  34      border-right: 1px solid #ccc;
  35      color: #555;
  36      content: attr( title );
  37      display: block;
  38      font-size: 11px;
  39      line-height: 22px;
  40      padding: 0 6px;
  41      position: relative;
  42      left: 0;
  43      text-align: center;
  44      top: 0;
  45  
  46      -webkit-box-shadow: inset 0 1px 0 #fff;
  47      box-shadow: inset 0 1px 0 #fff;
  48  }
  49  
  50  .wp-color-result:hover {
  51      background: #fafafa;
  52      border-color: #999;
  53      color: #222;
  54  }
  55  
  56  .wp-color-result:hover:after {
  57      color: #222;
  58      border-color: #aaa;
  59      border-right: 1px solid #999;
  60  }
  61  
  62  .wp-color-result {
  63      top: 0;
  64  }
  65  
  66  .wp-color-result.wp-picker-open:after {
  67      content: attr( data-current );
  68  }
  69  
  70  .wp-picker-container, .wp-picker-container:active {
  71      display: inline-block;
  72      outline: 0;
  73  }
  74  
  75  .wp-color-result:focus {
  76      border-color: #888;
  77      -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
  78      box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
  79  }
  80  
  81  .wp-color-result:focus:after {
  82      border-color: #888;
  83  }
  84  
  85  .wp-picker-open + .wp-picker-input-wrap {
  86      display: inline-block;
  87      vertical-align: top;
  88  }
  89  
  90  .wp-picker-container .button {
  91      margin-right: 6px;
  92  }
  93  
  94  .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
  95      background-color: #555
  96  }
  97  
  98  .wp-picker-container .iris-picker {
  99      border-radius: 0;
 100      border-color: #dfdfdf;
 101      margin-top: 6px;
 102  }
 103  
 104  .wp-picker-container input[type="text"].wp-color-picker {
 105      width: 65px;
 106      font-size: 12px;
 107      font-family: monospace;
 108      text-align: center;
 109      line-height: 16px;
 110      margin: 0;
 111  }
 112  
 113  .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
 114      color: transparent;
 115  }
 116  
 117  .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
 118      color: #999;
 119  }
 120  
 121  .wp-picker-container input[type="text"].iris-error {
 122      background-color: #ffebe8;
 123      border-color: #c00;
 124      color: #000;
 125  }