builder.bundle.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. .fl-editable {
  2. position: relative;
  3. -webkit-user-select: text; }
  4. .fl-editable .mce-content-body {
  5. cursor: text; }
  6. .fl-editable .mce-content-body * {
  7. cursor: text; }
  8. .fl-editable .mce-content-body:not(.mce-edit-focus):empty {
  9. height: 0; }
  10. .fl-editable .mce-content-body:not(.mce-edit-focus) [data-mce-selected] {
  11. background: none; }
  12. .fl-editable .mce-content-body,
  13. .fl-editable .mce-content-body:focus,
  14. .fl-editable .mce-edit-focus {
  15. outline: none !important; }
  16. .fl-editable-focused.fl-module {
  17. cursor: pointer; }
  18. .fl-editable-focused .fl-block-overlay {
  19. pointer-events: none; }
  20. .fl-editable-focused .fl-block-overlay-actions,
  21. .fl-editable-focused .fl-block-col-resize {
  22. pointer-events: auto; }
  23. .fl-inline-editor {
  24. border: 2px solid #00A0D2;
  25. border-radius: 4px;
  26. display: none;
  27. overflow: hidden;
  28. pointer-events: none;
  29. position: absolute;
  30. top: -32px;
  31. right: 4px;
  32. bottom: 4px;
  33. left: 4px;
  34. z-index: 100008;
  35. /* Toolbar wrappers */
  36. /* Toolbar buttons */ }
  37. .fl-inline-editor.fl-inline-editor-no-toolbar {
  38. top: 4px; }
  39. .fl-inline-editor.fl-inline-editor-no-toolbar > .mce-tinymce {
  40. display: none; }
  41. .fl-inline-editor > .mce-tinymce.fl-inline-editor-active-toolbar {
  42. display: block !important; }
  43. .fl-inline-editor > .mce-tinymce {
  44. background: transparent;
  45. border: none !important;
  46. overflow: hidden;
  47. pointer-events: auto;
  48. position: absolute;
  49. top: -2px !important;
  50. right: -2px !important;
  51. left: -2px !important;
  52. width: auto !important; }
  53. .fl-inline-editor .mce-tinymce,
  54. .fl-inline-editor .mce-container-body,
  55. .fl-inline-editor .mce-toolbar-grp {
  56. height: 32px !important;
  57. width: auto !important; }
  58. .fl-inline-editor .mce-container-body {
  59. padding: 0; }
  60. .fl-inline-editor .mce-toolbar-grp {
  61. background: #00A0D2;
  62. border: none;
  63. border-top-left-radius: 4px;
  64. border-bottom-right-radius: 4px;
  65. width: auto !important;
  66. display: inline-block; }
  67. .fl-inline-editor .mce-tinymce-inline .mce-flow-layout {
  68. white-space: normal; }
  69. .fl-inline-editor .mce-btn-group {
  70. padding: 0 3px; }
  71. .fl-inline-editor .mce-btn-group:not(:first-child) {
  72. border-color: rgba(255, 255, 255, 0.3); }
  73. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:focus,
  74. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:hover,
  75. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:active,
  76. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active,
  77. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus,
  78. .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
  79. background: rgba(255, 255, 255, 0.2);
  80. border-color: rgba(255, 255, 255, 0.4);
  81. box-shadow: none; }
  82. .fl-inline-editor .mce-toolbar .mce-btn button {
  83. padding: 1px; }
  84. .fl-inline-editor .mce-toolbar .mce-btn .mce-ico {
  85. color: rgba(255, 255, 255, 0.8) !important; }
  86. .fl-inline-editor .mce-toolbar .mce-btn:hover .mce-ico {
  87. color: #fff !important; }
  88. .fl-inline-editor .mce-panel .mce-btn i.mce-caret {
  89. border-top-color: rgba(255, 255, 255, 0.8) !important;
  90. border-bottom-color: rgba(255, 255, 255, 0.8) !important; }
  91. .fl-inline-editor .mce-panel .mce-btn:hover i.mce-caret {
  92. border-top-color: #fff !important; }
  93. /* Make heading text display:block so input can start anywhere in the module. */
  94. .fl-heading-text.mce-content-body {
  95. display: block; }
  96. /* Tooltips are currently getting in the way of mouse events. */
  97. .mce-tooltip {
  98. display: none !important; }
  99. .fl-notifications-panel {
  100. position: fixed;
  101. top: 48px;
  102. left: 0;
  103. bottom: 0;
  104. width: 380px;
  105. background: #F5F7F9;
  106. color: #555555;
  107. border-right: 2px solid #d5dadd;
  108. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  109. font-size: 14px;
  110. z-index: 999999;
  111. display: flex;
  112. flex-direction: column; }
  113. .fl-notifications-panel .fl-nanoscroller .fl-nanoscroller-content {
  114. padding: 0 15px; }
  115. .fl-notifications-panel .fl-panel-title {
  116. flex: 0 0 auto;
  117. padding: 15px 30px;
  118. font-size: 18px; }
  119. .fl-notifications-panel .fl-builder-ui-post {
  120. flex: 0 0 auto;
  121. display: flex;
  122. display: block;
  123. padding: 15px;
  124. margin: 15px 0;
  125. border-radius: 4px;
  126. text-decoration: none;
  127. color: inherit; }
  128. .fl-notifications-panel .fl-builder-ui-post:first-child {
  129. margin-top: 0; }
  130. .fl-notifications-panel .fl-builder-ui-post:hover {
  131. text-decoration: none;
  132. background: white;
  133. color: black; }
  134. .fl-notifications-panel .fl-builder-ui-post .fl-builder-ui-post-title {
  135. font-size: 17px;
  136. line-height: 1.4;
  137. margin-bottom: 10px;
  138. color: #0089b4; }
  139. .fl-notifications-panel .fl-builder-ui-post .fl-builder-ui-post-date {
  140. text-transform: uppercase;
  141. font-size: 12px;
  142. font-weight: bold;
  143. margin-bottom: 10px; }
  144. .fl-notifications-panel .fl-panel-loading-message {
  145. padding: 0 15px;
  146. align-items: center;
  147. justify-content: center;
  148. display: flex;
  149. height: 100%; }
  150. /* Toolbar Button */
  151. .fl-builder-bar-spacer {
  152. flex: 1 1 100%; }
  153. #bell-active-dot {
  154. visibility: hidden; }
  155. .fl-builder-has-new-notifications #bell-active-dot {
  156. visibility: visible; }
  157. /**
  158. * This file is just here for demonstration purposes while we get
  159. * our Webpack workflow going. In the future styles should probably
  160. * be written on a per-component basis.
  161. */