[Summary view] [Print] [Text view]

   1  joomla-field-simple-color {
   2    display: block;
   3  
   4    .hidden {
   5      display: none;
   6    }
   7  
   8    .visually-hidden {
   9      position: absolute;
  10      width: 1px;
  11      height: 1px;
  12      padding: 0;
  13      margin: -1px;
  14      overflow: hidden;
  15      clip: rect(0,0,0,0);
  16      border: 0;
  17    }
  18  
  19    button {
  20      width: 20px;
  21      height: 20px;
  22      overflow: hidden;
  23      vertical-align: middle;
  24      background: none;
  25      border: solid 1px #ccc;
  26      border-radius: 3px;
  27      appearance: none;
  28    }
  29  
  30    .btn-close {
  31      width: auto;
  32      padding: 0 6px;
  33      margin-top: -4px;
  34      font-size: 1rem;
  35      line-height: 1.5;
  36      text-align: center;
  37      vertical-align: middle;
  38    }
  39  
  40    .nocolor {
  41      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggRDQENU0dyawAAACZJREFUGNNjPHXqDAMSMDY2ROYyMeAFNJVm/Pv3LzL/7Nnzg8VpAKebCGpIIxHBAAAAAElFTkSuQmCC") !important;
  42    }
  43    .simplecolors-panel .swatch {
  44      margin: 0 4px 4px 0;
  45    }
  46  
  47    .swatch:hover,
  48    .swatch.active {
  49      border-color: rgba(82, 168, 236, .8);
  50      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
  51    }
  52  
  53    .simplecolors-panel[data-open=""] {
  54      display: block;
  55    }
  56    .simplecolors-panel {
  57      position: absolute;
  58      z-index: 12;
  59      display: none;
  60      float: left;
  61      padding: 6px 2px 2px 6px;
  62      margin: 1px 0 0;
  63      background-color: #fff;
  64      background-clip: padding-box;
  65      border: 1px solid #ddd;
  66      border-radius: 5px;
  67      box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  68    }
  69  }