Same filename and directory in other branches
  1. 8.x-2.x css/color_field_widget_box.css 1 comment
#drupal-off-canvas button.color_field_widget_box__square,
.color_field_widget_box__square {
  border: 1px solid #000;
  box-shadow: 0 0 1px #000;
  box-sizing: border-box;
  height: 16px;
  margin: 2px;
  width: 16px;
  display: inline-block;
}

#drupal-off-canvas button.color_field_widget_box__square.active,
#drupal-off-canvas button.color_field_widget_box__square:hover,
.color_field_widget_box__square.active,
.color_field_widget_box__square:hover {
  height: 32px;
  width: 32px;
}

#drupal-off-canvas button.color_field_widget_box__square--transparent,
.color_field_widget_box__square--transparent {
  background-image: url("../images/transparent_box16.gif");
  background-repeat: no-repeat;
  border: 1px solid #000;
  box-shadow: 0 0 1px #000;
  box-sizing: border-box;
  height: 16px;
  margin: 2px;
  width: 16px;
}

#drupal-off-canvas button.color_field_widget_box__square--transparent.active,
#drupal-off-canvas button.color_field_widget_box__square--transparent:hover,
.color_field_widget_box__square--transparent.active,
.color_field_widget_box__square--transparent:hover {
  background-image: url(../images/transparent_box32.gif);
  height: 32px;
  width: 32px;
}

#drupal-off-canvas button.color_field_widget_box__color.required,
.color_field_widget_box__color.required {
  display: block !important;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  min-height: 0;
}

File

css/color_field_widget_box.css

View source 
  1. #drupal-off-canvas button.color_field_widget_box__square,

  2. .color_field_widget_box__square {

  3.   border: 1px solid #000;

  4.   box-shadow: 0 0 1px #000;

  5.   box-sizing: border-box;

  6.   height: 16px;

  7.   margin: 2px;

  8.   width: 16px;

  9.   display: inline-block;

  10. }

  11. 

  12. #drupal-off-canvas button.color_field_widget_box__square.active,

  13. #drupal-off-canvas button.color_field_widget_box__square:hover,

  14. .color_field_widget_box__square.active,

  15. .color_field_widget_box__square:hover {

  16.   height: 32px;

  17.   width: 32px;

  18. }

  19. 

  20. #drupal-off-canvas button.color_field_widget_box__square--transparent,

  21. .color_field_widget_box__square--transparent {

  22.   background-image: url("../images/transparent_box16.gif");

  23.   background-repeat: no-repeat;

  24.   border: 1px solid #000;

  25.   box-shadow: 0 0 1px #000;

  26.   box-sizing: border-box;

  27.   height: 16px;

  28.   margin: 2px;

  29.   width: 16px;

  30. }

  31. 

  32. #drupal-off-canvas button.color_field_widget_box__square--transparent.active,

  33. #drupal-off-canvas button.color_field_widget_box__square--transparent:hover,

  34. .color_field_widget_box__square--transparent.active,

  35. .color_field_widget_box__square--transparent:hover {

  36.   background-image: url(../images/transparent_box32.gif);

  37.   height: 32px;

  38.   width: 32px;

  39. }

  40. 

  41. #drupal-off-canvas button.color_field_widget_box__color.required,

  42. .color_field_widget_box__color.required {

  43.   display: block !important;

  44.   width: 0;

  45.   height: 0;

  46.   padding: 0;

  47.   border: none;

  48.   overflow: hidden;

  49.   min-height: 0;

  50. }