ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / Modules / PageBuilder / Resources / assets / css

body {
    background-color: #2c303b;
    margin: 0;
    padding: 0;
}

.editor-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
}

.editor-canvas {
    flex-grow: 1;
}

.panel-left {
    flex-basis: 250px;
    position: relative;
    overflow-y: auto;
}

span.gjs-pn-btn.fa.fa-bars {
    display: none;
}

span.gjs-layer-name {
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin: 2px 0 0 8px;
}

.gjs-one-bg {
    background-color: #3c404a !important;
}
.gjs-two-color {
    color: white !important;
}

.gjs-btnt.gjs-pn-active,
.gjs-color-active,
.gjs-pn-btn.gjs-pn-active,
.gjs-pn-btn:active,
.gjs-block:hover {
    color: #eee;
}

#gjs-rte-toolbar .gjs-rte-btn,
.gjs-btn-prim,
.gjs-btnt,
.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,
.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,
.gjs-clm-tags .gjs-sm-stack #gjs-sm-add,
.gjs-color-main,
.gjs-mdl-dialog,
.gjs-off-prv,
.gjs-pn-btn,
.gjs-pn-panel,
.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,
.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,
.gjs-sm-sector .gjs-sm-stack #gjs-sm-add {
    color: #eee;
}

#gjs-rte-toolbar,
.gjs-bg-main,
.gjs-clm-select option,
.gjs-clm-tags .gjs-sm-colorp-c,
.gjs-editor,
.gjs-mdl-dialog,
.gjs-nv-item .gjs-nv-title-c,
.gjs-off-prv,
.gjs-pn-panel,
.gjs-block,
.gjs-select option,
.gjs-sm-sector .gjs-sm-colorp-c,
.gjs-sm-select option,
.gjs-sm-unit option,
.sp-container {
    background-color: #2c303b;
}

.gjs-pn-btn.gjs-pn-active {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

.gjs-pn-views .gjs-pn-btn {
    margin: 0;
    padding: 5px;
}

.change-theme-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 5px;
}

.change-theme-button:focus {
    /* background-color: yellow; */
    outline: none;
    box-shadow: 0 0 0 2pt #c5c5c575;
}

.gjs-block {
    min-height: auto !important;
}

/* Fit icons properly */
.gjs-block svg {
    width: 100%;
}

.page-save-button {
    padding-bottom: 0 !important;
}

@media only screen and (min-width: 900px) {
    .gjs-rte-toolbar {
        min-width: 710px !important;
    }
}

@media only screen and (min-width: 600px) {
    .gjs-rte-toolbar {
        min-width: 500px !important;
    }
}

.smoothly-hide {
    height: 0 !important;
    opacity: 0 !important;
    padding: 0;
}

.notification-msg-bar {
    transition: 0.3s all;
    opacity: 1;
    height: auto;
    position: fixed;
    z-index: 9999;
    width: max-content;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #2c303b;
    color: white;
    padding: 10px 20px;
}

[-] pagebuilder.min.css [edit]
[+] ..
[-] pagebuilder.css [edit]
[-] grapejs-preset.min.css [edit]
[-] component-editor.min.css [edit]
[-] grapejs.min.css [edit]