color_field_widget_box.css 760 B

1234567891011121314151617181920212223242526272829303132
  1. .color_field_widget_box {
  2. }
  3. .color_field_widget_box__square {
  4. border: 1px solid #ffffff;
  5. cursor: pointer;
  6. font-family: monospace;
  7. font-size: 1.2em;
  8. margin: 0 3px;
  9. padding: 1px 8px;
  10. }
  11. .color_field_widget_box__square.active,
  12. .color_field_widget_box__square:hover {
  13. padding: 9px 16px;
  14. }
  15. .color_field_widget_box__square--transparent {
  16. background-image: url("../images/transparent_box16.gif");
  17. background-position: 0 3px;
  18. background-repeat: no-repeat;
  19. margin: 0 3px;
  20. padding: 2px 8px;
  21. }
  22. .color_field_widget_box__square--transparent.active,
  23. .color_field_widget_box__square--transparent:hover {
  24. background-image: url(../images/transparent_box32.gif);
  25. background-position: 0 3px;
  26. background-repeat: no-repeat;
  27. padding: 10px 16px;
  28. }