Widget.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .sg-editing-widget-container {
  2. pointer-events: all;
  3. cursor: default !important;
  4. position: relative;
  5. width: 30px;
  6. height: 30px;
  7. margin: 0px;
  8. font-family: Dosis, sans-serif;
  9. letter-spacing: 1px;
  10. }
  11. .sg-editing-widget-button {
  12. position: absolute;
  13. cursor: pointer;
  14. width: 30px;
  15. height: 30px;
  16. margin: 0;
  17. padding: 1px 6px; /* icon files are 18x28 */
  18. border: none;
  19. outline: none;
  20. overflow: visible;
  21. background-color: rgb(255, 41, 61);
  22. background-repeat: no-repeat;
  23. background-size: 30px auto;
  24. background-position: center;
  25. -webkit-appearance: button;
  26. }
  27. .sg-editing-widget-button::-moz-focus-inner {
  28. border: 0;
  29. }
  30. .sg-editing-widget-container.active > .sg-editing-widget-button {
  31. background-color: rgb(183, 12, 29);
  32. }
  33. .sg-editing-selection-widget-menu-right > .sg-editing-widget-container {
  34. margin-top: 5px;
  35. }
  36. .sg-editing-selection-widget-menu-bottom > .sg-editing-widget-container {
  37. float: right;
  38. margin-left: 5px;
  39. }
  40. .sg-editing-widget-panel {
  41. position: absolute;
  42. top: 15px;
  43. left: 0px;
  44. width: 100%;
  45. height: 34px;
  46. background-color: rgb(183, 12, 29);
  47. }
  48. .sg-editing-widget-panel .sg-editing-widget-button {
  49. background-color: rgb(183, 12, 29);
  50. }
  51. .sg-widget-triangle-up {
  52. position: absolute;
  53. width: 0;
  54. height: 0;
  55. border-style: solid;
  56. border-width: 0 15px 15px 15px;
  57. border-color: transparent transparent rgb(183, 12, 29) transparent;
  58. }
  59. .sg-widget-triangle-left {
  60. position: absolute;
  61. width: 0;
  62. height: 0;
  63. border-style: solid;
  64. border-width: 15px 15px 15px 0;
  65. border-color: transparent rgb(183, 12, 29) transparent transparent;
  66. }
  67. .sg-editing-widget-container input[type="text"] {
  68. position: absolute;
  69. border: none;
  70. margin: 0px;
  71. padding: 4px;
  72. height: 22px;
  73. }