mage-eventpress/css/welcome-tabs.css

121 lines
5.4 KiB
CSS
Executable File

@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;
}
.welcome-tabs .wc_status_table .info, .welcome-tabs .wc_status_table input, .welcome-tabs .wc_status_table select {
text-align: left!important;
float: left;
}
.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;
}