[Summary view] [Print] [Text view]

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