first commit
This commit is contained in:
dwindown
136
vendor/wpcfto/metaboxes/assets/scss/components/_additional.scss
vendored
Normal file
136
vendor/wpcfto/metaboxes/assets/scss/components/_additional.scss
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
@import "components/payment_methods";
|
||||
|
||||
.wpcfto_generic_field_demo_import {
|
||||
&.wpcfto_generic_field {
|
||||
width: 100%;
|
||||
}
|
||||
.button {
|
||||
& {
|
||||
background-color: $accent !important;
|
||||
border-color: $accent !important;
|
||||
padding: 13px 18px !important;
|
||||
font-weight: 600 !important;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
i {
|
||||
display: inline !important;
|
||||
}
|
||||
&:hover, &:focus, &:active:focus {
|
||||
background-color: lighten($accent, 5%) !important;
|
||||
border-color: lighten($accent, 5%) !important;
|
||||
}
|
||||
}
|
||||
.import_steps {
|
||||
&.complete .step-complete,
|
||||
&.courses .step-courses,
|
||||
&.lessons .step-lessons,
|
||||
&.questions .step-questions,
|
||||
&.quizzes .step-quizzes {
|
||||
.step-wrap {
|
||||
.bullet {
|
||||
background: $accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
background-color: $accent;
|
||||
background-image: linear-gradient(135deg,lighten($accent, 15%) 10%,transparent 10%,transparent 50%,lighten($accent, 15%) 50%,$accent 90%,transparent 90%,transparent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.repeater {
|
||||
padding: 16px 20px 18px;
|
||||
.wpcfto-repeater {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.wpcfto-repeater-single {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.stm_lms_shortcode_list {
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
|
||||
& > div {
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
input, select, textarea {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
ul {
|
||||
& {
|
||||
list-style: circle;
|
||||
}
|
||||
li {
|
||||
line-height: 1.4;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
text-indent: -5px;
|
||||
li {
|
||||
&:before {
|
||||
content: "-";
|
||||
text-indent: -5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.stm_metaboxes_grid {
|
||||
.stm-lms-faq-wrapper,
|
||||
.stm_lms_curriculum_v2_wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
stm-lms-faq-wrapper {
|
||||
padding: 20px;
|
||||
}
|
||||
.stm_lms_faq__single {
|
||||
& {
|
||||
background: transparent !important;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
textarea {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.stm-lms-faq .addArea {
|
||||
margin: 0 20px 20px;
|
||||
}
|
||||
}
|
||||
body .stm_metaboxes_grid .stm_metaboxes_grid__inner .stm_lms_questions_v2_wrapper {
|
||||
& {
|
||||
max-width: 100%;
|
||||
}
|
||||
.stm_lms_curriculum_v2 .section_data {
|
||||
display: block;
|
||||
}
|
||||
.stm_lms_curriculum_v2 .section_data__title {
|
||||
margin-bottom: 1em;
|
||||
input {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid__inner .container-constructed .row .wpcfto-box.answers {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto-box.drip_content {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
249
vendor/wpcfto/metaboxes/assets/scss/components/_animation.scss
vendored
Normal file
249
vendor/wpcfto/metaboxes/assets/scss/components/_animation.scss
vendored
Normal file
@@ -0,0 +1,249 @@
|
||||
@-webkit-keyframes percentAnimate {
|
||||
0%, 100% {
|
||||
transform: scale(0.8, 0.8);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1, 1);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes percentAnimate {
|
||||
0%, 100% {
|
||||
transform: scale(0.8, 0.8);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1, 1);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
@keyframes shake_it {
|
||||
2% {
|
||||
transform: translate(-7px, 0) rotate(0)
|
||||
}
|
||||
4% {
|
||||
transform: translate(-5px, 0) rotate(0)
|
||||
}
|
||||
6% {
|
||||
transform: translate(4px, 0) rotate(0)
|
||||
}
|
||||
8% {
|
||||
transform: translate(-4px, 0) rotate(0)
|
||||
}
|
||||
10% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
12% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
14% {
|
||||
transform: translate(-5px, 0) rotate(0)
|
||||
}
|
||||
16% {
|
||||
transform: translate(-3px, 0) rotate(0)
|
||||
}
|
||||
18% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
20% {
|
||||
transform: translate(3px, 0) rotate(0)
|
||||
}
|
||||
22% {
|
||||
transform: translate(-2px, 0) rotate(0)
|
||||
}
|
||||
24% {
|
||||
transform: translate(-3px, 0) rotate(0)
|
||||
}
|
||||
26% {
|
||||
transform: translate(-9px, 0) rotate(0)
|
||||
}
|
||||
28% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
30% {
|
||||
transform: translate(7px, 0) rotate(0)
|
||||
}
|
||||
32% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
34% {
|
||||
transform: translate(0px, 0) rotate(0)
|
||||
}
|
||||
36% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
38% {
|
||||
transform: translate(6px, 0) rotate(0)
|
||||
}
|
||||
40% {
|
||||
transform: translate(-7px, 0) rotate(0)
|
||||
}
|
||||
42% {
|
||||
transform: translate(0px, 0) rotate(0)
|
||||
}
|
||||
44% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
46% {
|
||||
transform: translate(-2px, 0) rotate(0)
|
||||
}
|
||||
48% {
|
||||
transform: translate(10px, 0) rotate(0)
|
||||
}
|
||||
50% {
|
||||
transform: translate(-8px, 0) rotate(0)
|
||||
}
|
||||
52% {
|
||||
transform: translate(-9px, 0) rotate(0)
|
||||
}
|
||||
54% {
|
||||
transform: translate(9px, 0) rotate(0)
|
||||
}
|
||||
56% {
|
||||
transform: translate(-2px, 0) rotate(0)
|
||||
}
|
||||
58% {
|
||||
transform: translate(-5px, 0) rotate(0)
|
||||
}
|
||||
60% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
62% {
|
||||
transform: translate(-4px, 0) rotate(0)
|
||||
}
|
||||
64% {
|
||||
transform: translate(1px, 0) rotate(0)
|
||||
}
|
||||
66% {
|
||||
transform: translate(-3px, 0) rotate(0)
|
||||
}
|
||||
68% {
|
||||
transform: translate(10px, 0) rotate(0)
|
||||
}
|
||||
70% {
|
||||
transform: translate(4px, 0) rotate(0)
|
||||
}
|
||||
72% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
74% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
76% {
|
||||
transform: translate(2px, 0) rotate(0)
|
||||
}
|
||||
78% {
|
||||
transform: translate(-2px, 0) rotate(0)
|
||||
}
|
||||
80% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
82% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
84% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
86% {
|
||||
transform: translate(-5px, 0) rotate(0)
|
||||
}
|
||||
88% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
90% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
92% {
|
||||
transform: translate(-1px, 0) rotate(0)
|
||||
}
|
||||
94% {
|
||||
transform: translate(-3px, 0) rotate(0)
|
||||
}
|
||||
96% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
98% {
|
||||
transform: translate(-6px, 0) rotate(0)
|
||||
}
|
||||
0%, 100% {
|
||||
transform: translate(0, 0) rotate(0)
|
||||
}
|
||||
}
|
||||
|
||||
.fade-enter-active, .fade-leave-active {
|
||||
transition: opacity .5s;
|
||||
}
|
||||
|
||||
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slide-fade-enter-active {
|
||||
transition: all .3s ease;
|
||||
}
|
||||
.slide-fade-leave-active {
|
||||
transition: none;
|
||||
}
|
||||
.slide-fade-enter, .slide-fade-leave-to
|
||||
/* .slide-fade-leave-active below version 2.1.8 */ {
|
||||
transform: translateY(10px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.shake-it {
|
||||
//animation: shake_it 4s infinite;
|
||||
border-color: red !important;
|
||||
}
|
||||
|
||||
.loading_v2 {
|
||||
|
||||
> * {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: -10px 0 0 -10px;
|
||||
background: rgba($main_color, 0.4);
|
||||
border-radius: 50px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
animation: pulse_v2 1s infinite linear;
|
||||
}
|
||||
}
|
||||
@keyframes pulse_v2 {
|
||||
0% {
|
||||
transform: scale(0.6);
|
||||
opacity: 0;
|
||||
}
|
||||
33% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.4);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
159
vendor/wpcfto/metaboxes/assets/scss/components/_autocomplete.scss
vendored
Normal file
159
vendor/wpcfto/metaboxes/assets/scss/components/_autocomplete.scss
vendored
Normal file
@@ -0,0 +1,159 @@
|
||||
.wpcfto_generic_field_autocomplete {
|
||||
.wpcfto-field-content {
|
||||
& {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wpcfto-autocomplete-search {
|
||||
width: 100%;
|
||||
&.loading {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
.limited {
|
||||
li {
|
||||
&:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto-autocomplete {
|
||||
margin: 0;
|
||||
li {
|
||||
background-color: #fff !important;
|
||||
border: 1px solid #bec5cb;
|
||||
position: relative;
|
||||
margin: 10px 0 0 !important;
|
||||
padding: 0 !important;
|
||||
font-size: 14px !important;
|
||||
font-weight: 500;
|
||||
border-radius: 5px;
|
||||
i {
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
top: 50%;
|
||||
margin-top: -17px;
|
||||
opacity: .4;
|
||||
font-weight: 900;
|
||||
padding: 10px;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
color: #f32c41;
|
||||
}
|
||||
}
|
||||
&.hovered {
|
||||
border-color: #f32c41;
|
||||
}
|
||||
.item-title {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: $color_main;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.item-excerpt {
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
color: $color_muted;
|
||||
}
|
||||
.item-wrapper {
|
||||
display: flex;
|
||||
padding: 10px 20px;
|
||||
align-items: center;
|
||||
}
|
||||
.item-image {
|
||||
width: 36px;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
margin-right: 10px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.item-data {
|
||||
padding: 0 40px 0 0;
|
||||
flex-grow: 1;
|
||||
span {
|
||||
display: block;
|
||||
&.item-label {
|
||||
margin-bottom: 5px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-autocomplete-search {
|
||||
.v-select-search {
|
||||
position: relative;
|
||||
& > i {
|
||||
position: absolute;
|
||||
top: 12px !important;
|
||||
left: 11px;
|
||||
font-size: 16px;
|
||||
color: $accent;
|
||||
z-index: 2;
|
||||
}
|
||||
.dropdown-menu {
|
||||
& {
|
||||
border: 1px solid #bec5cb;
|
||||
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
|
||||
border-radius: 5px;
|
||||
transform: translateY(5px);
|
||||
}
|
||||
li {
|
||||
a {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: $color_main;
|
||||
height: 40px;
|
||||
}
|
||||
&.highlight a {
|
||||
background-color: #f6f9fc;
|
||||
color: $color_main !important;
|
||||
}
|
||||
&:not(:last-of-type) {
|
||||
a {
|
||||
border-bottom: 1px solid #d6dade;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown {
|
||||
.dropdown-toggle {
|
||||
background-color: #f6f9fc;
|
||||
border: 1px solid #bec5cb;
|
||||
border-radius: 5px;
|
||||
height: 40px !important;
|
||||
.form-control {
|
||||
background-color: transparent;
|
||||
height: 40px;
|
||||
padding-left: 33px !important;
|
||||
}
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.selected-tag {
|
||||
margin-left: 33px;
|
||||
}
|
||||
&.open {
|
||||
.dropdown-toggle {
|
||||
border-color: $accent;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.v-select-search-label {
|
||||
color: $color_muted;
|
||||
margin-top: 0.5em;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
701
vendor/wpcfto/metaboxes/assets/scss/components/_base.scss
vendored
Normal file
701
vendor/wpcfto/metaboxes/assets/scss/components/_base.scss
vendored
Normal file
@@ -0,0 +1,701 @@
|
||||
.wpcfto_settings_head {
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
& {
|
||||
display: flex;
|
||||
max-width: 1240px;
|
||||
position: sticky;
|
||||
top: 32px;
|
||||
z-index: 999;
|
||||
font-family: $main_font;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&__side {
|
||||
padding: 13px 23px 12px;
|
||||
width: $side_width;
|
||||
background-color: $bg_head_side;
|
||||
border-radius: 10px 0 0 0;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__logo {
|
||||
& {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
&_only {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__label {
|
||||
color: $color_head_side;
|
||||
max-width: 160px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 15px;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&__content {
|
||||
background-color: $bg_head_content;
|
||||
width: $content_width;
|
||||
flex-grow: 1;
|
||||
padding: 18px 17px 17px 30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 10px 10px 0;
|
||||
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.wpcfto_search_group {
|
||||
//opacity: 0;
|
||||
//visibility: hidden;
|
||||
}
|
||||
|
||||
.wpcfto-search-field {
|
||||
min-width: 276px;
|
||||
height: 40px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #8c99a5;
|
||||
background-color: #f6f9fc;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-box {
|
||||
background-color: $bg_blocks;
|
||||
margin: 0 0 10px;
|
||||
position: relative;
|
||||
min-height: 80px;
|
||||
border-radius: 10px;
|
||||
font-family: $main_font;
|
||||
font-weight: 400;
|
||||
|
||||
.wpcfto-box-child {
|
||||
position: relative;
|
||||
|
||||
& ~ .wpcfto-box-child {
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
&.is_pro {
|
||||
background-color: transparent;
|
||||
border: 2px dashed #bec5cb;
|
||||
|
||||
.field_overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="phone"],
|
||||
select,
|
||||
textarea {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.wpcfto-field-description__after {
|
||||
display: block;
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
|
||||
&.wpcfto_group_started {
|
||||
.container {
|
||||
& {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.postbox .stm_metaboxes_grid {
|
||||
background-color: $bg_content;
|
||||
}
|
||||
|
||||
.wpcfto-field-aside {
|
||||
& {
|
||||
width: $fields_aside_width;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
&__label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.wpcfto_preview {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.wpcfto_field_hint {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wpcfto-field-description {
|
||||
display: block;
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-field-content {
|
||||
width: $fields_content_width;
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid {
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&__inner {
|
||||
& {
|
||||
max-width: 1240px;
|
||||
font-family: $main_font;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.container-constructed {
|
||||
.row {
|
||||
.column-1 {
|
||||
width: 100%;
|
||||
|
||||
&.wpcfto-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.column-25,
|
||||
.column-33,
|
||||
.column-50,
|
||||
.column-66,
|
||||
.column-75 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.column-25 {
|
||||
width: calc(25% - 20px);
|
||||
}
|
||||
|
||||
.column-33 {
|
||||
width: calc(33.33% - 20px);
|
||||
}
|
||||
|
||||
.column-50 {
|
||||
width: calc(50% - 20px);
|
||||
}
|
||||
|
||||
.column-66 {
|
||||
width: calc(66.66% - 20px);
|
||||
}
|
||||
|
||||
.column-75 {
|
||||
width: calc(75% - 20px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
& {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.column {
|
||||
margin-bottom: inherit;
|
||||
padding: 1.8rem 1rem 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
flex: 1 1 auto;
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 40rem) {
|
||||
& {
|
||||
flex-direction: row;
|
||||
width: calc(100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-tab-nav {
|
||||
position: relative;
|
||||
|
||||
& {
|
||||
background-color: $bg_tab_nav;
|
||||
width: $side_width;
|
||||
padding: 21px 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
&.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&--inner {
|
||||
position: sticky;
|
||||
top: 133px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.wpcfto-nav {
|
||||
& {
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
color: $color_tab_nav;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
.wpcfto-nav-title {
|
||||
padding: 13px 32px 13px 34px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
left: auto;
|
||||
top: 50%;
|
||||
margin-top: -11px;
|
||||
width: 26px;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $accent;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-submenus {
|
||||
& {
|
||||
background-color: $bg_head_side;
|
||||
padding: 18px 32px 18px 34px;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 10px;
|
||||
right: 0;
|
||||
margin-top: -5px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
& > div {
|
||||
& {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
text-transform: initial;
|
||||
position: relative;
|
||||
color: $color_muted;
|
||||
}
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
i {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&.active, &:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-tab {
|
||||
& {
|
||||
background-color: $bg_content;
|
||||
width: $content_width;
|
||||
padding: 0;
|
||||
padding-right: 30px;
|
||||
display: none;
|
||||
flex-grow: 1;
|
||||
|
||||
& > .container-constructed {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
|
||||
& > .container-constructed {
|
||||
opacity: 1;
|
||||
animation: fadeIn ease 0.6s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
& {
|
||||
color: $color_muted;
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
line-height: 16px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-settings {
|
||||
& {
|
||||
margin: 30px 30px 0 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
& {
|
||||
height: 45px;
|
||||
background-color: $accent;
|
||||
border-color: $accent;
|
||||
color: $white;
|
||||
padding: 13px 18px;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 19px;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
&.load_button {
|
||||
& {
|
||||
position: relative;
|
||||
transition: .3s ease;
|
||||
}
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
transition: .3s ease;
|
||||
}
|
||||
|
||||
.lnr-sync {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 14px;
|
||||
font-size: 20px;
|
||||
margin-top: -3px;
|
||||
margin-left: -10px;
|
||||
opacity: 0;
|
||||
animation: spin 2s infinite;
|
||||
transition: .3s ease;
|
||||
}
|
||||
|
||||
&.loading {
|
||||
i {
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.lnr-sync {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover, &:focus, &:active:focus {
|
||||
background-color: lighten($accent, 5%);
|
||||
border-color: lighten($accent, 5%);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_group_title {
|
||||
width: 100%;
|
||||
padding: 0 0 12px;
|
||||
color: $color_muted;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid #d6dade;
|
||||
margin: 0 0 17px;
|
||||
letter-spacing: 1.4px;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_settings_head + .stm_metaboxes_grid {
|
||||
.stm_metaboxes_grid__inner .row .column {
|
||||
padding-left: 1.8rem;
|
||||
padding-bottom: 1.8rem;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_preview {
|
||||
& {
|
||||
position: relative;
|
||||
color: $color_muted;
|
||||
font-size: 9px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0.9px;
|
||||
text-transform: uppercase;
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px dashed $color_muted;
|
||||
z-index: 100;
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&__popup {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
left: 50%;
|
||||
padding: 5px;
|
||||
max-width: 297px;
|
||||
background-color: $white;
|
||||
overflow: hidden;
|
||||
border-radius: 15px;
|
||||
transform: translateX(-50%);
|
||||
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.16);
|
||||
transition: all 0.3s ease 0s;
|
||||
z-index: 101;
|
||||
|
||||
img {
|
||||
max-width: calc(297px - 10px);
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
border: 15px solid transparent;
|
||||
border-top-color: $white;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
bottom: 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
z-index: 109;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
& {
|
||||
color: $accent;
|
||||
border-bottom-color: $accent;
|
||||
}
|
||||
|
||||
.wpcfto_preview__popup {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
opacity: 1;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-settings.data-0 {
|
||||
position: relative;
|
||||
min-height: 200px;
|
||||
max-width: 1240px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
content: '';
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: -15px 0 0 -15px;
|
||||
display: inline-block;
|
||||
border: 5px solid $accent;
|
||||
border-right-color: transparent;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
animation: rotation 1s infinite linear;
|
||||
}
|
||||
}
|
||||
|
||||
/*Single tab*/
|
||||
.sections_count_1 {
|
||||
.wpcfto-tab {
|
||||
|
||||
> .container {
|
||||
> .row {
|
||||
> .column {
|
||||
padding: 30px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inside {
|
||||
.stm_metaboxes_grid {
|
||||
margin: -6px -12px -12px;
|
||||
}
|
||||
.sections_count_1 {
|
||||
.wpcfto-tab {
|
||||
|
||||
> .container {
|
||||
> .row {
|
||||
> .column {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
|
||||
* {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .wpcfto_generic_field {
|
||||
&.preopen_field_wrapper {
|
||||
background-color: #fff;
|
||||
margin: 0 0 10px;
|
||||
border-radius: 10px;
|
||||
.wpcfto-admin-checkbox {
|
||||
align-self: flex-end;
|
||||
margin-bottom: 0;
|
||||
label {
|
||||
.wpcfto-admin-checkbox-wrapper {
|
||||
margin: -2px 15px 0 0;
|
||||
&.active {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
&:after {
|
||||
top: 4px;
|
||||
}
|
||||
&:before {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.preopen_field {
|
||||
width: 100%;
|
||||
.wpcfto-box {
|
||||
margin: 0;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.wpcfto_generic_field {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
35
vendor/wpcfto/metaboxes/assets/scss/components/_button.scss
vendored
Normal file
35
vendor/wpcfto/metaboxes/assets/scss/components/_button.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
.stm_metaboxes_grid {
|
||||
.stm_metaboxes_grid__inner {
|
||||
label {
|
||||
color: #23282d;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 27px;
|
||||
margin-right: 0;
|
||||
min-height: auto;
|
||||
height: 40px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
background: $accent;
|
||||
border-color: $accent;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
|
||||
cursor: pointer;
|
||||
letter-spacing: 0;
|
||||
&:hover {
|
||||
background-color: lighten($accent, 5%) !important;
|
||||
border-color: lighten($accent, 5%) !important;
|
||||
}
|
||||
i {
|
||||
display: inline;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
47
vendor/wpcfto/metaboxes/assets/scss/components/_button_group.scss
vendored
Normal file
47
vendor/wpcfto/metaboxes/assets/scss/components/_button_group.scss
vendored
Normal file
@@ -0,0 +1,47 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_button_group {
|
||||
label {
|
||||
min-width: auto !important;
|
||||
padding: 10px 20px;
|
||||
margin: 0 !important;
|
||||
height: 40px;
|
||||
border-top: 1px solid #bec5cb;
|
||||
border-bottom: 1px solid #bec5cb;
|
||||
background-color: #f6f9fc;
|
||||
color: $color_main;
|
||||
font-size: 14px !important;
|
||||
font-weight: 400 !important;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
border-right: 1px solid #bec5cb;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none !important;
|
||||
}
|
||||
&:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-left: 1px solid #bec5cb;
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-right: 1px solid #bec5cb;
|
||||
}
|
||||
&.active {
|
||||
background: $accent;
|
||||
border-top-color: $accent;
|
||||
border-bottom-color: $accent;
|
||||
border-right-color: $accent;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto_generic_field_button_group {
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
302
vendor/wpcfto/metaboxes/assets/scss/components/_checkbox.scss
vendored
Normal file
302
vendor/wpcfto/metaboxes/assets/scss/components/_checkbox.scss
vendored
Normal file
@@ -0,0 +1,302 @@
|
||||
.wpcfto-box {
|
||||
&.checkbox {
|
||||
.wpcfto-field-aside {
|
||||
margin: 3px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-admin-checkbox {
|
||||
|
||||
+ p {
|
||||
display: block;
|
||||
margin-top: -15px !important;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.wpcfto-admin-checkbox-wrapper {
|
||||
&.is_toggle {
|
||||
& {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0;
|
||||
width: 50px;
|
||||
height: 26px;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: transparent;
|
||||
top: 50%;
|
||||
border-radius: 20px;
|
||||
}
|
||||
input {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
margin: 0 !important;
|
||||
opacity: 0;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.wpcfto-checkbox-switcher {
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
top: 3px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #bec5cb;
|
||||
border-radius: 20px;
|
||||
z-index: 10;
|
||||
transition: .15s ease;
|
||||
}
|
||||
|
||||
&:not(.active) {
|
||||
&::after {
|
||||
content: "Off";
|
||||
color: $color_muted;
|
||||
font-size: 10px;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $accent;
|
||||
border-color: $accent;
|
||||
|
||||
&::before {
|
||||
content: "On";
|
||||
color: $white;
|
||||
font-size: 10px;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.wpcfto-checkbox-switcher {
|
||||
transform: translateX(22px);
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
+ span {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&:not(.is_toggle) {
|
||||
& {
|
||||
display: inline-block;
|
||||
}
|
||||
.wpcfto-checkbox-switcher {
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid $accent;
|
||||
background-color: #ffffff;
|
||||
&:checked {
|
||||
background-color: $accent;
|
||||
&::before {
|
||||
width: 14px;
|
||||
margin: 2px 0 0;
|
||||
padding: 0;
|
||||
height: 14px;
|
||||
content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%209%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20d%3D%22M1.862%203.988v0l2.086%202.183v0l1.05%201.1v0l4.489-4.74v0l.691-.731v0%22%2F%3E%3C%2Fsvg%3E);
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
}
|
||||
}
|
||||
& ~ span {
|
||||
vertical-align: baseline;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_checkbox {
|
||||
position: relative;
|
||||
|
||||
i.fa-check {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid $accent;
|
||||
background-color: #fff;
|
||||
font-size: 8px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
transition: .3s ease;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
opacity: 0;
|
||||
|
||||
&:checked {
|
||||
+ i {
|
||||
background-color: $accent;
|
||||
border-color: $accent;
|
||||
|
||||
&:before {
|
||||
content: "\f00c";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-box {
|
||||
.wpcfto-box-child {
|
||||
.wpcfto_generic_field.wpcfto_generic_checkbox {
|
||||
padding: 0;
|
||||
|
||||
.wpcfto-field-aside {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wpcfto-admin-checkbox-wrapper input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_radio {
|
||||
position: relative;
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #bfbfbf;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 50%;
|
||||
transition: .3s ease;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
opacity: 0;
|
||||
|
||||
&:checked {
|
||||
+ i {
|
||||
border-color: #195ec8;
|
||||
background: #fff;
|
||||
|
||||
&:before {
|
||||
background-color: #195ec8;
|
||||
}
|
||||
|
||||
+ span {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//HACK FOR OLD FIELD REVERSED!!!!!!
|
||||
.section_accessibility-not_single_sale {
|
||||
.wpcfto-admin-checkbox-wrapper {
|
||||
background-color: #00b163;
|
||||
border-color: #00b163;
|
||||
.wpcfto-checkbox-switcher {
|
||||
//transform: translateX(16px);
|
||||
//background-color: #fff;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-color: #bfbfbf;
|
||||
background-color: #bfbfbf;
|
||||
.wpcfto-checkbox-switcher {
|
||||
//transform: translateX(0);
|
||||
//background-color: #f6f6f6;
|
||||
}
|
||||
+span {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
}
|
||||
span {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.wocommerce_checkout, .checkbox {
|
||||
.wpcfto_generic_checkbox {
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
&.is_pro {
|
||||
.wpcfto_generic_checkbox {
|
||||
order: 2;
|
||||
}
|
||||
.pro-notice {
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_multi_checkbox {
|
||||
.wpcfto_multi_checkbox.wpcfto-admin-checkbox {
|
||||
label {
|
||||
width: 50%;
|
||||
display: block;
|
||||
padding: 0 13px;
|
||||
margin-bottom: 0.8em;
|
||||
input {
|
||||
margin: 0 0.3em 0 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
41
vendor/wpcfto/metaboxes/assets/scss/components/_color_gradient.scss
vendored
Normal file
41
vendor/wpcfto/metaboxes/assets/scss/components/_color_gradient.scss
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_field_color_gradient {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0;
|
||||
justify-content: space-between;
|
||||
.wpcfto_field_title {
|
||||
max-width: 35%;
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: unset;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
.field-description {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.wpcfto_color_gradient {
|
||||
display: flex;
|
||||
width: calc(66.66% - 10px)!important;
|
||||
|
||||
.wpcfto_color_gradient_group {
|
||||
& {
|
||||
width: 100%;
|
||||
}
|
||||
.stm_colorpicker_wrapper {
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
+ .wpcfto_color_gradient_group {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
108
vendor/wpcfto/metaboxes/assets/scss/components/_colorpicker.scss
vendored
Normal file
108
vendor/wpcfto/metaboxes/assets/scss/components/_colorpicker.scss
vendored
Normal file
@@ -0,0 +1,108 @@
|
||||
.wpcfto_generic_field_color {
|
||||
font-size: 0;
|
||||
.stm_colorpicker_wrapper {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
&__clear {
|
||||
display: inline-block;
|
||||
margin: 6px 0 0 11px;
|
||||
padding: 5px 10px;
|
||||
font-size: 13px;
|
||||
vertical-align: top;
|
||||
text-decoration: none;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
.stm_colorpicker_wrapper {
|
||||
position: relative;
|
||||
.vc-photoshop,
|
||||
.vc-chrome {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
min-width: 540px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(5px);
|
||||
transition: .3s ease;
|
||||
z-index: 999999999999;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.vc-ps-ac-btn {
|
||||
display: none;
|
||||
}
|
||||
.vc-editable-input {
|
||||
.vc-input__input {
|
||||
position: relative;
|
||||
left: 17px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.picker-position-top {
|
||||
.vc-photoshop,
|
||||
.vc-chrome {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
> input[type='text'] {
|
||||
padding-right: 20px;
|
||||
& {
|
||||
vertical-align: middle;
|
||||
width: calc(100% - 52px) !important;
|
||||
display: initial !important;
|
||||
}
|
||||
&:focus + div {
|
||||
.vc-photoshop,
|
||||
.vc-chrome {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
> span:not(.description) {
|
||||
background-color: #f6f9fc;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #bec5cb;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_color__clear {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 5px;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
line-height: 19px;
|
||||
border-radius: 50%;
|
||||
font-size: 11px;
|
||||
background: #ccc;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
72
vendor/wpcfto/metaboxes/assets/scss/components/_datepicker.scss
vendored
Normal file
72
vendor/wpcfto/metaboxes/assets/scss/components/_datepicker.scss
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
.date {
|
||||
.wpcfto_generic_field.wpcfto_generic_field_date {
|
||||
.wpcfto_field_title {
|
||||
display: block;
|
||||
}
|
||||
.wpcfto_datepicker {
|
||||
min-width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dates {
|
||||
.wpcfto_generic_field.wpcfto_generic_field__date {
|
||||
.wpcfto_field_title {
|
||||
display: block;
|
||||
}
|
||||
.wpcfto_datepicker {
|
||||
min-width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mx-datepicker {
|
||||
width: 100%;
|
||||
margin: 0 0 30px;
|
||||
input.mx-input {
|
||||
height: 2.6rem;
|
||||
margin-bottom: 0 !important;
|
||||
background-color: transparent;
|
||||
border: .1rem solid #d1d1d1;
|
||||
border-radius: 6px;
|
||||
box-shadow: none;
|
||||
}
|
||||
&-popup {
|
||||
left: 0;
|
||||
}
|
||||
.mx-input-icon {
|
||||
&__calendar {
|
||||
background: transparent;
|
||||
color: $color_muted;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
&::after {
|
||||
content: "\f073";
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mx-calendar-content {
|
||||
.mx-calendar-table {
|
||||
tr {
|
||||
th,
|
||||
td {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_date {
|
||||
.mx-datepicker {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mx-datepicker-popup {
|
||||
right: 0 !important;
|
||||
left: auto !important;
|
||||
}
|
||||
34
vendor/wpcfto/metaboxes/assets/scss/components/_disabled_field.scss
vendored
Normal file
34
vendor/wpcfto/metaboxes/assets/scss/components/_disabled_field.scss
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
.wpcfto_search_group {
|
||||
position: relative;
|
||||
opacity: 0.5;
|
||||
&:after {
|
||||
content: 'Coming soon...';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(255,255,255,0.8);
|
||||
font-style: italic;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
|
||||
transition: .3s ease;
|
||||
z-index: 999;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-disabled-field {
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(255,255,255,0.8);
|
||||
transition: .3s ease;
|
||||
z-index: 999;
|
||||
}
|
||||
}
|
||||
19
vendor/wpcfto/metaboxes/assets/scss/components/_duration.scss
vendored
Normal file
19
vendor/wpcfto/metaboxes/assets/scss/components/_duration.scss
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
.not_exist {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.wpcfto-box {
|
||||
&.duration {
|
||||
.wpcfto-field-content {
|
||||
.row {
|
||||
margin: 0 -15px;
|
||||
.column {
|
||||
padding: 0 7.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
137
vendor/wpcfto/metaboxes/assets/scss/components/_editor.scss
vendored
Normal file
137
vendor/wpcfto/metaboxes/assets/scss/components/_editor.scss
vendored
Normal file
@@ -0,0 +1,137 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_field.wpcfto_generic_field_editor {
|
||||
//display: block;
|
||||
background-color: $bg_blocks;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
|
||||
.wpcfto-editor {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
> label {
|
||||
margin: 0 0 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.quillWrapper {
|
||||
|
||||
padding: 10px 0;
|
||||
border-radius: 5px;
|
||||
|
||||
p {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.ql-container.ql-snow,
|
||||
.ql-toolbar.ql-snow {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ql-toolbar.ql-snow {
|
||||
padding: 0;
|
||||
margin: 0 -10px;
|
||||
|
||||
.ql-formats {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
|
||||
button {
|
||||
margin-bottom: 0;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ql-container.ql-snow {
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
.ql-snow .ql-tooltip {
|
||||
left: -1px !important;
|
||||
}
|
||||
|
||||
.ql-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ql-snow .ql-picker.ql-header {
|
||||
width: auto;
|
||||
|
||||
svg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*Hide ITEMS*/
|
||||
.ql-italic,
|
||||
.ql-underline,
|
||||
.ql-strike,
|
||||
.ql-align,
|
||||
.ql-code-block,
|
||||
.ql-list[value="check"],
|
||||
.ql-video,
|
||||
.ql-background,
|
||||
.ql-indent {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ql-editor {
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #f6f9fc;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
|
||||
&:focus {
|
||||
border-color: $accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_manage_course__editor {
|
||||
border-top: 1px solid #e1e2e4!important;
|
||||
}
|
||||
|
||||
.ace_editor {
|
||||
.wpcfto_generic_field.wpcfto_generic_field_ace_editor {
|
||||
& {
|
||||
padding: 20px;
|
||||
}
|
||||
.ace_editor {
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #bec5cb;
|
||||
.ace_gutter {
|
||||
background-color: #f6f9fc;
|
||||
}
|
||||
.ace_print-margin {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.wpcfto-field-aside__label {
|
||||
font-family: $main_font;
|
||||
font-weight: 500;
|
||||
}
|
||||
.wpcfto_field_title {
|
||||
//margin-bottom: 10px;
|
||||
//display: block;
|
||||
//font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
.field-description {
|
||||
//margin-top: 10px;
|
||||
//font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
}
|
||||
}
|
||||
90
vendor/wpcfto/metaboxes/assets/scss/components/_file.scss
vendored
Normal file
90
vendor/wpcfto/metaboxes/assets/scss/components/_file.scss
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
.file-select {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.file-select > .select-button {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 10px 15px;
|
||||
|
||||
color: white;
|
||||
background-color: $accent;
|
||||
|
||||
|
||||
border-radius: .3rem;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
&.uploading {
|
||||
background-color: transparent;
|
||||
background-image: repeating-linear-gradient(
|
||||
-45deg,
|
||||
rgba(46,161,105,.5),
|
||||
rgba(46,161,105,.5) 1rem,
|
||||
#2EA169 1rem,
|
||||
#2EA169 2rem
|
||||
);
|
||||
background-size: 200% 200%;
|
||||
animation: barberpole 10s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
/* Don't forget to hide the original file input! */
|
||||
.file-select > input[type="file"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.field_label__file {
|
||||
|
||||
> a {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
|
||||
color: #23282d !important;
|
||||
i {
|
||||
margin-left: 7px;
|
||||
opacity: .4;
|
||||
font-size: 82%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
.field_label_error {
|
||||
margin: 30px 0 0;
|
||||
background: #fd3753;
|
||||
color: #fff;
|
||||
padding: 17px 15px;
|
||||
border-radius: 5px;
|
||||
|
||||
ul {
|
||||
margin: 15px 0 15px 15px;
|
||||
list-style: decimal;
|
||||
li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes barberpole {
|
||||
100% {
|
||||
background-position: 100% 100%;
|
||||
}
|
||||
}
|
||||
90
vendor/wpcfto/metaboxes/assets/scss/components/_gallery.scss
vendored
Normal file
90
vendor/wpcfto/metaboxes/assets/scss/components/_gallery.scss
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
.wpcfto_generic_field_gallery {
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.wpcfto_gallery {
|
||||
&__items {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
&__item {
|
||||
position: relative;
|
||||
border: 0 none;
|
||||
margin-bottom: 1em;
|
||||
cursor: all-scroll;
|
||||
margin-left: 7px;
|
||||
img {
|
||||
vertical-align: top;
|
||||
border-radius: 5px;
|
||||
}
|
||||
&_delete {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
line-height: 25px !important;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: .3s ease;
|
||||
&:hover {
|
||||
background-color: $accent;
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.wpcfto_gallery__item_delete {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.actions {
|
||||
padding-left: 7px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 27px;
|
||||
margin-right: 0;
|
||||
min-height: auto;
|
||||
height: 40px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
background: $accent;
|
||||
border-color: $accent;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
|
||||
cursor: pointer;
|
||||
letter-spacing: 0;
|
||||
&.button-remove {
|
||||
background-color: $color_muted;
|
||||
border-color: $color_muted;
|
||||
&:hover {
|
||||
background-color: darken($color_muted, 5%) !important;
|
||||
border-color: darken($color_muted, 5%) !important;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: lighten($accent, 5%) !important;
|
||||
border-color: lighten($accent, 5%) !important;
|
||||
}
|
||||
i {
|
||||
display: inline;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 1200px) {
|
||||
.wpcfto_gallery .button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
88
vendor/wpcfto/metaboxes/assets/scss/components/_generic-fields.scss
vendored
Normal file
88
vendor/wpcfto/metaboxes/assets/scss/components/_generic-fields.scss
vendored
Normal file
@@ -0,0 +1,88 @@
|
||||
.stm_metaboxes_grid {
|
||||
.wpcfto_generic_field {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
|
||||
input, select, textarea {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
font-size: 14px;
|
||||
}
|
||||
select {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 16px;
|
||||
|
||||
&.disabled {
|
||||
color: $color_muted;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "Soon";
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -12px;
|
||||
font-size: 7px;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
letter-spacing: 0.7px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&_flex_input {
|
||||
|
||||
align-items: center;
|
||||
|
||||
.wpcfto_datepicker {
|
||||
.mx-datepicker {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
textarea,
|
||||
select,
|
||||
input {
|
||||
margin-bottom: 0;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #f6f9fc;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
font-size: 15px;
|
||||
color: $color_main;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.unflex_fields {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-admin-select {
|
||||
.wpcfto-radio {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.image-field-file {
|
||||
i {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
color: #195ec8;
|
||||
font-size: 20px;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
}
|
||||
28
vendor/wpcfto/metaboxes/assets/scss/components/_group_field.scss
vendored
Normal file
28
vendor/wpcfto/metaboxes/assets/scss/components/_group_field.scss
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
html body .stm_metaboxes_grid {
|
||||
&__inner {
|
||||
.no-childs-visible {
|
||||
display: none !important;
|
||||
}
|
||||
.wpcfto_group_started {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.wpcfto_generic_field {
|
||||
min-height: auto;
|
||||
border-radius: 0 !important;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.container {
|
||||
padding: 16px 20px 18px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.row {
|
||||
flex-wrap: wrap;
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
144
vendor/wpcfto/metaboxes/assets/scss/components/_hint.scss
vendored
Normal file
144
vendor/wpcfto/metaboxes/assets/scss/components/_hint.scss
vendored
Normal file
@@ -0,0 +1,144 @@
|
||||
.wpcfto_field_hint {
|
||||
& {
|
||||
position: relative;
|
||||
z-index: 990;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
font-size: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
& > .hint {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
transform: translate(-50%,-10px);
|
||||
max-width: 185px;
|
||||
min-width: 185px;
|
||||
padding: 10px;
|
||||
background-color: $accent;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
z-index: 999999;
|
||||
opacity: 0;
|
||||
font-size: 14px;
|
||||
visibility: hidden;
|
||||
transition: .3s ease;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
border: 5px solid transparent;
|
||||
border-top-color: $accent;
|
||||
left: 50%;
|
||||
bottom: -10px;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
transform: translateX(2px);
|
||||
}
|
||||
}
|
||||
& > i {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
font-size: 14px;
|
||||
color: $color_muted;
|
||||
display: inline-block;
|
||||
|
||||
&:before {
|
||||
content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%238c99a5%22%20d%3D%22M6.158%204.028a.765.765%200%201%200%201.529-.002.765.765%200%200%200-1.53.002zm.765%206.5a.573.573%200%200%200%20.573-.574v-3.44a.572.572%200%201%200-1.147%200v3.44c0%20.317.258.574.574.574zm-.002-8.794a5.168%205.168%200%200%201%205.163%205.16%205.169%205.169%200%200%201-5.163%205.163%205.168%205.168%200%200%201-5.16-5.162%205.168%205.168%200%200%201%205.16-5.161zm0%2011.47c3.48%200%206.311-2.83%206.311-6.31A6.318%206.318%200%200%200%206.922.587%206.315%206.315%200%200%200%20.613%206.895c0%203.48%202.83%206.309%206.307%206.309z%22%2F%3E%3C%2Fsvg%3E);
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
& > i {
|
||||
opacity: 1;
|
||||
color: $accent;
|
||||
|
||||
&:before {
|
||||
content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%232985f7%22%20d%3D%22M6.158%204.028a.765.765%200%201%200%201.529-.002.765.765%200%200%200-1.53.002zm.765%206.5a.573.573%200%200%200%20.573-.574v-3.44a.572.572%200%201%200-1.147%200v3.44c0%20.317.258.574.574.574zm-.002-8.794a5.168%205.168%200%200%201%205.163%205.16%205.169%205.169%200%200%201-5.163%205.163%205.168%205.168%200%200%201-5.16-5.162%205.168%205.168%200%200%201%205.16-5.161zm0%2011.47c3.48%200%206.311-2.83%206.311-6.31A6.318%206.318%200%200%200%206.922.587%206.315%206.315%200%200%200%20.613%206.895c0%203.48%202.83%206.309%206.307%206.309z%22%2F%3E%3C%2Fsvg%3E);
|
||||
}
|
||||
}
|
||||
.hint {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//.wpcfto-icon-info {
|
||||
// background: transparent url(../images/stm-icon-info.svg) no-repeat center center;
|
||||
//}
|
||||
|
||||
//.wpcfto-box {
|
||||
// .wpcfto-box-child {
|
||||
//
|
||||
// }
|
||||
// &.column-1 {
|
||||
//
|
||||
// }
|
||||
// &:not(.column-1) {
|
||||
// .wpcfto_field_hint {
|
||||
// position: absolute;
|
||||
// right: 25px;
|
||||
// top: 11px;
|
||||
//
|
||||
// .hint {
|
||||
// right: -15px;
|
||||
// left: auto;
|
||||
// bottom: 25px;
|
||||
// transform: translateX(0);
|
||||
//
|
||||
// &::after {
|
||||
// left: auto;
|
||||
// right: 18px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .wpcfto_generic_field__text {
|
||||
// .wpcfto_field_hint {
|
||||
// margin: 0;
|
||||
// top: 16px;
|
||||
// }
|
||||
// }
|
||||
// &.checkbox {
|
||||
// .wpcfto_field_hint {
|
||||
// position: static;
|
||||
// transform: translateX(-60px);
|
||||
// }
|
||||
// &.is_pro {
|
||||
// & {
|
||||
// display: block;
|
||||
// }
|
||||
// .wpcfto_field_hint {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
||||
|
||||
/*First hint shows on bottom*/
|
||||
.wpcfto-tab {
|
||||
.container {
|
||||
.row {
|
||||
.column {
|
||||
.wpcfto-box {
|
||||
&:first-child {
|
||||
.wpcfto_field_hint>.hint {
|
||||
top: 100%;
|
||||
bottom: auto;
|
||||
transform: translate(-50%,10px);
|
||||
&:after {
|
||||
bottom: auto;
|
||||
top: -10px;
|
||||
transform: translateX(2px) rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
18
vendor/wpcfto/metaboxes/assets/scss/components/_hint_textarea.scss
vendored
Normal file
18
vendor/wpcfto/metaboxes/assets/scss/components/_hint_textarea.scss
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
.wpcfto_generic_field {
|
||||
.hints {
|
||||
margin: 0 0 15px;
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 3px 10px;
|
||||
margin-right: 10px;
|
||||
background-color: #f1f1f1;
|
||||
border: 1px dashed #c1c0c3;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
241
vendor/wpcfto/metaboxes/assets/scss/components/_icon_picker.scss
vendored
Normal file
241
vendor/wpcfto/metaboxes/assets/scss/components/_icon_picker.scss
vendored
Normal file
@@ -0,0 +1,241 @@
|
||||
.custom-shadow {
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.custom-shadow-sm {
|
||||
//box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
/* In FontawesomePicker.vue <style scoped lang="scss" /> */
|
||||
|
||||
.icon-preview-fade-enter-active, .icon-preview-fade-leave-active {
|
||||
transition: opacity .25s;
|
||||
}
|
||||
|
||||
.icon-preview-fade-enter, .icon-preview-fade-leave-to /* .fade-leave-active below version 2.1.8 */
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.preview-container {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
top: 120px;
|
||||
background-color: #ffffff;
|
||||
z-index: 9999999;
|
||||
|
||||
//&::before {
|
||||
// content: "";
|
||||
// border: 10px solid transparent;
|
||||
// border-bottom-color: #fff;
|
||||
// position: absolute;
|
||||
// top: -40px;
|
||||
// left: 40px;
|
||||
// z-index: 9;
|
||||
//}
|
||||
}
|
||||
|
||||
.previewer {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
max-height: 500px;
|
||||
overflow: auto;
|
||||
border: 1px solid #bec5cb;
|
||||
background: white;
|
||||
padding: 20px;
|
||||
top: -20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
|
||||
.icon-preview {
|
||||
text-align: center;
|
||||
.icon-wrapper {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
color: $color_muted;
|
||||
transition: ease-in-out all .25s;
|
||||
|
||||
&:hover, &.selected {
|
||||
background-color: #f2f5f8;
|
||||
color: $color_main;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field__iconpicker__icon {
|
||||
padding: 10px;
|
||||
background-color: rgba(255,255,255,.5);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.wpcfto-box {
|
||||
&.column-1,
|
||||
.wpcfto-box-child.column-1 {
|
||||
.wpcfto_generic_field {
|
||||
&.wpcfto_generic_field__iconpicker {
|
||||
display: block;
|
||||
|
||||
.wpcfto_generic_field, input {
|
||||
//flex: 1;
|
||||
}
|
||||
}
|
||||
.wpcfto_generic_field__text {
|
||||
// display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_iconpicker {
|
||||
& {
|
||||
position: relative;
|
||||
}
|
||||
& > .wpcfto-field-content {
|
||||
display: flex;
|
||||
}
|
||||
.wpcfto-field-aside {
|
||||
|
||||
}
|
||||
.wpcfto_generic_field__inner {
|
||||
width: 100%;
|
||||
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding-right: 20px;
|
||||
margin-bottom: 1.8em;
|
||||
.wpcfto-field-aside {
|
||||
width: 100%;
|
||||
padding-right: 0;
|
||||
}
|
||||
.wpcfto-field-content {
|
||||
width: 100%;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin: 0 0 0.8em;
|
||||
}
|
||||
input:not(.range-slider-hidden) {
|
||||
width: 100%;
|
||||
}
|
||||
&.wpcfto_generic_field_range_slider {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
.wpcfto-field-aside {
|
||||
label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.wpcfto_range_slider {
|
||||
min-width: 290px;
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
padding-top: 0;
|
||||
.range-slider-hidden {
|
||||
position: absolute;
|
||||
display: block !important;
|
||||
width: 100px;
|
||||
padding-right: 50px;
|
||||
top: 0;
|
||||
right: -120px;
|
||||
text-align: center;
|
||||
}
|
||||
.wpcfto_range_slider__pin {
|
||||
display: none;
|
||||
}
|
||||
.wpcfto_field_addon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 40px;
|
||||
line-height: 26px;
|
||||
padding: 6px 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: $color_muted;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border: 1px solid #bec5cb;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
.wpcfto_range_slider_custom_input {
|
||||
position: absolute;
|
||||
right: 35px;
|
||||
top: 0;
|
||||
padding-right: 6px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
max-width: 70px;
|
||||
height: 40px;
|
||||
}
|
||||
.range-slider {
|
||||
& {
|
||||
padding-right: 120px;
|
||||
.range-slider-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.range-slider-inner {
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon-preview-wrap {
|
||||
& {
|
||||
align-self: flex-start;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin: 0 0 0.8em;
|
||||
}
|
||||
.icon-preview-inner {
|
||||
width: 121px;
|
||||
height: 121px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_group_started {
|
||||
.wpcfto_generic_field_iconpicker {
|
||||
.wpcfto_generic_field__inner {
|
||||
.wpcfto_generic_field {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
129
vendor/wpcfto/metaboxes/assets/scss/components/_image.scss
vendored
Normal file
129
vendor/wpcfto/metaboxes/assets/scss/components/_image.scss
vendored
Normal file
@@ -0,0 +1,129 @@
|
||||
.stm_metaboxes_grid__inner .wpcfto_generic_field.wpcfto_generic_field_image {
|
||||
& {
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
}
|
||||
.wpcfto-field-aside {
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
.wpcfto_field_title {
|
||||
display: block;
|
||||
max-width: 35%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wpcfto-image {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
//width: 60%;
|
||||
width: 100%;
|
||||
min-height: 40px;
|
||||
&.has-image {
|
||||
display: block;
|
||||
.image-field {
|
||||
float: left;
|
||||
}
|
||||
.actions {
|
||||
& {
|
||||
margin: 18px 0 0 0;
|
||||
float: left;
|
||||
}
|
||||
.button {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
&.button-remove {
|
||||
background-color: $color_muted;
|
||||
border-color: $color_muted;
|
||||
&:hover {
|
||||
background-color: darken($color_muted, 5%) !important;
|
||||
border-color: darken($color_muted, 5%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.field-description {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.not_image {
|
||||
.wpcfto-image {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.actions {
|
||||
.button {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
&.button-remove {
|
||||
background-color: $color_muted;
|
||||
border-color: $color_muted;
|
||||
&:hover {
|
||||
background-color: darken($color_muted, 5%) !important;
|
||||
border-color: darken($color_muted, 5%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.wpcfto-image {
|
||||
.image-field {
|
||||
background-color: #d2d6da;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
margin: 18px 15px 0 0;
|
||||
max-width: 180px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.wpcfto-input-url {
|
||||
width: 100%;
|
||||
margin-right: 18px;
|
||||
}
|
||||
.actions {
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 27px;
|
||||
margin-right: 0;
|
||||
min-height: auto;
|
||||
height: 40px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
background: $accent;
|
||||
border-color: $accent;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
|
||||
cursor: pointer;
|
||||
letter-spacing: 0;
|
||||
&:hover {
|
||||
background-color: lighten($accent, 5%) !important;
|
||||
border-color: lighten($accent, 5%) !important;
|
||||
}
|
||||
i {
|
||||
display: inline;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
73
vendor/wpcfto/metaboxes/assets/scss/components/_image_select.scss
vendored
Normal file
73
vendor/wpcfto/metaboxes/assets/scss/components/_image_select.scss
vendored
Normal file
@@ -0,0 +1,73 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_field.wpcfto_generic_field_image_select {
|
||||
& {
|
||||
display: flex;
|
||||
align-items: initial;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.wpcfto_field_title {
|
||||
label {
|
||||
display: block;
|
||||
margin: 0;
|
||||
}
|
||||
.field-description {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto_image_select {
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
label {
|
||||
& {
|
||||
text-align: center;
|
||||
margin: 0 32px 0 0;
|
||||
}
|
||||
.wpcfto-img-wrap {
|
||||
display: block;
|
||||
min-width: auto !important;
|
||||
overflow: hidden;
|
||||
margin: 0 0 15px;;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
input[type="radio"] {
|
||||
width: auto !important;
|
||||
border-color: $color_muted;
|
||||
|
||||
&:checked {
|
||||
& {
|
||||
border-color: $accent;
|
||||
background-color: $accent;
|
||||
}
|
||||
&::before {
|
||||
background-color: #fff;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
.wpcfto-img-alt {
|
||||
color: $color_muted;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
&.active {
|
||||
.wpcfto-img-wrap {
|
||||
border-color: $accent;
|
||||
}
|
||||
.wpcfto-img-alt {
|
||||
color: $color_main;
|
||||
}
|
||||
}
|
||||
& + label {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
30
vendor/wpcfto/metaboxes/assets/scss/components/_import_export.scss
vendored
Normal file
30
vendor/wpcfto/metaboxes/assets/scss/components/_import_export.scss
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto-box-import_export {
|
||||
background-color: transparent;
|
||||
.wpcfto_import_export {
|
||||
width: 100%;
|
||||
&__export {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
&__import {
|
||||
textarea {
|
||||
min-height: 150px;
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
&_notice {
|
||||
padding: 15px 30px;
|
||||
margin: 15px 0;
|
||||
background-color: #E53935;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.loading_import {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
86
vendor/wpcfto/metaboxes/assets/scss/components/_input.scss
vendored
Normal file
86
vendor/wpcfto/metaboxes/assets/scss/components/_input.scss
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
.stm_metaboxes_grid {
|
||||
select,
|
||||
textarea,
|
||||
input[type=number],
|
||||
input[type=email],
|
||||
input[type=phone],
|
||||
input[type=date],
|
||||
input[type=time],
|
||||
input[type=text] {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #f6f9fc;
|
||||
height: 40px;
|
||||
padding: 8px 16px;
|
||||
&:focus,
|
||||
&:active {
|
||||
border-color: $accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner .stm-curriculum .stm-curriculum-list .stm-curriculum-single-name input,
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner .stm-curriculum .stm-curriculum-list .stm-curriculum-single.section input {
|
||||
box-shadow: none !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
& {
|
||||
position: relative;
|
||||
display: table;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.form-control {
|
||||
margin: 0;
|
||||
}
|
||||
.form-control,
|
||||
&-addon,
|
||||
&-btn {
|
||||
display: table-cell;
|
||||
&:first-child,
|
||||
&:first-child,
|
||||
&:first-child>.btn,
|
||||
&:first-child>.btn-group>.btn,
|
||||
&:last-child>.btn-group:not(:last-child)>.btn {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
&:last-child,
|
||||
&:last-child,
|
||||
&:first-child>.btn-group:not(:first-child)>.btn,
|
||||
&:first-child>.btn:not(:first-child),
|
||||
&:last-child>.btn, .input-group-btn:last-child>.btn-group>.btne {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&-addon {
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
color: $color_muted;
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #bec5cb;
|
||||
border-radius: 5px;
|
||||
&:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
&-addon,
|
||||
&-btn {
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
150
vendor/wpcfto/metaboxes/assets/scss/components/_is_pro.scss
vendored
Normal file
150
vendor/wpcfto/metaboxes/assets/scss/components/_is_pro.scss
vendored
Normal file
@@ -0,0 +1,150 @@
|
||||
.stm_metaboxes_grid {
|
||||
|
||||
&__inner {
|
||||
.stm_lms_certificate_banner {
|
||||
.certificate_banner {
|
||||
width: 100%;
|
||||
padding: 0 20px;
|
||||
img {
|
||||
margin-bottom: 0 !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.is_pro {
|
||||
position: relative;
|
||||
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
.pro-notice {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: $color_muted;
|
||||
position: relative;
|
||||
z-index: 101;
|
||||
margin: 0 20px 0 0;
|
||||
white-space: nowrap;
|
||||
width: 20%;
|
||||
order: 3;
|
||||
|
||||
a {
|
||||
margin-left: 4px;
|
||||
color: $accent;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_field_hint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field {
|
||||
label {
|
||||
color: $color_muted;
|
||||
}
|
||||
}
|
||||
|
||||
.field_overlay {
|
||||
}
|
||||
|
||||
/*DRIP*/
|
||||
&.drip_content {
|
||||
.field_overlay {
|
||||
top: -8px;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.pro-notice {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.field_overlay {
|
||||
background: rgba(255,255,255,0.4);
|
||||
}
|
||||
}
|
||||
.certificate_banner {
|
||||
width: 100%;
|
||||
padding: 0 20px 0 0;
|
||||
& {
|
||||
padding: 20px;
|
||||
}
|
||||
.field_overlay {
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.pro-notice {
|
||||
display: block;
|
||||
margin: 0 0 0.8em;
|
||||
}
|
||||
a {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
img {
|
||||
max-width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.field_overlay {
|
||||
background: rgba(255,255,255,0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto_generic_field {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.is_pro_in_addon {
|
||||
.pro-notice {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
a {
|
||||
padding: 7px 10px;
|
||||
margin: 0 3px 0 10px;
|
||||
background: $main_color;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.wpcfto_generic_field label:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-field-pro-content {
|
||||
.pro-notice {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_group_started,
|
||||
.preopen_field_wrapper {
|
||||
position: relative;
|
||||
|
||||
.is_pro {
|
||||
position: static;
|
||||
.field_overlay {
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.is_pro {
|
||||
&.sale_price_dates {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
53
vendor/wpcfto/metaboxes/assets/scss/components/_link_color.scss
vendored
Normal file
53
vendor/wpcfto/metaboxes/assets/scss/components/_link_color.scss
vendored
Normal file
@@ -0,0 +1,53 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_field_link_color {
|
||||
font-size: 0;
|
||||
.wpcfto_field_title {
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: unset;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
.field-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.wpcfto_link_color {
|
||||
display: flex;
|
||||
.wpcfto_link_color_group {
|
||||
& {
|
||||
width: 100%;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
input {
|
||||
vertical-align: middle;
|
||||
width: calc(100% - 52px) !important;
|
||||
display: initial !important;
|
||||
}
|
||||
+ .wpcfto_link_color_group {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.stm_colorpicker_wrapper {
|
||||
position: relative;
|
||||
& > span:not(.description) {
|
||||
background-color: #f6f9fc;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #bec5cb;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
66
vendor/wpcfto/metaboxes/assets/scss/components/_multi_input.scss
vendored
Normal file
66
vendor/wpcfto/metaboxes/assets/scss/components/_multi_input.scss
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
.wpcfto_generic_field_multi_input {
|
||||
.wpcfto-field-aside {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_multi_input_label {
|
||||
cursor: move;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_multi_input {
|
||||
.wpcfto_sorter {
|
||||
& {
|
||||
min-width: 280px;
|
||||
width: auto;
|
||||
}
|
||||
.list-group {
|
||||
& {
|
||||
padding: 0;
|
||||
}
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
position: relative;
|
||||
input {
|
||||
width: 100%;
|
||||
padding-right: 40px;
|
||||
border: 1px dashed #8c99a5;
|
||||
|
||||
&:focus {
|
||||
border-color: $accent;
|
||||
}
|
||||
}
|
||||
&.sortable-chosen {
|
||||
input {
|
||||
border-color: $accent;
|
||||
box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
&.sortable-ghost {
|
||||
opacity: 0;
|
||||
}
|
||||
&:not(:last-of-type){
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.wpcfto_multi_input_icon {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: $accent;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 0 5px 5px 0;
|
||||
i {
|
||||
font-size: 14px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
45
vendor/wpcfto/metaboxes/assets/scss/components/_multimedia.scss
vendored
Normal file
45
vendor/wpcfto/metaboxes/assets/scss/components/_multimedia.scss
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
.wpcfto-multimedia {
|
||||
margin: 0 0 30px;
|
||||
border: .1rem solid #d1d1d1;
|
||||
border-radius: 5px;
|
||||
&__single {
|
||||
padding: 10px 15px;
|
||||
border-bottom: .1rem solid #d1d1d1;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
&__actions {
|
||||
text-align: right;
|
||||
.lnr {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
transition: .3s ease;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
&:hover {
|
||||
color: #2196F3;
|
||||
}
|
||||
&-trash {
|
||||
&:hover {
|
||||
color: #EF9A9A;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__image {
|
||||
margin: 20px 0;
|
||||
max-width: 150px;
|
||||
img {
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
17
vendor/wpcfto/metaboxes/assets/scss/components/_multiselect.scss
vendored
Normal file
17
vendor/wpcfto/metaboxes/assets/scss/components/_multiselect.scss
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
.wpcfto_generic_field_multiselect {
|
||||
|
||||
.wpcfto-field-aside {
|
||||
&__label {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.multiselect {
|
||||
.multiselect__input {
|
||||
box-shadow: none !important;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
44
vendor/wpcfto/metaboxes/assets/scss/components/_notice.scss
vendored
Normal file
44
vendor/wpcfto/metaboxes/assets/scss/components/_notice.scss
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
|
||||
.wpcfto_generic_field__notice {
|
||||
|
||||
display: block;
|
||||
padding: 0 0 0 20px;
|
||||
margin: 30px 0 15px;
|
||||
background-color: transparent;
|
||||
min-height: auto;
|
||||
|
||||
&.first {
|
||||
margin-top: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
color: $color_main;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wpcfto-box.enable_courses_filter_notice {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.wpcfto-box-notice {
|
||||
min-height: auto;
|
||||
background-color: transparent;
|
||||
.wpcfto_generic_field__notice {
|
||||
margin: 15px 0;
|
||||
padding: 0;
|
||||
label {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
36
vendor/wpcfto/metaboxes/assets/scss/components/_notice_banner.scss
vendored
Normal file
36
vendor/wpcfto/metaboxes/assets/scss/components/_notice_banner.scss
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
.notice_banner {
|
||||
background-color: transparent;
|
||||
}
|
||||
.wpcfto_generic_field {
|
||||
&.wpcfto_generic_field__notice_banner {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 2px 0 20px 20px;
|
||||
min-height: auto;
|
||||
background-color: rgb(253, 253, 228);
|
||||
filter: drop-shadow(3px 5.196px 16px rgba(0, 0, 0, 0.2));
|
||||
border-radius: 10px;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
left: 8px;
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 0 5px 8px 5px;
|
||||
border-color: transparent transparent rgb(253, 253, 228) transparent;
|
||||
}
|
||||
|
||||
label {
|
||||
margin: 0;
|
||||
color: #2a2e33;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
37
vendor/wpcfto/metaboxes/assets/scss/components/_payment_methods.scss
vendored
Normal file
37
vendor/wpcfto/metaboxes/assets/scss/components/_payment_methods.scss
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
.stm_metaboxes_grid {
|
||||
&__inner {
|
||||
.wpcfto-box.payment_methods {
|
||||
.stm-lms-payments {
|
||||
padding: 16px 20px 18px;
|
||||
width: 100%;
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input[type=number],
|
||||
input[type=time],
|
||||
input[type=text] {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.stm-lms-payment_method {
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.wpcfto_checkbox {
|
||||
margin-bottom: 15px;
|
||||
display: block;
|
||||
}
|
||||
.stm-lms-payment_info {
|
||||
& {
|
||||
|
||||
}
|
||||
&_field {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
27
vendor/wpcfto/metaboxes/assets/scss/components/_preopen_field.scss
vendored
Normal file
27
vendor/wpcfto/metaboxes/assets/scss/components/_preopen_field.scss
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
html body .stm_metaboxes_grid {
|
||||
|
||||
&__inner {
|
||||
.preopen_field_wrapper {
|
||||
width: 100%;
|
||||
margin: 0 5px;
|
||||
.wpcfto_generic_field.wpcfto_generic_field_flex_input,
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
margin: 10px -5px 0;
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
.wpcfto_field_hint {
|
||||
.wpcfto_generic_field.wpcfto_generic_field_flex_input {
|
||||
input {
|
||||
margin-right: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
96
vendor/wpcfto/metaboxes/assets/scss/components/_radio.scss
vendored
Normal file
96
vendor/wpcfto/metaboxes/assets/scss/components/_radio.scss
vendored
Normal file
@@ -0,0 +1,96 @@
|
||||
//.wpcfto-box {
|
||||
// &:not(.column-1),
|
||||
// .wpcfto-box-child:not(.column-1) {
|
||||
// .wpcfto_generic_radio {
|
||||
// .wpcfto-admin-radio > label {
|
||||
// display: block;
|
||||
// margin-bottom: .8em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_radio {
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.wpcfto-admin-radio {
|
||||
& > label {
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.wpcfto-radio {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.wpcfto-radio {
|
||||
input {
|
||||
position: relative;
|
||||
top: 0;
|
||||
vertical-align: middle;
|
||||
margin: 0 !important;
|
||||
}
|
||||
& > label {
|
||||
font-size: 15px;
|
||||
font-weight: 400 !important;
|
||||
background-color: #fff;
|
||||
padding: 11px 13px;
|
||||
display: inline-block;
|
||||
margin: 7px 18px 7px 0;
|
||||
position: relative;
|
||||
transition: background-color 0.3s ease 0s;
|
||||
border-radius: 5px;
|
||||
|
||||
.radio-option-text {
|
||||
vertical-align: middle;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.wpcfto_preview {
|
||||
vertical-align: middle;
|
||||
//top: 2px;
|
||||
}
|
||||
input {
|
||||
}
|
||||
|
||||
&:hover, &.active {
|
||||
background-color: #f6f9fc;
|
||||
}
|
||||
}
|
||||
input[type=radio]:checked {
|
||||
& {
|
||||
border-color: $accent;
|
||||
background-color: $accent;
|
||||
}
|
||||
&::before {
|
||||
background-color: #fff;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.section_quiz_settings-quiz_style,
|
||||
.section_settings-status {
|
||||
margin: 0 0 10px !important;
|
||||
.wpcfto-radio {
|
||||
margin: 0 0 10px;
|
||||
display: flex;
|
||||
label {
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section_quiz_settings-quiz_style {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
116
vendor/wpcfto/metaboxes/assets/scss/components/_range_slider.scss
vendored
Normal file
116
vendor/wpcfto/metaboxes/assets/scss/components/_range_slider.scss
vendored
Normal file
@@ -0,0 +1,116 @@
|
||||
.wpcfto_range_slider {
|
||||
position: relative;
|
||||
padding: 25px 0 20px;
|
||||
&__pin {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
width: auto;
|
||||
min-width: 37px;
|
||||
height: 20px;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
transform: translateX(-50%);
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border: 4px solid transparent;
|
||||
border-top-color: #fff;
|
||||
bottom: -8px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .slider_r {
|
||||
.wpcfto_generic_field_range_slider {
|
||||
& {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.wpcfto_field_title {
|
||||
& {
|
||||
width: 30%;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
.field-description {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.range-slider {
|
||||
display: block;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.range-slider.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.range-slider-inner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.range-slider-rail,
|
||||
.range-slider-fill {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
height: 8px;
|
||||
border-radius: 100px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.range-slider-rail {
|
||||
width: 100%;
|
||||
background-color: #f6f9fc;
|
||||
height: 8px;
|
||||
border-radius: 100px;
|
||||
border: 1px solid #bec5cb;
|
||||
}
|
||||
|
||||
.range-slider-fill {
|
||||
background-color: $accent;
|
||||
}
|
||||
|
||||
.range-slider-knob {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
|
||||
background-color: #2985f7;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.range-slider-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
212
vendor/wpcfto/metaboxes/assets/scss/components/_repeater.scss
vendored
Normal file
212
vendor/wpcfto/metaboxes/assets/scss/components/_repeater.scss
vendored
Normal file
@@ -0,0 +1,212 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner {
|
||||
|
||||
.wpcfto-box.repeater {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpcfto-repeater {
|
||||
|
||||
> label {
|
||||
margin: 0 0 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
border-bottom: 1px solid #d6dade;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
&-single {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0 0 2.5rem;
|
||||
background-color: transparent;
|
||||
border-radius: 3px;
|
||||
|
||||
.wpcfto_group_title {
|
||||
padding: 0 0px 10px;
|
||||
margin: 0 0 15px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.wpcfto-field-aside {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wpcfto-admin-select {
|
||||
width: 100%;
|
||||
|
||||
select {
|
||||
max-width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
margin-bottom: 0.8em !important;
|
||||
}
|
||||
|
||||
.repeater_inner {
|
||||
& {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-delete {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 0px;
|
||||
color: $color_muted;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
transition: 0.2s ease 0s;
|
||||
|
||||
i {
|
||||
vertical-align: baseline;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color_main;
|
||||
}
|
||||
}
|
||||
|
||||
&-key {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 50px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
content: attr(data-number);
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
left: 19px;
|
||||
display: block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
border-radius: 50%;
|
||||
background-color: #195ec8;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: attr(data-tab);
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 50px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto-repeater-field {
|
||||
width: 100%;
|
||||
margin: 0 0 30px;
|
||||
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.wpcfto-admin-checkbox,
|
||||
.wpcfto-radio {
|
||||
& {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
width: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
> div {
|
||||
margin-bottom: 0;
|
||||
|
||||
.field_label__file {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field__typography,
|
||||
.wpcfto_generic_field_iconpicker {
|
||||
display: block;
|
||||
> .wpcfto-field-aside {
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.wpcfto-field-content {
|
||||
width: 100%;
|
||||
.field-label,
|
||||
label {
|
||||
font-size: 12px;
|
||||
}
|
||||
.wpcfto_generic_field {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.addArea {
|
||||
height: 40px;
|
||||
background-color: $accent;
|
||||
border-color: $accent;
|
||||
color: $white;
|
||||
padding: 13px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: 14px;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
transition: all 0.3s ease 0s;
|
||||
cursor: pointer;
|
||||
|
||||
i {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:hover, &:focus, &:active:focus {
|
||||
background-color: lighten($accent, 5%);
|
||||
border-color: lighten($accent, 5%);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
14
vendor/wpcfto/metaboxes/assets/scss/components/_select.scss
vendored
Normal file
14
vendor/wpcfto/metaboxes/assets/scss/components/_select.scss
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
.wpcfto-box {
|
||||
.wpcfto-admin-select {
|
||||
width: 100%;
|
||||
select {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wpcfto_generic_field__select {
|
||||
.wpcfto-field-aside {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
106
vendor/wpcfto/metaboxes/assets/scss/components/_sorter.scss
vendored
Normal file
106
vendor/wpcfto/metaboxes/assets/scss/components/_sorter.scss
vendored
Normal file
@@ -0,0 +1,106 @@
|
||||
.stm_metaboxes_grid {
|
||||
.wpcfto_generic_field_sorter {
|
||||
& {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 27px 20px;
|
||||
align-items: initial;
|
||||
.wpcfto-field-aside {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
.wpcfto_field_title {
|
||||
& {
|
||||
max-width: 40%;
|
||||
padding-right: 15px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.field-description {
|
||||
margin-top: 15px;
|
||||
display: block;
|
||||
}
|
||||
.wpcfto_sorter {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.list-group {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
padding: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
cursor: move;
|
||||
border-radius: 5px;
|
||||
border: 1px dashed $color_muted;
|
||||
background-color: #f6f9fc;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
color: $color_main;
|
||||
padding: 10px;
|
||||
|
||||
&.sortable-chosen {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
&:hover {
|
||||
color: $accent;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_sorter {
|
||||
margin: 15px 0;
|
||||
display: block;
|
||||
text-align: justify;
|
||||
font-size: 0;
|
||||
width: 60%;
|
||||
min-width: 490px;
|
||||
|
||||
&::after {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&_single {
|
||||
display: inline-block;
|
||||
min-width: 225px;
|
||||
width: calc(50% - 20px);
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #ffffff;
|
||||
vertical-align: top;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
height: 40px;
|
||||
background-color: $accent;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
54
vendor/wpcfto/metaboxes/assets/scss/components/_spacing.scss
vendored
Normal file
54
vendor/wpcfto/metaboxes/assets/scss/components/_spacing.scss
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
.stm_metaboxes_grid__inner {
|
||||
.wpcfto_generic_field_spacing {
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.wpcfto_spacing {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wpcfto-spacing-input-wrap {
|
||||
& {
|
||||
width: 90px;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
position: relative;
|
||||
}
|
||||
&::before {
|
||||
content: "";
|
||||
background-color: $color_muted;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: block;
|
||||
transition: 0.3s ease 0s;
|
||||
border-radius: 5px 0 0 5px;
|
||||
}
|
||||
&:hover, &.focused {
|
||||
&::before {
|
||||
background-color: $accent;
|
||||
}
|
||||
}
|
||||
i {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 50%;
|
||||
margin: -9px 0 0 0;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
input {
|
||||
width: 50px;
|
||||
margin: 0;
|
||||
padding: 8px 4px;
|
||||
text-align: center;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
}
|
||||
select {
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
11
vendor/wpcfto/metaboxes/assets/scss/components/_submenu.scss
vendored
Normal file
11
vendor/wpcfto/metaboxes/assets/scss/components/_submenu.scss
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
.wpcfto-submenus {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpcfto-nav {
|
||||
&.active {
|
||||
.wpcfto-submenus {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
19
vendor/wpcfto/metaboxes/assets/scss/components/_taxonomy_meta.scss
vendored
Normal file
19
vendor/wpcfto/metaboxes/assets/scss/components/_taxonomy_meta.scss
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
.wpcfto_image_field {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
&__holder {
|
||||
width: 100%;
|
||||
min-width: 50px;
|
||||
min-height: 50px;
|
||||
margin: 0 0 30px;
|
||||
background-color: #aaa;
|
||||
img {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
15
vendor/wpcfto/metaboxes/assets/scss/components/_text.scss
vendored
Normal file
15
vendor/wpcfto/metaboxes/assets/scss/components/_text.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
//.wpcfto-box {
|
||||
// &.column-1 .wpcfto-box-child.column-1 {
|
||||
// .wpcfto_generic_field__text {
|
||||
// .wpcfto-field-aside {
|
||||
// margin-bottom: 1em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
.wpcfto_generic_field_flex_input {
|
||||
.wpcfto-field-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
7
vendor/wpcfto/metaboxes/assets/scss/components/_textarea.scss
vendored
Normal file
7
vendor/wpcfto/metaboxes/assets/scss/components/_textarea.scss
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
.wpcfto_generic_field,
|
||||
.wpcfto_generic_field_textarea {
|
||||
textarea {
|
||||
height: auto;
|
||||
min-height: 80px;
|
||||
}
|
||||
}
|
||||
25
vendor/wpcfto/metaboxes/assets/scss/components/_theme-milligram.scss
vendored
Normal file
25
vendor/wpcfto/metaboxes/assets/scss/components/_theme-milligram.scss
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner label,
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner legend {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=search],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=tel],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=text],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=time],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=url],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=email],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=number],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner input[type=password],
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner select,
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner textarea {
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: 2.6rem;
|
||||
}
|
||||
|
||||
.stm_metaboxes_grid .stm_metaboxes_grid__inner .container {
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
26
vendor/wpcfto/metaboxes/assets/scss/components/_timepicker.scss
vendored
Normal file
26
vendor/wpcfto/metaboxes/assets/scss/components/_timepicker.scss
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
.time {
|
||||
.wpcfto_generic_field {
|
||||
&.wpcfto_generic_field_time {
|
||||
input {
|
||||
width: auto;
|
||||
min-width: 210px;
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
display: block;
|
||||
&[type="time"]::-webkit-calendar-picker-indicator {
|
||||
background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%238c99a5%22%20d%3D%22M256%2C8C119%2C8%2C8%2C119%2C8%2C256S119%2C504%2C256%2C504%2C504%2C393%2C504%2C256%2C393%2C8%2C256%2C8Zm92.49%2C313h0l-20%2C25a16%2C16%2C0%2C0%2C1-22.49%2C2.5h0l-67-49.72a40%2C40%2C0%2C0%2C1-15-31.23V112a16%2C16%2C0%2C0%2C1%2C16-16h32a16%2C16%2C0%2C0%2C1%2C16%2C16V256l58%2C42.5A16%2C16%2C0%2C0%2C1%2C348.49%2C321Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 14px 14px;
|
||||
transform: translate(3px,-3px);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 30px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
83
vendor/wpcfto/metaboxes/assets/scss/components/_typography.scss
vendored
Normal file
83
vendor/wpcfto/metaboxes/assets/scss/components/_typography.scss
vendored
Normal file
@@ -0,0 +1,83 @@
|
||||
.wpcfto_generic_field__typography {
|
||||
&.wpcfto_generic_field {
|
||||
padding: 27px 20px 20px;
|
||||
}
|
||||
|
||||
.wpcfto-field-aside {
|
||||
//align-self: flex-start;
|
||||
//max-width: 30%;
|
||||
}
|
||||
|
||||
.wpcfto-typography-fields-wrap {
|
||||
//max-width: 70%;
|
||||
& > .row > .column {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.column {
|
||||
& > .column-1,
|
||||
& > .column-50 {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
& > .column-50 {
|
||||
width: calc(50% - 10px);
|
||||
}
|
||||
|
||||
.row {
|
||||
.column {
|
||||
padding: 0;
|
||||
|
||||
& > div {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stm_colorpicker_wrapper {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_color__clear {
|
||||
width: calc(25% - 11px);
|
||||
}
|
||||
|
||||
.field-label {
|
||||
margin-bottom: 1em;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&__preview {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
select, input {
|
||||
width: 100%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.wpcfto_generic_field_color {
|
||||
.wpcfto-field-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.wpcfto_generic_field__typography__preview {
|
||||
border-radius: 5px;
|
||||
border: 1px dashed $color_muted;
|
||||
background-color: #f6f9fc;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
}
|
||||
132
vendor/wpcfto/metaboxes/assets/scss/components/_v-select.scss
vendored
Normal file
132
vendor/wpcfto/metaboxes/assets/scss/components/_v-select.scss
vendored
Normal file
@@ -0,0 +1,132 @@
|
||||
.dropdown.v-select {
|
||||
.dropdown-toggle {
|
||||
border: .1rem solid #d1d1d1;
|
||||
height: 2.6rem !important;
|
||||
.clear {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
input[type="search"] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 0 30px 0 15px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.open-indicator {
|
||||
bottom: 7px;
|
||||
right: 12px;
|
||||
}
|
||||
ul.dropdown-menu {
|
||||
margin: -2px 0 0;
|
||||
padding: 0;
|
||||
border: .1rem solid #d1d1d1;
|
||||
overflow-y: auto;
|
||||
list-style: none;
|
||||
li {
|
||||
margin-bottom: 0;
|
||||
a {
|
||||
padding: 10px 15px;
|
||||
color: #606c76;
|
||||
}
|
||||
&.highlight {
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-options {
|
||||
text-align: left;
|
||||
padding: 15px;
|
||||
}
|
||||
&.open {
|
||||
.open-indicator {
|
||||
bottom: 4px;
|
||||
}
|
||||
}
|
||||
.selected-tag {
|
||||
margin: 8px 15px 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.stm-user-search{
|
||||
.v-select{
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
.selected-tag {
|
||||
margin: 2px 10px 0;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
display: flex;
|
||||
padding: 0px 0px;
|
||||
background: none;
|
||||
border: 0px !important;
|
||||
border-radius: 0px !important;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
height: 30px!important;
|
||||
}
|
||||
.dropdown-menu {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
min-width: 160px;
|
||||
padding: 0px !important;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
overflow-y: scroll;
|
||||
border: 0px !important;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
|
||||
border-top: none;
|
||||
border-radius: 0 !important;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background: #fff;
|
||||
}
|
||||
.spinner {
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
visibility: visible !important;
|
||||
align-self: flex-end;
|
||||
opacity: 0;
|
||||
font-size: 5px;
|
||||
text-indent: -9999em;
|
||||
border: 0 !important;
|
||||
overflow: hidden;
|
||||
transform: none !important;
|
||||
animation: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
.dropdown{
|
||||
&.v-select{
|
||||
.open-indicator{
|
||||
bottom: 2px;
|
||||
}
|
||||
input[type=search] {
|
||||
padding: 5px 10px!important;
|
||||
height: 30px!important;
|
||||
}
|
||||
ul{
|
||||
&.dropdown-menu {
|
||||
li{
|
||||
a{
|
||||
padding: 6px 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
30
vendor/wpcfto/metaboxes/assets/scss/components/_variables.scss
vendored
Normal file
30
vendor/wpcfto/metaboxes/assets/scss/components/_variables.scss
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
// Base
|
||||
$white: #fff;
|
||||
$accent: #2985f7;
|
||||
|
||||
// Backgrounds
|
||||
$bg_head_side: #1e2a36;
|
||||
$bg_head_content: $white;
|
||||
$bg_tab_nav: #2c3e50;
|
||||
$bg_content: #f0f3f5;
|
||||
$bg_blocks: $white;
|
||||
|
||||
// Text
|
||||
$color_head_side: $white;
|
||||
$color_tab_nav: #bec5cb;
|
||||
$color_main: #27374e;
|
||||
$color_muted: #8c99a5;
|
||||
|
||||
// Sizes
|
||||
$side_width: 273px;
|
||||
$content_width: unquote('calc(100% - ' + $side_width + ')');
|
||||
|
||||
$fields_aside_width: 40%;
|
||||
$fields_content_width: 60%;
|
||||
|
||||
// Other
|
||||
$main_color: #195ec8;
|
||||
$secondary_color: #2c3e50;
|
||||
|
||||
// Fonts
|
||||
$main_font: 'Roboto', sans-serif;
|
||||
Reference in New Issue
Block a user