|
Server : Apache System : Linux festive-vaughan.27-254-111-205.plesk.page 4.19.0-14-amd64 #1 SMP Debian 4.19.171-2 (2021-01-30) x86_64 User : acaindustrial ( 10114) PHP Version : 8.2.25 Disable Function : opcache_get_status Directory : /var/www/vhosts/acaindustrial.co.th/httpdocs/wp-content/plugins/so-css/css/ |
Upload File : |
@font-face {
font-family: 'SoCSSIcons';
src: url('icons/so-css-icons.ttf?joepfs') format('truetype'), url('icons/so-css-icons.woff?joepfs') format('woff'), url('icons/so-css-icons.svg?joepfs#icomoon') format(' svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.so-css-icon {
display: inline-block;
font: normal normal normal 14px/1 SoCSSIcons;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.so-css-icon-compress:before {
content: "\f066";
}
.so-css-icon-plus:before {
content: "\f067";
}
.so-css-icon-minus:before {
content: "\f068";
}
.so-css-icon-check:before {
content: "\f00c";
}
.so-css-icon-font:before {
content: "\f031";
}
.so-css-icon-bold:before {
content: "\f032";
}
.so-css-icon-italic:before {
content: "\f033";
}
.so-css-icon-align-left:before {
content: "\f036";
}
.so-css-icon-align-center:before {
content: "\f037";
}
.so-css-icon-align-right:before {
content: "\f038";
}
.so-css-icon-align-justify:before {
content: "\f039";
}
.so-css-icon-expand:before {
content: "\f065";
}
.so-css-icon-compress:before {
content: "\f066";
}
.so-css-icon-eye:before {
content: "\f06e";
}
.so-css-icon-upload:before {
content: "\f093";
}
.so-css-icon-save:before {
content: "\e900";
}
.so-css-icon-strikethrough:before {
content: "\f0cc";
}
.so-css-icon-underline:before {
content: "\f0cd";
}
.so-css-icon-columns:before {
content: "\f0db";
}
.so-css-icon-circle:before {
content: "\f10c";
}
.so-css-icon-eyedropper:before {
content: "\f1fb";
}
#siteorigin-custom-css {
color: #333;
margin: 0 0 0 -20px;
}
#siteorigin-custom-css h2 {
background: #f8f8f8;
padding: 20px;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.035);
}
#siteorigin-custom-css h2 .icon {
width: 40px;
height: auto;
margin: -8px 10px -8px 0;
}
#siteorigin-custom-css .notice {
margin: 0 20px 20px 20px;
}
#siteorigin-custom-css #poststuff {
padding: 0 20px;
}
#siteorigin-custom-css #poststuff .postbox {
border: 1px solid #D0D0D0;
}
#siteorigin-custom-css #poststuff .postbox h3.hndle {
cursor: default;
border-bottom: 1px solid #D0D0D0;
background: #efefef;
position: relative;
}
#siteorigin-custom-css #poststuff .postbox h3.hndle .hide {
position: absolute;
top: 50%;
line-height: 1em;
margin-top: -0.5em;
right: 12px;
}
#siteorigin-custom-css #poststuff #so-custom-css-getting-started .inside {
padding: 0 6px 6px 6px;
}
#siteorigin-custom-css #poststuff #so-custom-css-getting-started .inside img {
display: block;
width: 100%;
height: auto;
}
#so-custom-css-form {
margin-right: 340px;
}
#so-custom-css-info {
float: right;
width: 315px;
}
#so-custom-css-info *:first-child {
margin-top: 0;
}
#so-custom-css-info *:last-child {
margin-bottom: 0;
}
#so-custom-css-info p.so-custom-css-submit {
padding-top: 1px;
}
#so-custom-css-info p.so-custom-css-submit .button-primary {
font-size: 14px;
min-height: 40px;
width: 100%;
}
#so-custom-css-info #so_css_editor_theme {
margin-top: 6px;
width: 100%;
}
#so-custom-css-revisions ol {
list-style: none;
margin: 0;
}
#so-custom-css-revisions ol li {
margin: 0;
line-height: 2.2em;
}
#so-custom-css-form .custom-css-preview iframe,
#so-custom-css-form .custom-css-preview #preview-navigator {
display: none;
}
#so-custom-css-form .custom-css-toolbar {
border: 1px solid #D0D0D0;
border-bottom: none;
background: #efefef;
padding: 8px 10px;
overflow: auto;
}
#so-custom-css-form .custom-css-toolbar .toolbar-function-buttons {
float: left;
}
#so-custom-css-form .custom-css-toolbar .toolbar-function-buttons .toolbar-functions-dropdown {
display: none;
}
#so-custom-css-form .custom-css-toolbar .toolbar-function-buttons ul.toolbar-buttons {
margin: 0;
}
#so-custom-css-form .custom-css-toolbar .toolbar-function-buttons ul.toolbar-buttons li {
display: inline-block;
margin: 0;
padding: 0;
}
#so-custom-css-form .custom-css-toolbar .toolbar-action-buttons {
float: right;
}
#so-custom-css-form .custom-css-toolbar .toolbar-action-buttons a.active {
border-color: #b4c4cf;
background-color: #e9f9ff;
color: #596872;
}
#so-custom-css-form .custom-css-toolbar .toolbar-action-buttons .editor-expand {
float: right;
text-decoration: none;
color: #666;
}
#so-custom-css-form .custom-css-toolbar .toolbar-action-buttons .editor-expand .so-css-icon-compress {
display: none;
}
#so-custom-css-form .custom-css-toolbar .so-css-icon {
font-size: 14px;
}
#so-custom-css-form .custom-css-container {
border: 1px solid #D0D0D0;
background: #f7f7f7;
cursor: text;
overflow: hidden;
}
#so-custom-css-form .custom-css-container .CodeMirror {
height: auto;
}
#so-custom-css-form .custom-css-container .CodeMirror-scroll {
margin: 0;
min-height: 300px;
overflow-x: hidden !important;
padding: 0;
}
#so-custom-css-form .custom-css-container .CodeMirror-lines {
padding: 8px 0 8px 0;
}
#so-custom-css-form .custom-css-container textarea {
border: 0;
padding: 8px 0 8px 4px;
width: 100%;
min-height: 300px;
display: block;
font-family: monospace;
font-size: 13px;
line-height: 1.4em;
border-left: 1px solid #ddd;
margin-left: 16px;
}
#so-custom-css-form .so-css-footer {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 10px;
}
@media (max-width: 800px) {
#so-custom-css-form .so-css-footer {
align-items: start;
flex-direction: column-reverse;
}
}
#so-custom-css-form .decoration {
display: none;
}
#so-custom-css-form:not(.expanded) .save.socss-button {
display: none;
}
#so-custom-css-form.expanded {
z-index: 100000;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 340px;
}
#so-custom-css-form.expanded .custom-css-toolbar .editor-expand .so-css-icon-expand {
display: none;
}
#so-custom-css-form.expanded .custom-css-toolbar .editor-expand .so-css-icon-compress {
display: inline-block;
}
#so-custom-css-form.expanded .decoration {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 339px;
width: 2px;
background: rgba(0, 0, 0, 0.1);
}
#so-custom-css-form.expanded .description {
display: none;
}
#so-custom-css-form.expanded .submit {
display: none;
}
#so-custom-css-form.expanded .custom-css-preview {
position: fixed;
display: block;
top: 40px;
right: 0;
bottom: 0;
left: 340px;
background: #ffffff;
}
#so-custom-css-form.expanded .custom-css-preview #preview-navigator {
display: block;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 10px;
position: absolute;
width: 100%;
height: 40px;
top: -40px;
background: #bbb;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbb), color-stop(1, #eee));
background: -ms-linear-gradient(bottom, #bbb, #eee);
background: -moz-linear-gradient(center bottom, #bbb 0%, #eee 100%);
background: -o-linear-gradient(#eee, #bbb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#bbb', GradientType=0);
border-bottom: 1px solid #888;
}
#so-custom-css-form.expanded .custom-css-preview #preview-navigator input {
width: 100%;
border: 1px solid #888;
border-radius: 2px;
color: #444;
-webkit-box-shadow: inset 2px 2px 2px rgba( 0,0,0,0.1 );
-moz-box-shadow: inset 2px 2px 2px rgba( 0,0,0,0.1 );
box-shadow: inset 2px 2px 2px rgba( 0,0,0,0.1 );
}
#so-custom-css-form.expanded .custom-css-preview #preview-iframe {
display: block;
width: 100%;
height: 100%;
overflow-x: hidden;
}
#so-custom-css-properties {
display: none;
position: fixed;
top: 0;
left: -338px;
bottom: 0;
width: 338px;
background: #ffffff;
border: 1px solid #D0D0D0;
overflow-y: auto;
z-index: 100000;
}
#so-custom-css-properties .toolbar {
display: block;
padding: 7px 10px;
border-bottom: 1px solid #aaa;
background: #F6F6F6;
text-align: left;
}
#so-custom-css-properties .toolbar select {
font-size: 13px;
height: 30px;
line-height: 30px;
max-width: 225px;
min-height: 0;
width: 100%;
}
#so-custom-css-properties .toolbar select.highlighted {
background: #daeaf7;
}
#so-custom-css-properties .toolbar .close,
#so-custom-css-properties .toolbar .save {
float: right;
}
#so-custom-css-properties .section-tabs {
list-style: none;
height: auto;
margin: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#so-custom-css-properties .section-tabs li {
box-sizing: border-box;
float: left;
width: 33.333%;
padding: 10px 7px;
border: 1px solid #aaa;
background: #F6F6F6;
font-weight: bold;
border-top: 0;
border-left: 0;
font-size: 13px;
line-height: 1em;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
color: #666;
}
#so-custom-css-properties .section-tabs li:hover {
background: #fff;
}
#so-custom-css-properties .section-tabs li .so-css-icon {
float: left;
display: block;
margin: -1px 6px -1px 0;
font-size: 15px;
color: #666;
}
#so-custom-css-properties .section-tabs li:last-child {
border-right: 0;
}
#so-custom-css-properties .section-tabs li.active {
color: #444;
background: #e8e8e8;
}
#so-custom-css-properties .section-tabs li.active .so-css-icon {
color: #333;
}
#so-custom-css-properties .sections .section {
display: none;
padding: 10px;
}
#so-custom-css-properties .sections .fields-table {
width: 100%;
padding-top: 5px;
}
#so-custom-css-properties .sections .fields-table th,
#so-custom-css-properties .sections .fields-table td {
position: relative;
zoom: 1;
}
#so-custom-css-properties .sections .fields-table th:before,
#so-custom-css-properties .sections .fields-table td:before {
content: '';
display: block;
}
#so-custom-css-properties .sections .fields-table th:after,
#so-custom-css-properties .sections .fields-table td:after {
content: '';
display: table;
clear: both;
}
#so-custom-css-properties .sections .fields-table th[scope="row"] {
font-weight: bold;
font-size: 12px;
padding-right: 10px;
text-align: left;
width: 36%;
vertical-align: top;
}
#so-custom-css-properties .sections .fields-table td {
padding: 0 0 12px 0 ;
}
#so-custom-css-properties .sections .fields-table input,
#so-custom-css-properties .sections .fields-table select {
display: block;
margin: 0 25px 0 0;
border: 1px solid #c0c0c0;
width: 175px;
box-sizing: border-box;
border-radius: 0;
font-size: 12px;
}
#so-custom-css-properties .sections .fields-table .socss-field-number input {
margin: 0;
width: 120px;
}
#so-custom-css-properties .sections .fields-table .minicolors input {
box-sizing: border-box;
height: 30px;
padding: 5px 0 5px 30px;
}
#so-custom-css-properties .sections .fields-table .select {
display: block;
position: absolute;
top: 0px;
right: 0;
line-height: inherit;
margin: 0;
padding: 4px 5px 6px;
cursor: pointer;
font-size: 15px;
}
#so-custom-css-properties .sections .fields-table .select-tabs {
margin: 0;
height: 40px;
}
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab {
cursor: pointer;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border: 1px solid #c0c0c0;
padding: 4px 2px;
border-right-width: 0;
background: #f7f7f7;
}
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab .so-css-icon {
line-height: 14px;
font-size: 14px;
color: #777;
}
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab:last-child {
border-right-width: 1px;
}
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab:hover,
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab.active {
background: #e9e9e9;
}
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab:hover .so-css-icon,
#so-custom-css-properties .sections .fields-table .select-tabs .select-tab.active .so-css-icon {
color: #333;
}
#so-custom-css-properties .sections .fields-table .side-tabs {
height: 26px;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab {
width: 20%;
text-align: center;
padding: 5px;
line-height: 0;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab div {
display: inline-block;
width: 10px;
height: 10px;
border: 2px solid #aaa;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-all {
border-color: #12609b;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-top {
border-top-color: #12609b;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-left {
border-left-color: #12609b;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-bottom {
border-bottom-color: #12609b;
}
#so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-right {
border-right-color: #12609b;
}
#so-custom-css-properties .sections .fields-table .sides .side > div {
margin-bottom: 5px;
}
#so-custom-css-properties .sections .fields-table .sides .side > div:last-child {
margin-bottom: 0;
}
.css-editor-snippet-browser {
display: none;
}
.css-editor-snippet-browser .snippet-browser-overlay {
position: fixed;
z-index: 100000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
}
.css-editor-snippet-browser .snippet-browser-dialog > div {
position: fixed;
z-index: 100001;
background: #fff;
box-sizing: border-box;
}
.css-editor-snippet-browser .snippet-browser-dialog .toolbar {
top: 40px;
left: 40px;
right: 40px;
height: 50px;
background: #FCFCFC;
border-bottom: 1px solid #dddddd;
overflow: hidden;
}
.css-editor-snippet-browser .snippet-browser-dialog .toolbar h1 {
padding: 0 16px;
font-size: 22px;
line-height: 50px;
margin: 0;
color: #444;
}
.css-editor-snippet-browser .snippet-browser-dialog .toolbar .close {
cursor: pointer;
color: #777;
background-color: transparent;
height: 50px;
width: 50px;
padding: 15px 0 0 0;
position: absolute;
text-align: center;
border: 0;
border-left: 1px solid #ddd;
top: 0;
right: 0;
text-decoration: none;
box-sizing: border-box;
}
.css-editor-snippet-browser .snippet-browser-dialog .toolbar .close:hover {
background: #dddddd;
}
.css-editor-snippet-browser .snippet-browser-dialog .toolbar .close .icon:before {
content: '\f158';
font: normal 20px/1 'dashicons';
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #666;
}
.css-editor-snippet-browser .snippet-browser-dialog .sidebar {
top: 90px;
left: 40px;
bottom: 90px;
width: 300px;
background: #f3f3f3;
border-right: 1px solid #dddddd;
padding: 16px;
overflow: auto;
}
.css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippet-search {
width: 100%;
margin-bottom: 20px;
padding: 8px;
}
.css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets {
margin: 0;
}
.css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets .snippet {
cursor: pointer;
font-size: 1.1em;
line-height: 1.35em;
margin-bottom: 20px;
}
.css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets .snippet.active {
font-weight: bold;
}
.css-editor-snippet-browser .snippet-browser-dialog .main {
top: 90px;
left: 340px;
right: 40px;
bottom: 90px;
background: #fff;
overflow: auto;
}
.css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view {
padding: 20px;
}
.css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-title {
margin: 0 0 0.75em 0;
padding: 0;
}
.css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-description {
font-size: 1.1em;
color: #666;
margin-bottom: 2em;
}
.css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-code {
padding: 20px;
border: 1px solid #d0d0d0;
background: #f8f8f8;
}
.css-editor-snippet-browser .snippet-browser-dialog .buttons {
bottom: 40px;
left: 40px;
right: 40px;
height: 50px;
background: #FCFCFC;
border-top: 1px solid #dddddd;
text-align: right;
padding: 10px 20px;
overflow: hidden;
}
.socss-field-measurement {
position: relative;
}
.socss-field-measurement input.socss-field-input {
padding-right: 50px;
width: 120px !important;
box-sizing: border-box;
}
.socss-field-measurement .dashicons-arrow-down {
position: absolute;
top: 4px;
left: 97px;
cursor: pointer;
}
.socss-field-measurement .dropdown {
display: none;
background: #F5F5F5;
border: 1px solid #c0c0c0;
position: absolute;
top: 27px;
left: 71px;
width: 50px;
z-index: 2;
margin: 0;
box-sizing: border-box;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.socss-field-measurement .dropdown li {
padding: 5px 0;
text-align: center;
line-height: 1.1em;
font-size: 11px;
margin: 0;
}
.socss-field-measurement .dropdown li:hover,
.socss-field-measurement .dropdown li.active {
background: #e8e8e8;
cursor: pointer;
}
.socss-field-measurement .units {
position: absolute;
top: 5px;
left: 12px;
color: #bbb;
pointer-events: none;
}
.socss-diw {
position: absolute;
top: 0px;
left: 124px;
}
.socss-diw .inc-button,
.socss-diw .dec-button {
cursor: pointer;
box-sizing: border-box;
float: left;
padding: 9px;
user-select: none;
text-align: center;
margin: 0;
width: 30px;
height: 30px;
}
.socss-diw .inc-button .so-css-icon,
.socss-diw .dec-button .so-css-icon {
font-size: 10px;
}
.socss-diw .inc-button {
border-left: 0;
}
.custom-css-toolbar .socss-button,
#so-custom-css-properties .toolbar .socss-button {
align-items: center;
border: 1px solid #c0c0c0;
color: #555;
cursor: pointer;
display: flex;
float: right;
font-size: 0.95em;
font-weight: bold;
justify-content: center;
line-height: 1em;
margin-left: 7px;
min-height: 0;
text-decoration: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.custom-css-toolbar .socss-button:not(.save),
#so-custom-css-properties .toolbar .socss-button:not(.save) {
height: 28px;
width: 28px;
}
.custom-css-toolbar .socss-button:not(.save):hover,
#so-custom-css-properties .toolbar .socss-button:not(.save):hover {
background: #fff;
border-color: #b0b0b0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.custom-css-toolbar .socss-button:not(.save):hover .so-css-icon,
#so-custom-css-properties .toolbar .socss-button:not(.save):hover .so-css-icon {
color: #333;
}
.custom-css-toolbar .socss-button .so-css-icon,
#so-custom-css-properties .toolbar .socss-button .so-css-icon {
color: #555;
}
.custom-css-toolbar .socss-button .so-css-icon.so-css-icon-save,
#so-custom-css-properties .toolbar .socss-button .so-css-icon.so-css-icon-save {
color: #fff;
}
.custom-css-toolbar .socss-button.save,
#so-custom-css-properties .toolbar .socss-button.save {
border-color: #dcdcde;
border-radius: 0;
height: 30px;
width: 30px;
}
.custom-css-toolbar .socss-button.save.button-primary-disabled,
#so-custom-css-properties .toolbar .socss-button.save.button-primary-disabled {
cursor: default;
}
.custom-css-toolbar .socss-button.save.button-primary-disabled .so-css-icon-save,
#so-custom-css-properties .toolbar .socss-button.save.button-primary-disabled .so-css-icon-save {
color: #a7aaad;
}
body .CodeMirror-lint-tooltip,
body .CodeMirror-hints {
/* This is above the editor in full-screen mode */
z-index: 100002;
}