.ge-mainControls { position: relative; min-height: 22px; margin-bottom: 10px; } .ge-mainControls .ge-wrapper { padding-top: 5px; } .ge-mainControls .ge-wrapper.ge-top .container { margin: 0; padding: 0; width: auto; } .ge-mainControls .ge-wrapper.ge-fixed { position: fixed; z-index: 20; top: 0; } .ge-mainControls .ge-addRowGroup .btn.btn-primary { background: #f4f4f4; color: #666; border-color: #999; } .ge-mainControls .ge-addRowGroup .ge-row-icon { display: inline-block; width: 48px; margin: 0; } .ge-mainControls .ge-addRowGroup .ge-row-icon .column { height: 10px; background: #666; padding: 0; border-left: 2px solid #f4f4f4; } .ge-mainControls .ge-layout-mode { margin-left: 5px; } .ge-mainControls .btn:focus { box-shadow: none; outline: none; } .ge-html-output { width: 100%; display: none; } /* Not editing */ .ge-canvas .ge-tools-drawer { display: none; } /* While editing */ .ge-canvas.ge-editing { /* Content area */ /* Sorting */ } .ge-canvas.ge-editing .ge-tools-drawer { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: blue; margin: 0 -5px 5px; display: block; } .ge-canvas.ge-editing .ge-tools-drawer > a { display: inline-block; padding: 5px; } .ge-canvas.ge-editing .ge-tools-drawer > a:hover { background: rgba(255, 255, 255, 0.5); cursor: pointer; } .ge-canvas.ge-editing .ge-tools-drawer .ge-details { padding: 5px; border-top: 1px solid rgba(0, 0, 0, 0.05); display: none; } .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a { color: #333; } .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a:hover { text-decoration: none; cursor: pointer; } .ge-canvas.ge-editing .ge-tools-drawer .ge-details input.ge-id { border: 1px solid #7F7F7F; border-radius: 4px; font-size: 11px; width: 80px; } .ge-canvas.ge-editing .row { background-color: #FFF; background-image: none; border: 1px solid #C7D6DB; border-radius: 3px; padding: 0 5px 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0; } .ge-canvas.ge-editing .row > .ge-tools-drawer { background-color: #eee; } .ge-canvas.ge-editing .row > .ge-tools-drawer > a { font-size: 14px; color: #666; } .ge-canvas.ge-editing .row > .ge-tools-drawer > a:not(:first-child):not(:last-child) { border-right: 1px solid #C7D6DB } .ge-canvas.ge-editing .row > .ge-tools-drawer > a.active { color: #2FA4E7; } .ge-canvas.ge-editing .row > .ge-tools-drawer > a.ge-add-column { color: #178acc; } .ge-canvas.ge-editing .column { text-align: left; padding: 0; margin: 0; min-height: 100px; } .ge-canvas.ge-editing .column > .ge-tools-drawer { background: #afd5ea; } .ge-canvas.ge-editing .column > .ge-tools-drawer a { color: #178acc; } .ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row { color: #666; } .ge-canvas.ge-editing .column > .ge-image-placeholder { text-align: center; position: absolute; width: 100%; height: 100px; } .ge-canvas.ge-editing .column > .ge-image-placeholder .ge-image-placeholder-inner { position: absolute; width: 100%; top: 50%; margin-top: -42px; } .ge-canvas.ge-editing .column > .ge-image-placeholder .glyphicon { font-size: 42px; } .ge-canvas.ge-editing .column > .ge-image-placeholder .ge-image-selector { display: none; } .ge-canvas.ge-editing .column > .ge-image-placeholder .ge-image-selector .ge-image-selector-desc { display: block; font-size: 80%; } .ge-canvas.ge-editing .column > .ge-image-placeholder .ge-select-image { display: block; width: 180px; padding: 8px 16px 8px 8px; margin: auto; } .ge-canvas.ge-editing .ge-content-type-tinymce { width: 100%; min-height: 100px; padding: 5px; outline: 2px dashed #d8d8d8 !important; } .ge-canvas.ge-editing .ui-sortable-placeholder { background: rgba(255, 255, 0, 0.2); visibility: visible !important; min-height: 50px; } /* Layout modes */ .ge-canvas.ge-layout-phone { max-width: 450px; margin-left: auto; margin-right: auto; } .ge-canvas.ge-layout-phone .col-sm-1, .ge-canvas.ge-layout-phone .col-md-1, .ge-canvas.ge-layout-phone .col-lg-1 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-2, .ge-canvas.ge-layout-phone .col-md-2, .ge-canvas.ge-layout-phone .col-lg-2 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-3, .ge-canvas.ge-layout-phone .col-md-3, .ge-canvas.ge-layout-phone .col-lg-3 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-4, .ge-canvas.ge-layout-phone .col-md-4, .ge-canvas.ge-layout-phone .col-lg-4 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-5, .ge-canvas.ge-layout-phone .col-md-5, .ge-canvas.ge-layout-phone .col-lg-5 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-6, .ge-canvas.ge-layout-phone .col-md-6, .ge-canvas.ge-layout-phone .col-lg-6 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-7, .ge-canvas.ge-layout-phone .col-md-7, .ge-canvas.ge-layout-phone .col-lg-7 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-8, .ge-canvas.ge-layout-phone .col-md-8, .ge-canvas.ge-layout-phone .col-lg-8 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-9, .ge-canvas.ge-layout-phone .col-md-9, .ge-canvas.ge-layout-phone .col-lg-9 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-10, .ge-canvas.ge-layout-phone .col-md-10, .ge-canvas.ge-layout-phone .col-lg-10 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-11, .ge-canvas.ge-layout-phone .col-md-11, .ge-canvas.ge-layout-phone .col-lg-11 { width: inherit; } .ge-canvas.ge-layout-phone .col-sm-12, .ge-canvas.ge-layout-phone .col-md-12, .ge-canvas.ge-layout-phone .col-lg-12 { width: inherit; } .ge-canvas.ge-layout-phone .col-xs-1 { width: 8.33333333%; } .ge-canvas.ge-layout-phone .col-xs-2 { width: 16.66666667%; } .ge-canvas.ge-layout-phone .col-xs-3 { width: 25%; } .ge-canvas.ge-layout-phone .col-xs-4 { width: 33.33333333%; } .ge-canvas.ge-layout-phone .col-xs-5 { width: 41.66666667%; } .ge-canvas.ge-layout-phone .col-xs-6 { width: 50%; } .ge-canvas.ge-layout-phone .col-xs-7 { width: 58.33333333%; } .ge-canvas.ge-layout-phone .col-xs-8 { width: 66.66666667%; } .ge-canvas.ge-layout-phone .col-xs-9 { width: 75%; } .ge-canvas.ge-layout-phone .col-xs-10 { width: 83.33333333%; } .ge-canvas.ge-layout-phone .col-xs-11 { width: 91.66666667%; } .ge-canvas.ge-layout-phone .col-xs-12 { width: 100%; } .ge-canvas.ge-layout-tablet { max-width: 800px; margin-left: auto; margin-right: auto; } .ge-canvas.ge-layout-tablet .col-xs-1, .ge-canvas.ge-layout-tablet .col-md-1, .ge-canvas.ge-layout-tablet .col-lg-1 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-2, .ge-canvas.ge-layout-tablet .col-md-2, .ge-canvas.ge-layout-tablet .col-lg-2 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-3, .ge-canvas.ge-layout-tablet .col-md-3, .ge-canvas.ge-layout-tablet .col-lg-3 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-4, .ge-canvas.ge-layout-tablet .col-md-4, .ge-canvas.ge-layout-tablet .col-lg-4 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-5, .ge-canvas.ge-layout-tablet .col-md-5, .ge-canvas.ge-layout-tablet .col-lg-5 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-6, .ge-canvas.ge-layout-tablet .col-md-6, .ge-canvas.ge-layout-tablet .col-lg-6 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-7, .ge-canvas.ge-layout-tablet .col-md-7, .ge-canvas.ge-layout-tablet .col-lg-7 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-8, .ge-canvas.ge-layout-tablet .col-md-8, .ge-canvas.ge-layout-tablet .col-lg-8 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-9, .ge-canvas.ge-layout-tablet .col-md-9, .ge-canvas.ge-layout-tablet .col-lg-9 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-10, .ge-canvas.ge-layout-tablet .col-md-10, .ge-canvas.ge-layout-tablet .col-lg-10 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-11, .ge-canvas.ge-layout-tablet .col-md-11, .ge-canvas.ge-layout-tablet .col-lg-11 { width: inherit; } .ge-canvas.ge-layout-tablet .col-xs-12, .ge-canvas.ge-layout-tablet .col-md-12, .ge-canvas.ge-layout-tablet .col-lg-12 { width: inherit; } .ge-canvas.ge-layout-tablet .col-sm-1 { width: 8.33333333%; } .ge-canvas.ge-layout-tablet .col-sm-2 { width: 16.66666667%; } .ge-canvas.ge-layout-tablet .col-sm-3 { width: 25%; } .ge-canvas.ge-layout-tablet .col-sm-4 { width: 33.33333333%; } .ge-canvas.ge-layout-tablet .col-sm-5 { width: 41.66666667%; } .ge-canvas.ge-layout-tablet .col-sm-6 { width: 50%; } .ge-canvas.ge-layout-tablet .col-sm-7 { width: 58.33333333%; } .ge-canvas.ge-layout-tablet .col-sm-8 { width: 66.66666667%; } .ge-canvas.ge-layout-tablet .col-sm-9 { width: 75%; } .ge-canvas.ge-layout-tablet .col-sm-10 { width: 83.33333333%; } .ge-canvas.ge-layout-tablet .col-sm-11 { width: 91.66666667%; } .ge-canvas.ge-layout-tablet .col-sm-12 { width: 100%; } .ge-canvas.ge-layout-desktop { max-width: none; margin-left: auto; margin-right: auto; } .ge-canvas.ge-layout-desktop .col-xs-1, .ge-canvas.ge-layout-desktop .col-sm-1, .ge-canvas.ge-layout-desktop .col-lg-1 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-2, .ge-canvas.ge-layout-desktop .col-sm-2, .ge-canvas.ge-layout-desktop .col-lg-2 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-3, .ge-canvas.ge-layout-desktop .col-sm-3, .ge-canvas.ge-layout-desktop .col-lg-3 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-4, .ge-canvas.ge-layout-desktop .col-sm-4, .ge-canvas.ge-layout-desktop .col-lg-4 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-5, .ge-canvas.ge-layout-desktop .col-sm-5, .ge-canvas.ge-layout-desktop .col-lg-5 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-6, .ge-canvas.ge-layout-desktop .col-sm-6, .ge-canvas.ge-layout-desktop .col-lg-6 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-7, .ge-canvas.ge-layout-desktop .col-sm-7, .ge-canvas.ge-layout-desktop .col-lg-7 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-8, .ge-canvas.ge-layout-desktop .col-sm-8, .ge-canvas.ge-layout-desktop .col-lg-8 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-9, .ge-canvas.ge-layout-desktop .col-sm-9, .ge-canvas.ge-layout-desktop .col-lg-9 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-10, .ge-canvas.ge-layout-desktop .col-sm-10, .ge-canvas.ge-layout-desktop .col-lg-10 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-11, .ge-canvas.ge-layout-desktop .col-sm-11, .ge-canvas.ge-layout-desktop .col-lg-11 { width: inherit; } .ge-canvas.ge-layout-desktop .col-xs-12, .ge-canvas.ge-layout-desktop .col-sm-12, .ge-canvas.ge-layout-desktop .col-lg-12 { width: inherit; } .ge-canvas.ge-layout-desktop .col-md-1 { width: 8.33333333%; } .ge-canvas.ge-layout-desktop .col-md-2 { width: 16.66666667%; } .ge-canvas.ge-layout-desktop .col-md-3 { width: 25%; } .ge-canvas.ge-layout-desktop .col-md-4 { width: 33.33333333%; } .ge-canvas.ge-layout-desktop .col-md-5 { width: 41.66666667%; } .ge-canvas.ge-layout-desktop .col-md-6 { width: 50%; } .ge-canvas.ge-layout-desktop .col-md-7 { width: 58.33333333%; } .ge-canvas.ge-layout-desktop .col-md-8 { width: 66.66666667%; } .ge-canvas.ge-layout-desktop .col-md-9 { width: 75%; } .ge-canvas.ge-layout-desktop .col-md-10 { width: 83.33333333%; } .ge-canvas.ge-layout-desktop .col-md-11 { width: 91.66666667%; } .ge-canvas.ge-layout-desktop .col-md-12 { width: 100%; } .ge-canvas.ge-editing .ge-tools-drawer > a { text-align: center; width: 45px; padding: 8px 0; } .ge-canvas .glyphicon, .ge-mainControls .glyphicon { top: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ge-canvas .glyphicon + span, .ge-mainControls .glyphicon + span { padding-left: 5px; } .ge-canvas .glyphicon:after { margin-left: 2px; } .ge-canvas .glyphicon-text:before { content: "\f039"; } .ge-canvas .glyphicon-image:before { content: "\f03e"; } .ge-canvas .glyphicon-text-image:before { content: "\f039"; } .ge-canvas .glyphicon-text-image:after { content: "\f03e"; } .ge-canvas .glyphicon-image-text:before { content: "\f03e"; } .ge-canvas .glyphicon-image-text:after { content: "\f039"; } .ge-canvas .glyphicon-image-image:before { content: "\f03e"; } .ge-canvas .glyphicon-image-image:after { content: "\f03e"; } .ge-canvas .glyphicon-move:before { content: "\f047"; } .ge-canvas .glyphicon-minus:before { content: "\f147"; } .ge-canvas .glyphicon-plus:before { content: "\f196"; } .ge-canvas .glyphicon-cog:before { content: "\f013"; } .ge-canvas .glyphicon-trash:before { content: "\f014"; } .ge-canvas .glyphicon-plus-sign:before, .ge-mainControls .glyphicon-plus-sign:before { content: "\f055"; } .ge-mainControls .glyphicon-eye-open:before { content: "\f06e"; } .ge-mainControls .glyphicon-chevron-left:before { content: "\f121"; } .ge-mainControls .glyphicon-chevron-right { display: none; } /* tinyMCE style changes */ .mce-panel { border: none !important; } .mce-edit-focus { outline: 2px dashed #d8d8d8 !important; }