golden hour
/var/www/html/wp-content/plugins/weekly-class/assets/admin/css
⬆️ Go Up
Upload
File/Folder
Size
Actions
admin.css
5.99 KB
Del
OK
bookings.css
1.47 KB
Del
OK
builder.css
14.87 KB
Del
OK
columns.css
37 B
Del
OK
meta-boxes.css
5.21 KB
Del
OK
settings.css
1.15 KB
Del
OK
vc.css
1 B
Del
OK
Edit: builder.css
[v-cloak] { opacity: 0; } .wcs-builder { position: relative; z-index: 0; } .wcs-builder .el-select { display: block; max-width: 600px; } .wcs-builder .wcs-builder__shortcode { font-style: normal; line-height: 30px; margin-bottom: 0; overflow: hidden; display: block; background-color: rgba(255, 255, 255, 0.45); padding: 4px 15px; text-align: center; position: absolute; top: 0; right: 0; margin-top: 2px; opacity: 0.85; cursor: pointer; } .wcs-builder .wcs-builder__shortcode.success { color: #27ae60; background-color: rgba(39, 174, 96, 0.1); } .wcs-builder .wcs-builder__title + :not(.wcs-builder__container) { display: none !important; height: 0 !important; } .wcs-builder h2 { margin-top: 50px; margin-bottom: 5px; } .wcs-builder h4 { margin-bottom: 5px; } .wcs-builder .clear-all { padding: 12px 7px 7px; text-decoration: underline; } .wcs-builder__container { margin-top: 10px; display: -ms-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; } .wcs-builder__content { position: relative; } @media (min-width: 992px) { .wcs-builder__content { width: calc(100% - 250px); margin-right: 20px; } } @media (min-width: 1200px) { .wcs-builder__content { width: calc(100% - 340px); margin-right: 50px; } } .wcs-builder__side { width: 100%; margin-top: 50px; } @media (min-width: 992px) { .wcs-builder__side { width: 230px; margin-top: -40px; } } @media (min-width: 1200px) { .wcs-builder__side { width: 280px; margin-top: -40px; } } .wcs-builder__side h2 { margin-top: 32px; margin-bottom: 16px; } .wcs-builder__side select { display: block; margin-bottom: 10px; width: 100%; height: 32px; } .wcs-builder__side .wcs-labels { margin-bottom: 10px; } .wcs-builder__side .wcs-labels label { flex: 1 0 30%; } .wcs-builder__side .wcs-labels__label--with-icon { padding: 17px 2px; } .wcs-builder__side .wcs-labels__label--with-icon i { margin-bottom: 5px; } .wcs-builder__description { margin-bottom: 10px; margin-top: 0; opacity: 0.75; font-size: 90%; max-width: 800px; } .wcs-builder__tabs-nav, .wcs-builder__tabs-data { list-style: none; margin: 0; padding: 0; } .wcs-builder__tabs-data { padding: 20px; background-color: white; } .wcs-builder__tabs-data li:not(.active) { display: none; } .wcs-builder__tabs-data + .wcs-builder__description { margin-top: 10px; } .wcs-builder__tabs-nav { display: block; overflow: hidden; margin-top: 10px; } .wcs-builder__tabs-nav a { text-decoration: none; display: block; padding: 10px 25px; color: inherit; opacity: 0.5; font-weight: bold; border-bottom: none !important; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: rgba(0, 0, 0, 0.1); font-size: 15px; transform: translateY(3px); text-shadow: 1px 1px 0px white; cursor: pointer; } .wcs-builder__tabs-nav a:hover { transform: translateY(0); opacity: 0.75; } .wcs-builder__tabs-nav li { display: inline-block; margin: 0 6px 0 0; position: relative; } .wcs-builder__tabs-nav li.active a { background-color: white; opacity: 1; transform: translateY(0); } .wcs-builder__box { background-color: #fff; border-radius: 2px; padding: 18px 15px; overflow: hidden; } .wcs-builder__box h4 { margin-top: 0; } .wcs-builder__info-label { display: block; white-space: normal; margin-bottom: 5px; font-weight: bold; } .wcs-builder__color-field { margin: 10px; padding: 10px 0; display: inline-block; width: 100%; max-width: 270px; } .wcs-builder__color-field .wcs-builder__info-label { display: inline-block; margin-right: 20px; min-width: 120px; } .wcs-builder__color-field .wp-color-result { margin-bottom: 0; } .wcs-builder__color-field .wp-color-picker-field { min-width: 85px; } .wcs-builder .ti-size-xxl { font-size: 200%; } .wcs-builder #title { width: 100%; height: 40px; line-height: 40px; font-size: 160%; text-indent: 10px; } .wcs-builder #save { display: block; float: right; } .wcs-builder #trash { color: #AA0000; float: left; line-height: 30px; } .wcs-builder #preview { display: block; text-decoration: none; float: left; } .wcs-labels { display: flex; flex-flow: row wrap; justify-content: space-around; margin-left: -5px; margin-top: -5px; } .wcs-labels label { flex-grow: 1; box-sizing: border-box; flex: 1 0 180px; } @media (min-width: 992px) { .wcs-builder__content .wcs-labels label { flex-basis: 33%; } } @media (min-width: 1200px) { .wcs-builder__content .wcs-labels label { flex-basis: 20%; } } .wcs-labels__label--with-icon { text-align: center; padding: 50px 2px; font-weight: bold; position: relative; font-size: 90%; } .wcs-labels__label--with-icon::before { content: ''; display: block; position: absolute; opacity: 0.06; transition: opacity 100ms ease-in; background-color: currentcolor; top: 5px; right: 5px; bottom: 5px; left: 5px; } .wcs-labels__label--with-icon::before { transition: all 200ms ease; border-radius: 2px; z-index: -1; background-color: rgba(0, 0, 0, 0.05); opacity: 1; } .wcs-labels__label--with-icon input { display: none; } .wcs-labels__label--with-icon i { display: block; margin-bottom: 10px; font-weight: normal; } .wcs-labels__label--with-icon:hover::before, .wcs-labels__label--with-icon.selected::before { background-color: white; } .wcs-labels__label--with-icon.selected span { opacity: 0.65; } .wcs-labels__columns { display: flex; flex-flow: row wrap; justify-content: flex-start; margin-left: -4px; margin-top: -4px; } .wcs-labels__columns input { margin-right: 8px; } .wcs-labels__columns label { display: block; flex-grow: 0; margin-left: 4px; margin-top: 4px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.035); padding: 8px; border-radius: 2px; box-sizing: border-box; transition: all 200ms ease-in; text-overflow: ellipsis; font-size: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 992px) { .wcs-labels__columns label { flex-basis: calc(20% - 4px); } } @media (min-width: 1400px) { .wcs-labels__columns label { flex-basis: calc(12.5% - 4px); } } @media (min-width: 1600px) { .wcs-labels__columns label { flex-basis: calc(10% - 4px); } } .wcs-labels__columns label:hover { background-color: rgba(0, 0, 0, 0.1); } .wcs-cols { display: flex; flex-flow: row wrap; justify-content: flex-start; margin-left: -20px; margin-top: -20px; } .wcs-cols__col-2 { margin-left: 20px; margin-top: 20px; box-sizing: border-box; flex-basis: calc(100% - 20px); } @media (min-width: 768px) { .wcs-cols__col-2 { flex-basis: calc(50% - 20px); } } @media (min-width: 1400px) { .wcs-cols__col-2 { flex-basis: calc(33.33% - 20px); } } @media (min-width: 1600px) { .wcs-cols__col-2 { flex-basis: calc(20% - 20px); } } .wcs-cols__col-2 label { display: block; font-weight: bold; line-height: 24px; } .wcs-cols__col-2 input { width: 100%; height: 34px; line-height: 34px; } .wcs-input-text label { display: block; font-weight: bold; line-height: 24px; } .wcs-input-text input { width: 100%; height: 32px; line-height: 32px; } .wcs-input-text input + .wcs-builder__description { margin-top: 5px; } .wcs-notice { margin: 20px 20px 20px 0 !important; padding: 15px 20px; background: #fff; border-left: 3px solid #26AE60; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .wcs-notice p { margin: 0; } .wcs-notice--error { border-left: 3px solid #E74C3B; } .wcs-switcher { cursor: pointer !important; display: block; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .wcs-switcher--last { padding-bottom: 0; border-bottom: 0; } .wcs-switcher__switch { color: #C7C7C7; border: 1px solid currentColor; background: currentColor; border-radius: 48px; display: inline-block; width: 30px; position: relative; height: 14px; cursor: pointer; transition: all .2s ease-in-out !important; margin-right: 10px; float: left; box-shadow: 1px 1px 0px white; } .wcs-switcher input[type=checkbox] { display: none; } .wcs-switcher input[type=checkbox] + .wcs-switcher__switch .wcs-switcher__handler { border-radius: 50%; width: 14px; height: 14px; background: #fff; position: absolute; transition: all .2s ease-in-out !important; } .wcs-switcher input[type=checkbox]:checked + .wcs-switcher__switch .wcs-switcher__handler { right: 0; } .wcs-slider { padding-top: 7px; padding-bottom: 7px; } .wcs-slider .slider_value { float: right; opacity: 0.85; font-size: 95%; line-height: 190%; display: inline-block; font-weight: bold; } .wcs-slider .ui-slider { position: relative; margin: 10px 10px 10px; height: 16px; } .wcs-slider .ui-slider::before { content: ''; background: rgba(189, 195, 199, 0.6); height: 2px; border-radius: 100px; display: block; position: absolute; left: -10px; right: -10px; top: 7px; } .wcs-slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: #e74c3c; transition: none; text-decoration: none; outline: none; border-radius: 100px; transform: translate(-50%, -50%); margin-top: 7px; cursor: pointer; top: auto; box-shadow: none; } .quick-action { border-radius: 100%; height: 30px; line-height: 30px !important; width: 30px; color: #fff !important; display: inline-block; transition: background-color 200ms ease; } .quick-action.ti-trash { background-color: #E74C3C; } .quick-action.ti-trash:hover { background-color: #C0392C; } .quick-action.ti-layers { background-color: #F1C40E; } .quick-action.ti-layers:hover { background-color: #F39C12; } .quick-action.ti-pencil-alt { background-color: #27AE60; } .quick-action.ti-pencil-alt:hover { background-color: #2ECC71; } td { vertical-align: middle !important; } .link-post { font-weight: 600; } tr th:first-child, tr td:first-child { padding-left: 20px; } .wcs-import__show { display: block; max-width: 300px; line-height: 2; } .wcs-import { display: none; margin-right: 5px; } .wcs-import + .button { display: none; } #wcs-import__checkbox { display: none; } #wcs-import__checkbox:checked + .wcs-import, #wcs-import__checkbox:checked + .wcs-import + .button { display: inline-block; } #ui-datepicker-div { display: none; } .wcs_datepicker, .wcs-datepicker-pop { margin-top: 10px; margin-bottom: 10px; display: block !important; background-color: #fff; padding: 15px; } .wcs_datepicker .ui-datepicker, .wcs-datepicker-pop .ui-datepicker { display: block !important; } .wcs_datepicker *, .wcs-datepicker-pop * { border: none; margin: 0; padding: 0; background: none; float: none; width: auto; font-family: inherit; font-weight: inherit; text-align: inherit; color: inherit; vertical-align: inherit; opacity: inherit; line-height: inherit; } .wcs_datepicker .ui-datepicker.ui-datepicker, .wcs-datepicker-pop .ui-datepicker.ui-datepicker { background: transparent !important; } .wcs_datepicker .ui-datepicker-prev, .wcs_datepicker .ui-datepicker-next, .wcs-datepicker-pop .ui-datepicker-prev, .wcs-datepicker-pop .ui-datepicker-next { display: none; } .wcs_datepicker .ui-datepicker-month, .wcs-datepicker-pop .ui-datepicker-month { width: 48%; display: inline-block !important; float: left; } .wcs_datepicker .ui-datepicker-year, .wcs-datepicker-pop .ui-datepicker-year { width: 48%; float: right; display: inline-block !important; } .wcs_datepicker .ui-datepicker-calendar, .wcs-datepicker-pop .ui-datepicker-calendar { width: 100%; clear: both; text-align: center; margin: 5px 0 0 0; border-spacing: 0; table-layout: fixed; } .wcs_datepicker .ui-datepicker-calendar thead th, .wcs-datepicker-pop .ui-datepicker-calendar thead th { border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-weight: bold; padding: 5px 0; } .wcs_datepicker .ui-datepicker-calendar td, .wcs-datepicker-pop .ui-datepicker-calendar td { line-height: 2em; border-bottom: 1px solid rgba(0, 0, 0, 0.025); padding: 0; } .wcs_datepicker .ui-datepicker-calendar td:nth-child(2n - 1), .wcs-datepicker-pop .ui-datepicker-calendar td:nth-child(2n - 1) { background-color: rgba(0, 0, 0, 0.025); } .wcs_datepicker .ui-datepicker-calendar .ui-state-default, .wcs-datepicker-pop .ui-datepicker-calendar .ui-state-default { display: inline-block; margin: 4px 2px; } .wcs_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default, .wcs-datepicker-pop .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { opacity: 0.5; } .wcs_datepicker .ui-datepicker-calendar .ui-datepicker-current-day a, .wcs-datepicker-pop .ui-datepicker-calendar .ui-datepicker-current-day a { color: white; border-radius: 300px; min-width: 2em; } .wcs_datepicker .ui-datepicker-calendar a.ui-state-default, .wcs-datepicker-pop .ui-datepicker-calendar a.ui-state-default { text-decoration: none; } .ui-datepicker select { font-size: 12px; height: 24px; margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 2px; } .wcs-datepicker label { display: block; margin-bottom: 5px; } .wcs-datepicker input[type=text] { opacity: 0.75; } .wcs-datepicker input + a { color: #AA0000; display: inline-block; text-decoration: none; margin-right: 8px; font-size: 90%; float: right; margin-top: 5px; } .wcs-table-admin tr, .wcs-table-admin td { transition: background-color 120ms ease; } .wcs-table-admin tr:hover { background-color: transparent !important; } .wcs-table-admin tr:hover td { background-color: RGBA(0, 0, 0, 0.075); } .wcs-switcher.carousel_loop { display: none !important; }
Save