| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- .fl-editable {
- position: relative;
- -webkit-user-select: text; }
- .fl-editable .mce-content-body {
- cursor: text; }
- .fl-editable .mce-content-body * {
- cursor: text; }
- .fl-editable .mce-content-body:not(.mce-edit-focus):empty {
- height: 0; }
- .fl-editable .mce-content-body:not(.mce-edit-focus) [data-mce-selected] {
- background: none; }
- .fl-editable .mce-content-body,
- .fl-editable .mce-content-body:focus,
- .fl-editable .mce-edit-focus {
- outline: none !important; }
- .fl-editable-focused.fl-module {
- cursor: pointer; }
- .fl-editable-focused .fl-block-overlay {
- pointer-events: none; }
- .fl-editable-focused .fl-block-overlay-actions,
- .fl-editable-focused .fl-block-col-resize {
- pointer-events: auto; }
- .fl-inline-editor {
- border: 2px solid #00A0D2;
- border-radius: 4px;
- display: none;
- overflow: hidden;
- pointer-events: none;
- position: absolute;
- top: -32px;
- right: 4px;
- bottom: 4px;
- left: 4px;
- z-index: 100008;
- /* Toolbar wrappers */
- /* Toolbar buttons */ }
- .fl-inline-editor.fl-inline-editor-no-toolbar {
- top: 4px; }
- .fl-inline-editor.fl-inline-editor-no-toolbar > .mce-tinymce {
- display: none; }
- .fl-inline-editor > .mce-tinymce.fl-inline-editor-active-toolbar {
- display: block !important; }
- .fl-inline-editor > .mce-tinymce {
- background: transparent;
- border: none !important;
- overflow: hidden;
- pointer-events: auto;
- position: absolute;
- top: -2px !important;
- right: -2px !important;
- left: -2px !important;
- width: auto !important; }
- .fl-inline-editor .mce-tinymce,
- .fl-inline-editor .mce-container-body,
- .fl-inline-editor .mce-toolbar-grp {
- height: 32px !important;
- width: auto !important; }
- .fl-inline-editor .mce-container-body {
- padding: 0; }
- .fl-inline-editor .mce-toolbar-grp {
- background: #00A0D2;
- border: none;
- border-top-left-radius: 4px;
- border-bottom-right-radius: 4px;
- width: auto !important;
- display: inline-block; }
- .fl-inline-editor .mce-tinymce-inline .mce-flow-layout {
- white-space: normal; }
- .fl-inline-editor .mce-btn-group {
- padding: 0 3px; }
- .fl-inline-editor .mce-btn-group:not(:first-child) {
- border-color: rgba(255, 255, 255, 0.3); }
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:focus,
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:hover,
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn:active,
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active,
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus,
- .fl-inline-editor .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
- background: rgba(255, 255, 255, 0.2);
- border-color: rgba(255, 255, 255, 0.4);
- box-shadow: none; }
- .fl-inline-editor .mce-toolbar .mce-btn button {
- padding: 1px; }
- .fl-inline-editor .mce-toolbar .mce-btn .mce-ico {
- color: rgba(255, 255, 255, 0.8) !important; }
- .fl-inline-editor .mce-toolbar .mce-btn:hover .mce-ico {
- color: #fff !important; }
- .fl-inline-editor .mce-panel .mce-btn i.mce-caret {
- border-top-color: rgba(255, 255, 255, 0.8) !important;
- border-bottom-color: rgba(255, 255, 255, 0.8) !important; }
- .fl-inline-editor .mce-panel .mce-btn:hover i.mce-caret {
- border-top-color: #fff !important; }
- /* Make heading text display:block so input can start anywhere in the module. */
- .fl-heading-text.mce-content-body {
- display: block; }
- /* Tooltips are currently getting in the way of mouse events. */
- .mce-tooltip {
- display: none !important; }
- .fl-notifications-panel {
- position: fixed;
- top: 48px;
- left: 0;
- bottom: 0;
- width: 380px;
- background: #F5F7F9;
- color: #555555;
- border-right: 2px solid #d5dadd;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- font-size: 14px;
- z-index: 999999;
- display: flex;
- flex-direction: column; }
- .fl-notifications-panel .fl-nanoscroller .fl-nanoscroller-content {
- padding: 0 15px; }
- .fl-notifications-panel .fl-panel-title {
- flex: 0 0 auto;
- padding: 15px 30px;
- font-size: 18px; }
- .fl-notifications-panel .fl-builder-ui-post {
- flex: 0 0 auto;
- display: flex;
- display: block;
- padding: 15px;
- margin: 15px 0;
- border-radius: 4px;
- text-decoration: none;
- color: inherit; }
- .fl-notifications-panel .fl-builder-ui-post:first-child {
- margin-top: 0; }
- .fl-notifications-panel .fl-builder-ui-post:hover {
- text-decoration: none;
- background: white;
- color: black; }
- .fl-notifications-panel .fl-builder-ui-post .fl-builder-ui-post-title {
- font-size: 17px;
- line-height: 1.4;
- margin-bottom: 10px;
- color: #0089b4; }
- .fl-notifications-panel .fl-builder-ui-post .fl-builder-ui-post-date {
- text-transform: uppercase;
- font-size: 12px;
- font-weight: bold;
- margin-bottom: 10px; }
- .fl-notifications-panel .fl-panel-loading-message {
- padding: 0 15px;
- align-items: center;
- justify-content: center;
- display: flex;
- height: 100%; }
- /* Toolbar Button */
- .fl-builder-bar-spacer {
- flex: 1 1 100%; }
- #bell-active-dot {
- visibility: hidden; }
- .fl-builder-has-new-notifications #bell-active-dot {
- visibility: visible; }
- /**
- * This file is just here for demonstration purposes while we get
- * our Webpack workflow going. In the future styles should probably
- * be written on a per-component basis.
- */
|