Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-full/dist/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*** module: node_modules/absol-form/css/layouteditor.css ***/
.absol-tab-frame > .as-layout-editor {
    height: 100%;
}

.as-layout-editor {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    outline: none;
}

.as-layout-editor-left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.as-layout-editor-header {
    display: block;
    position: relative;
}

.as-layout-editor-body {
    flex-grow: 1;
    position: relative;
}

.as-layout-editor-tool-tab-ctn {
    background-color: rgba(169, 169, 170, 0.11659);
    border-left: solid 1px #dddddd;
    position: relative;
    overflow: visible;
}

.as-layout-editor-tool-ctn {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    /*background-color: white;*/
    /*border: 1px solid #dddddd;*/
    border-top: none;
    z-index: 300;
    pointer-events: none;
}

.as-layout-editor-tool-ctn > div {
    pointer-events: initial;
}

.as-layout-editor-tool-ctn .as-undo-history,
.as-layout-editor-tool-ctn .as-form-component-properties-editor {
    background-color: white;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}

.as-layout-editor-tool-ctn .as-form-component-properties-editor {
    max-height: 100%;
    min-width: 150px;
}

.as-layout-editor-tool-tab-bar {
    padding: 0 2px 0 1px;
}

.as-layout-editor-tool-tab-btn {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    outline: none;
    font-size: 14px;
}


.as-layout-editor-tool-tab-btn:hover {
    color: rgb(102, 102, 102);
}

.as-layout-editor-tool-tab-btn:active,
.as-layout-editor-tool-tab-btn.active {
    background-color: rgb(169, 169, 169);
    color: white;
}

.as-layout-editor-tool-tab-btn.as-hidden {
    display: none;
}


.as-layout-editor-quickpath-container {
    padding-left: 0.5em;

}

.as-layout-editor-cmd-tool-container {
    border-bottom: solid 1px #dddddd;
}

.as-layout-editor-cmd-tool-container:empty,
.as-layout-editor-property-container:empty {
    display: none;
}


.as-layout-editor-property-container {
    /*display: inline-block;*/
    border-left: solid 1px #dddddd;
    display: none;
}

.as-layout-editor-property-container .as-form-component-properties-editor {
    display: inline-block;
}

.as-layout-editor-measure-container {
    width: 100%;
    height: 100%;
}

.as-layout-editor-v-align-line,
.as-layout-editor-h-align-line {
    position: absolute;

}


.as-layout-editor-h-align-line {
    left: 0;
    right: 0;
    border-top: dashed 1px rgba(59, 154, 209, 0.753);
}

.as-layout-editor-v-align-line {
    top: 0;
    bottom: 0;
    border-left: dashed 1px rgba(59, 154, 209, 0.753);
}


.as-layout-editor-space-container {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    right: 0;
    bottom: 0;
    overflow: hidden;
    --viewport-x: 0;
    --viewport-y: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}


.as-layout-editor-space {
    display: inline-block;
    position: absolute;
    left: var(--viewport-x);
    top: var(--viewport-y);
    overflow: visible;
}

.as-layout-editor-space-container.as-homing .as-layout-editor-space {
    transition: left 0.2s, top 0.2s;
}


.as-layout-editor-layout-container {
    padding: 0.4em;
    display: inline-block;
    pointer-events: none;
}

.as-layout-editor-layout-container * {
    pointer-events: none !important;
}

.as-layout-editor-layout-container > .as-relative-layout,
.as-layout-editor-layout-container > .as-linear-layout,
.as-layout-editor-layout-container > .as-chain-layout {
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.75);
}


.as-layout-editor-background {
    z-index: 0;
}

.as-layout-editor-layout-container {
    z-index: 1;
}


.as-layout-editor-foreground {
    position: absolute;
    left: -10000px;
    top: -100000px;
    right: -10000px;
    bottom: -10000px;
    z-index: 100;
}

svg.as-layout-editor-overlay-graphic {
    position: absolute;
    left: -500px;
    top: -500px;
    width: 2000px;
    height: 5000px;
    z-index: 10;
    pointer-events: none;
}


.as-layout-editor-hrule-container {
    position: absolute;
    top: 0;
    left: 1.5em;
    right: 0;
    height: 1.5em;
    z-index: 1;
}

.as-layout-editor-vrule-container {
    position: absolute;
    left: 0;
    top: 1.5em;
    bottom: 0;
    width: 1.5em;
    z-index: 2;

}

.as-layout-editor-vrule-container > .as-vruler,
.as-layout-editor-hrule-container > .as-hruler {
    height: 100%;
    width: 100%;
}

.as-layout-editor-new-component-menu-trigger {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: -1.5em;
    left: -1.5em;
}


.as-layout-editor-preview-button-container {
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.45em;
}

.as-layout-editor-preview-button-container > button {
    border: none;
    width: 100%;
    height: 100%;
    padding: 0;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 1em;
}

.as-layout-editor-preview-button-container > button:hover {
    background-color: rgba(169, 169, 170, 0.2);
}

.as-layout-editor-preview-button-container > button:active {
    background-color: rgba(169, 169, 170, 0.4);
}

.as-layout-editor-mouse-selecting-box {
    z-index: 100;
    position: absolute;
    background-color: rgba(0, 0, 255, 0.1);
}

.as-vruler,
.as-hruler {
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
    background-color: rgba(169, 169, 170, 0.5);
}

.as-vruler-mouse,
.as-hruler-mouse {
    position: absolute;
    box-sizing: border-box;
    z-index: 6;

}

.as-vruler-mouse {
    left: 0;
    right: 0;
    border-top: solid 2px rgba(255, 0, 0, 0.5);
}

.as-hruler-mouse {
    top: 0;
    bottom: 0;
    border-left: solid 2px rgba(255, 0, 0, 0.5);
}

.as-layout-editor .as-hruler-line,
.as-layout-editor .as-vruler-line,
.as-layout-editor .as-hruler-major-number,
.as-layout-editor .as-vruler-major-number {
    z-index: 5;
}


.as-hruler-editing,
.as-vruler-editing {
    z-index: 1;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
}


.as-hruler-editing {
    top: 0;
    bottom: 0;
}


.as-vruler-editing {
    left: 0;
    right: 0;
}

.as-layout-editor-curtain {
    position: absolute;
    background-color: rgba(169, 169, 180, 0.5);
}


.as-mouse-status {

}

.as-depth-selecting .as-linear-anchor-box,
.as-depth-selecting .as-chain-anchor-box {
    position: relative;
}

.as-depth-selecting .as-linear-anchor-box::before,
.as-depth-selecting .as-chain-anchor-box::before {
    content: "";
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    top: -0.5px;
    bottom: -0.5px;
    border: 1px dashed rgba(169, 169, 255, 0.8);
    box-sizing: border-box;
}


/*test*/
.as-layout-editor-layout-container .as-chain-anchor-box,
.as-layout-editor-layout-container .as-linear-anchor-box {
    position: relative;
}

/*

.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box:not(.as-editing-layout-anchor)::before {
    content: "";
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    top: -0.5px;
    bottom: -0.5px;
    border: 1px dashed rgba(107, 107, 211, 0.2);
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none;
}*/

/*.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-relative-anchor-box.as-h-align-center.as-v-align-center:not(.as-editing-layout-anchor)::before,*/
/*
.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box.as-h-align-center:not(.as-editing-layout-anchor)::before {
    left: calc(50% - var(--select-bound-width) / 2 - 0.5px);
    width: calc(var(--select-bound-width) + 1px);
}

.as-current-layout-selecting-mode.as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before,
.as-current-layout-selecting-mode .as-editing-layout-anchor > .as-base-component > .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before,
.as-depth-selecting-mode .as-anchor-box.as-v-align-center:not(.as-editing-layout-anchor)::before {
    top: calc(50% - var(--select-bound-height) / 2 - 0.5px);
    height: calc(var(--select-bound-height) + 1px);
}


.as-editing-layout-anchor::before {
    content: "";
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    top: -0.5px;
    bottom: -0.5px;
    border: 1px dashed #e39898;
}*/

.as-editing-layout-anchor.as-v-align-center::before {
    top: calc(50% - var(--select-bound-height) / 2 - 0.5px);
    height: calc(var(--select-bound-height) + 1px);
}

.as-editing-layout-anchor.as-h-align-center::before {
    left: calc(50% - var(--select-bound-width) / 2 - 0.5px);
    width: calc(var(--select-bound-width) + 1px);
}


.as-clipboard-anchor-border {
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 3px dashed #4086f3;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
}

.as-relative-anchor-box.as-v-align-center > .as-clipboard-anchor-border {
    top: calc(50% - var(--select-bound-height) / 2 - 2px);
    height: calc(var(--select-bound-height) + 4px);
}

.as-relative-anchor-box.as-h-align-center > .as-clipboard-anchor-border {
    left: calc(50% - var(--select-bound-width) / 2 - 2px);
    width: calc(var(--select-bound-width) + 4px);
}


.as-page-setting-paper-box {
    border: 1px dashed black;
    display: inline-block;
    /*background-color: rgb(253, 221, 155);*/
    background-color: rgb(195, 208, 139);
    line-height: 1.5;
}

.as-page-setting-padding-tb {
    text-align: center;
}

.as-page-setting-padding-lr {
    text-align: center;
    width: 4em;
    display: inline-block;
    vertical-align: middle;
}


.as-page-setting-paper-content-box {
    background-color: rgb(140, 182, 192);
    padding: 5px 10px;
    display: inline-block;
    vertical-align: middle;
}


.as-le-bound-rect {
    fill: none;
    stroke: rgba(107, 107, 211, 0.5);
    stroke-dasharray: 4 2;
}

.as-le-editing-layout-bound {
    stroke: #d97a7a;
    stroke-width: 2;
}


.as-text-editing-tool-attached .as-layout-editor-foreground {
    visibility: hidden;
}

.as-text-editing-tool-attached .as-layout-editor-layout-container .as-text-editing-tool-target {
    pointer-events: all !important;
    outline: none;
}

.as-layout-editor-v-scroll-bar,
.as-layout-editor-h-scroll-bar {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    visibility: hidden;
    background-color: rgba(180, 180, 182, 0.2);

}

.as-layout-editor-v-scroll-bar {
    top: 0;
    width: 10px;
}

.as-layout-editor-h-scroll-bar {
    left: 0;
    height: 10px;
}

.as-layout-editor-v-scroll-bar.as-overflow,
.as-layout-editor-h-scroll-bar.as-overflow {
    visibility: visible;
}

/*****************************/
.as-text-decoration-picker {
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 5px;
    display: inline-block;
}

.as-text-decoration-picker .as-table-grid-row[data-name="lines"] button {
    padding: 5px 8px;
    cursor: pointer;
}

.as-text-decoration-picker .as-table-grid-row[data-name="lines"] button.as-selected {
    background-color: #23669d;
    color: white;
    border-radius: 3px;
}


.as-text-decoration-picker .as-table-grid-cell {
    padding-bottom: 5px;
    vertical-align: middle;
}

.as-text-decoration-picker .as-table-grid-cell:not(:last-child) {
    padding-right: 10px;
}

.as-line-style-select-menu {
    white-space: pre;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.as-text-decoration-picker .as-table-grid-cell > * {
    display: inline-block;
    vertical-align: middle;
}

.as-text-decoration-picker .as-table-grid-cell > *:not(:last-child) {
    margin-right: 10px;
}

.as-text-decoration-picker .as-color-picker-button:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.as-text-decoration-picker-preview {
    padding: 15px 10px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #dddddd;
}

.as-line-style-select-menu-item {
    white-space: pre;
    text-align: center;
    cursor: default;
    padding: 5px 30px 5px 5px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.as-line-style-select-menu-item:hover {
    background-color: #efefef;
}

.as-line-style-select-menu-item.as-selected {
    background-color: #dfdfdf;
}