trumbowyg.colors.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /**
  2. * Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
  3. * Trumbowyg plugin stylesheet
  4. * ------------------------
  5. * @link http://alex-d.github.io/Trumbowyg
  6. * @license MIT
  7. * @author Alexandre Demode (Alex-D)
  8. * Twitter : @AlexandreDemode
  9. * Website : alex-d.fr
  10. */
  11. .trumbowyg-dropdown-foreColor,
  12. .trumbowyg-dropdown-backColor {
  13. width: 276px;
  14. padding: 7px 5px; }
  15. .trumbowyg-dropdown-foreColor svg,
  16. .trumbowyg-dropdown-backColor svg {
  17. display: none !important; }
  18. .trumbowyg-dropdown-foreColor button,
  19. .trumbowyg-dropdown-backColor button {
  20. display: block;
  21. position: relative;
  22. float: left;
  23. text-indent: -9999px;
  24. height: 20px;
  25. width: 20px;
  26. border: 1px solid #333;
  27. padding: 0;
  28. margin: 2px; }
  29. .trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
  30. .trumbowyg-dropdown-backColor button:hover::after,
  31. .trumbowyg-dropdown-backColor button:focus::after {
  32. content: " ";
  33. display: block;
  34. position: absolute;
  35. top: -5px;
  36. left: -5px;
  37. height: 27px;
  38. width: 27px;
  39. background: inherit;
  40. border: 1px solid #FFF;
  41. box-shadow: #000 0 0 2px;
  42. z-index: 10; }