2022-08-04 00:45:25 -04:00
|
|
|
@charset "utf-8";
|
|
|
|
/*General CSS*/
|
|
|
|
.welcome-tabs p { font-size: 15px;}
|
|
|
|
.welcome-tabs h1, .welcome-tabs h2 { font-size: 30px;}
|
|
|
|
.welcome-tabs h3, .welcome-tabs h4 { font-size: 25px;}
|
|
|
|
.welcome-tabs h5, .welcome-tabs h6 { font-size: 20px;}
|
|
|
|
body.events_page_mep_event_quick_setup_page .notice,
|
|
|
|
body.events_page_mep_event_quick_setup_page .error,
|
|
|
|
body.events_page_mep_event_quick_setup_page .updated { display: none !important;}
|
|
|
|
.welcome-tabs .float-right { float: right;}
|
|
|
|
.welcome-tabs .float-left { float: right;}
|
|
|
|
.welcome-tabs .float-none { float: right;}
|
|
|
|
.welcome-tabs.vertical { position: relative;}
|
|
|
|
.welcome-tabs .tab-navs { text-align: center;margin: 0;}
|
|
|
|
.welcome-tabs .tab-nav {
|
|
|
|
padding: 10px 20px;
|
|
|
|
background: #FFF;
|
|
|
|
margin: 4px 25px;
|
|
|
|
border: 1px solid #EEE;
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
|
|
|
border-radius: 3px;
|
|
|
|
position: relative;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
.welcome-tabs .tab-nav.active { background: #2271b1; color: #FFF;border-bottom: 5px solid #000;}
|
|
|
|
.welcome-tabs .tab-nav:after {
|
|
|
|
content: "";
|
|
|
|
width: 60px;
|
|
|
|
height: 2px;
|
|
|
|
top: 40%;
|
|
|
|
right: 0;
|
|
|
|
position: absolute;
|
|
|
|
transform: translate(100%, 50%);
|
|
|
|
border-bottom: 2px dashed #DDD;
|
|
|
|
}
|
|
|
|
.welcome-tabs .tab-nav:last-child:after { width: 0;}
|
|
|
|
.welcome-tabs .tab-nav.done:after { border-bottom: 2px dashed #2FBD1A;}
|
|
|
|
.welcome-tabs .tab-content {
|
|
|
|
padding: 30px;
|
|
|
|
background: #F2f2f2;
|
|
|
|
display: none;
|
|
|
|
max-width: 100%;
|
|
|
|
margin: 40px auto;
|
|
|
|
}
|
|
|
|
.welcome-tabs .tab-content.active { display: block;}
|
|
|
|
.welcome-tabs .next-prev {
|
|
|
|
width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.welcome-tabs .next-prev .prev { display: none; width: auto; transition: all ease 1s;border: 1px solid #555;float: left;}
|
|
|
|
.welcome-tabs .next-prev .next {border: 1px solid #555;float: right;
|
|
|
|
display: inline-block;
|
|
|
|
width: auto;
|
|
|
|
text-align: right;
|
|
|
|
transition: all ease 1s;
|
|
|
|
}
|
2022-08-04 01:23:31 -04:00
|
|
|
.welcome-tabs .wc_status_table .info, .welcome-tabs .wc_status_table input, .welcome-tabs .wc_status_table select {
|
|
|
|
text-align: left!important;
|
|
|
|
float: left;
|
|
|
|
}
|
2022-08-04 00:45:25 -04:00
|
|
|
.welcome-tabs .next-prev span { padding: 15px 20px; display: block; cursor: pointer;font-size: 18px;}
|
|
|
|
.welcome-tabs .next-prev .next:hover, .welcome-tabs .next-prev .prev:hover { background: #444; color: #FFF;}
|
|
|
|
.welcome-tabs .submit-wrap { padding: 10px 0; text-align: center;}
|
|
|
|
.welcome-tabs .submit-wrap input[type="submit"] { padding: 8px 40px; height: auto; font-size: 17px;}
|
|
|
|
.welcome-tabs .section-title { padding: 0 15px; font-size: 16px; font-weight: 600;}
|
|
|
|
.welcome-tabs .section-description { padding: 0 15px; margin-bottom: 25px;}
|
|
|
|
.welcome-tabs .setting-field { margin-bottom: 15px; border-bottom: 1px solid #EEE; padding: 0 15px 15px 15px;}
|
|
|
|
.welcome-tabs .setting-field:last-child { border-bottom: 1px solid #EEE0;}
|
|
|
|
.welcome-tabs .setting-field .field-lable { width: 270px; float: left; font-size: 14px; word-break: break-word;}
|
|
|
|
.welcome-tabs .setting-field .field-input { margin-left: 270px;}
|
|
|
|
.welcome-tabs .setting-field .description { word-break: break-word;}
|
|
|
|
/*field-repeatable-wrapper*/
|
|
|
|
.ppof-settings .repeatable .item-wrap { margin-bottom: 5px; padding-bottom: 0;}
|
|
|
|
.field-repeatable-wrapper .field-list { margin-top: 18px;}
|
|
|
|
.welcome-tabs input[type="text"], .welcome-tabs textarea, .welcome-tabs select, .welcome-tabs input[type="range"] { width: 360px; background: #F1F1F1;}
|
|
|
|
@media (max-width: 1170px) {
|
|
|
|
.welcome-tabs input[type="text"],
|
|
|
|
.welcome-tabs textarea,
|
|
|
|
.welcome-tabs select,
|
|
|
|
.welcome-tabs input[type="range"],
|
|
|
|
.welcome-tabs .select2 { width: 100% !important; }
|
|
|
|
}
|
|
|
|
@media (max-width: 1440px) {
|
|
|
|
.welcome-tabs .setting-field .field-lable { width: auto; float: none; font-size: 14px; }
|
|
|
|
.welcome-tabs .setting-field .field-input { margin-left: 0; }
|
|
|
|
}
|
|
|
|
@media (max-width: 1700px) {
|
|
|
|
.welcome-tabs .setting-field .setting-field .field-lable { width: auto; float: none; font-size: 14px; }
|
|
|
|
.welcome-tabs .setting-field .setting-field .field-input { margin-left: 0; }
|
|
|
|
}
|
|
|
|
.welcome-tabs .pro-feature { background: #FFD87F; padding: 0 5px;}
|
|
|
|
#ttbm_quick_setup {padding: 50px;max-width: 850px;background-color: #FFF;margin: 100px auto;border-radius: 5px;}
|
|
|
|
td.woo_btn_td{text-align: right !important;}
|
|
|
|
.button.setup_save_finish,
|
|
|
|
td.woo_btn_td .button{
|
|
|
|
width: auto;font-size: 20px;font-weight: 500;position: relative;
|
|
|
|
-webkit-justify-content: center;justify-content: center;
|
|
|
|
background-image: -webkit-linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
|
|
|
|
background-image: -moz-linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
|
|
|
|
background-image: linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
|
|
|
|
border-radius: 5px;
|
|
|
|
display: -webkit-inline-flex;display: inline-flex;-webkit-align-items: center;align-items: center;
|
|
|
|
padding: 0 20px;
|
|
|
|
color: #FFF;min-width: 170px;
|
|
|
|
}
|
|
|
|
.setup_save_finish_area{
|
|
|
|
display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;
|
|
|
|
}
|
|
|
|
table.wc_status_table td{vertical-align: middle;font-size: 16px;min-width: 150px;}
|
|
|
|
table.wc_status_table td.woo_btn_td span{font-size: 20px; color: #10dd10;}
|
|
|
|
/*3rd Party*/
|
|
|
|
.welcome-tabs .field-input .CodeMirror { background: #F1F1F1;}
|
|
|
|
.welcome-tabs .addon-list .item { display: inline-block; width: 215px; overflow: hidden; padding: 15px 20px;}
|
|
|
|
.welcome-tabs .addon-list .thumb-wrap img { width: 100%;}
|
|
|
|
.welcome-tabs .addon-list .addon-title { margin: 10px 0; font-size: 17px;}
|
|
|
|
.welcome-tabs .addon-list .addon-link a { text-decoration: none;}
|
|
|
|
div#ttbm_quick_setup .notice {
|
|
|
|
display: none;
|
|
|
|
}
|