/*
 * Copyright 2018 Google Inc.
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 2 as published by the
 * Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
 * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
 * License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc., 51
 * Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
 */

/**
 * @file
 * Fixes for the farbtastic color picker inside an off-canvas dialog.
 */
#drupal-off-canvas details[open] > summary {
  background-color: #333 !important;
  color: #eee !important;
}

#drupal-off-canvas .farbtastic {
  position: relative;
}
#drupal-off-canvas .farbtastic * {
  position: absolute;
  cursor: crosshair;
}
#drupal-off-canvas .farbtastic,
#drupal-off-canvas .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
#drupal-off-canvas .farbtastic .color,
#drupal-off-canvas .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
#drupal-off-canvas .farbtastic .wheel {
  background: url(../images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
#drupal-off-canvas .farbtastic .overlay {
  background: url(../images/mask.png) no-repeat;
}
#drupal-off-canvas .farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url(../images/marker.png) no-repeat;
}
