Commit inicial - WordPress Análisis de Precios Unitarios

- WordPress core y plugins
- Tema Twenty Twenty-Four configurado
- Plugin allow-unfiltered-html.php simplificado
- .gitignore configurado para excluir wp-config.php y uploads

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
2025-11-03 21:04:30 -06:00
commit a22573bf0b
24068 changed files with 4993111 additions and 0 deletions

View File

@@ -0,0 +1 @@
html.tve-html-editor{overflow:auto}html.tve-html-editor body{overflow:auto}body:before{display:none !important}.tve-ult-body-ribbon #tve_editor{padding:0 !important}.admin-bar .tve-ult-bar{top:32px}.tve_editor_page .tve-ult-bar.tvu-footer.tvu-triggered{bottom:150px}.tve_editor_page.tl-state-collapse .tve-ult-bar.tvu-footer{bottom:0}.tve-ult-widget{margin:0 auto;padding-top:20px;max-width:300px}.tve-ult-widget .thrv_ult_widget{outline:1px dotted #dedede}.tve-ult-widget .thrv_ult_widget.active_highlight,.tve-ult-widget .thrv_ult_widget.active_delete{outline:1px dashed red}.tve-html-editor .cnt{background:#fff;box-shadow:none;margin:0;padding:0}.tve-html-editor .cnt article{margin:0;padding:0}

View File

@@ -0,0 +1,19 @@
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="tcb-icon-ultimatum" viewBox="0 0 32 32">
<path fill="#424242" style="fill: var(--color3, #424242)" d="M16.826 28.949c-0.007 0.016-0.007 0.027-0.020 0.041h0.026l-0.006-0.041z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M16.673 28.949c-0.007 0.016-0.007 0.027-0.020 0.041h0.026l-0.006-0.041z"></path>
<path fill="#59a31d" style="fill: var(--color2, #59a31d)"
d="M26.909 23.986c-0.018 0.016 0.027 0.016-0.051 0.016 0.020-0.016-0.027-0.016 0.051-0.016zM29.339 22.4c-0.922 0-2.854 0.35-3.613 0.502-0.723 0.143-1.668 0.344-2.371 0.619-0.539 0.209-1.055 0.418-1.574 0.678-0.482 0.242-0.955 0.524-1.395 0.842l-0.432 0.318c-0.076 0.057-0.131 0.109-0.207 0.168-0.072 0.059-0.135 0.123-0.203 0.174-0.15 0.113-0.277 0.281-0.42 0.393-0.145 0.113-0.635 0.672-0.762 0.84l-0.461 0.652c-0.445 0.674-0.789 1.479-0.921 2.277-0.046 0.293-0.042 0.447-0.077 0.676-0.001 0.010-0.003 0.021-0.005 0.031v0.354c0.031 0.43 0.148 0.926 0.148 0.965h0.033c0.025-0.303 0.486-1.381 0.6-1.607l0.283-0.531c0.172-0.285 0.353-0.566 0.555-0.832 0.133-0.178 0.271-0.359 0.43-0.52 0.033-0.037 0.033-0.043 0.064-0.082 0.162-0.195 0.375-0.373 0.553-0.555l0.6-0.514c0.023-0.017 0.047-0.033 0.074-0.053l1.053-0.744c0.318-0.188 0.621-0.396 0.943-0.576 0.289-0.162 0.729-0.393 1.010-0.508l0.76-0.338c0.393-0.154 0.789-0.338 1.193-0.469l0.82-0.291c0.146-0.049 0.273-0.090 0.416-0.139 0.123-0.041 0.297-0.117 0.426-0.129l-0.904 0.42c-0.31 0.125-0.871 0.42-1.195 0.584l-0.871 0.467c-0.275 0.16-0.566 0.322-0.836 0.502l-0.801 0.553c-0.051 0.037-0.072 0.061-0.119 0.094-0.027 0.021-0.039 0.029-0.066 0.049l-0.174 0.15c-0.033 0.027-0.035 0.024-0.064 0.053-0.023 0.020-0.037 0.033-0.059 0.055l-0.758 0.795-0.842 1.164-0.338 0.563c-0.029 0.051-0.049 0.090-0.074 0.137-0.168 0.291-0.318 0.592-0.457 0.899l-0.066 0.164c0.227 0.051 1.475 0.039 1.777-0.004l0.559-0.061c0.916-0.1 1.971-0.354 2.777-0.754 0.039-0.018 0.072-0.031 0.113-0.047 0.031-0.014 0.066-0.033 0.098-0.049 0.041-0.021 0.059-0.035 0.102-0.061l0.203-0.109c0.137-0.072 0.26-0.158 0.381-0.238 0.144-0.098 0.299-0.205 0.428-0.322 0.189-0.17 0.393-0.35 0.551-0.547 0.023-0.029 0.045-0.045 0.068-0.076 0.258-0.318 0.467-0.666 0.693-1.006 0.334-0.498 0.644-1.008 0.916-1.549 0.582-1.168 0.746-1.315 1.477-2.231 0.031-0.035 0.031-0.043 0.066-0.078l0.391-0.377c0.162-0.141 0.369-0.287 0.572-0.361 0.18-0.066 0.271-0.1 0.52-0.1-0.174-0.258-0.91-0.275-1.387-0.279h-0.201zM26.909 23.986v0z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M6.567 27.001c2.243 1.711 4.916 2.693 7.73 2.84l0.078-1.498c-2.511-0.131-4.896-1.007-6.898-2.535l-0.91 1.193z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M27.471 15.351l1.498-0.065c-0.047-1.095-0.224-2.184-0.525-3.235l-1.441 0.413c0.268 0.937 0.425 1.909 0.468 2.887z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M28.028 10.824c-0.459-1.174-1.075-2.279-1.831-3.287l-1.199 0.9c0.675 0.899 1.224 1.885 1.634 2.932l1.396-0.545z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M23.643 4.927l-0.926 1.18c0.548 0.431 1.065 0.912 1.537 1.431l1.109-1.009c-0.527-0.582-1.106-1.12-1.72-1.602z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M21.69 3.622c-0.048-0.020-0.133-0.055-0.377-0.179l-0.676 1.339c0.311 0.157 0.418 0.201 0.468 0.219 0.030 0.018 0.075 0.048 0.175 0.113l0.486 0.315 0.813-1.261-0.479-0.311c-0.309-0.201-0.313-0.195-0.41-0.235z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M2.575 15.905c0-6.772 5.437-12.289 12.174-12.44v1.827l4.487-2.59-4.487-2.591v1.854c-7.564 0.152-13.674 6.341-13.674 13.94-0.001 3.911 1.657 7.667 4.548 10.307l1.012-1.107c-2.581-2.357-4.061-5.709-4.060-9.2z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)"
d="M18.775 11.604l-3.516 3.517c-0.076-0.011-0.151-0.023-0.231-0.023-0.171 0-0.333 0.034-0.487 0.082l-3.435-3.434-1.061 1.060 3.434 3.434c-0.049 0.155-0.083 0.317-0.083 0.488 0 0.079 0.012 0.155 0.024 0.23l-0.289 0.289 1.414 1.414 0.319-0.319c0.054 0.006 0.107 0.017 0.163 0.017 0.171 0 0.333-0.034 0.489-0.083l0.171 0.172 1.061-1.061-0.171-0.172c0.049-0.154 0.083-0.316 0.083-0.487 0-0.056-0.011-0.109-0.017-0.165l3.546-3.546-1.414-1.413z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M26.158 21.484c0.063-0.013 0.131-0.027 0.19-0.039 0.374-0.075 0.959-0.185 1.61-0.295 0.543-1.338 0.878-2.745 0.985-4.203l-1.496-0.11c-0.12 1.632-0.557 3.192-1.289 4.647z"></path>
</symbol>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -0,0 +1,19 @@
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-ultimatum" viewBox="0 0 32 32">
<path fill="#424242" style="fill: var(--color3, #424242)" d="M16.826 28.949c-0.007 0.016-0.007 0.027-0.020 0.041h0.026l-0.006-0.041z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M16.673 28.949c-0.007 0.016-0.007 0.027-0.020 0.041h0.026l-0.006-0.041z"></path>
<path fill="#59a31d" style="fill: var(--color2, #59a31d)"
d="M26.909 23.986c-0.018 0.016 0.027 0.016-0.051 0.016 0.020-0.016-0.027-0.016 0.051-0.016zM29.339 22.4c-0.922 0-2.854 0.35-3.613 0.502-0.723 0.143-1.668 0.344-2.371 0.619-0.539 0.209-1.055 0.418-1.574 0.678-0.482 0.242-0.955 0.524-1.395 0.842l-0.432 0.318c-0.076 0.057-0.131 0.109-0.207 0.168-0.072 0.059-0.135 0.123-0.203 0.174-0.15 0.113-0.277 0.281-0.42 0.393-0.145 0.113-0.635 0.672-0.762 0.84l-0.461 0.652c-0.445 0.674-0.789 1.479-0.921 2.277-0.046 0.293-0.042 0.447-0.077 0.676-0.001 0.010-0.003 0.021-0.005 0.031v0.354c0.031 0.43 0.148 0.926 0.148 0.965h0.033c0.025-0.303 0.486-1.381 0.6-1.607l0.283-0.531c0.172-0.285 0.353-0.566 0.555-0.832 0.133-0.178 0.271-0.359 0.43-0.52 0.033-0.037 0.033-0.043 0.064-0.082 0.162-0.195 0.375-0.373 0.553-0.555l0.6-0.514c0.023-0.017 0.047-0.033 0.074-0.053l1.053-0.744c0.318-0.188 0.621-0.396 0.943-0.576 0.289-0.162 0.729-0.393 1.010-0.508l0.76-0.338c0.393-0.154 0.789-0.338 1.193-0.469l0.82-0.291c0.146-0.049 0.273-0.090 0.416-0.139 0.123-0.041 0.297-0.117 0.426-0.129l-0.904 0.42c-0.31 0.125-0.871 0.42-1.195 0.584l-0.871 0.467c-0.275 0.16-0.566 0.322-0.836 0.502l-0.801 0.553c-0.051 0.037-0.072 0.061-0.119 0.094-0.027 0.021-0.039 0.029-0.066 0.049l-0.174 0.15c-0.033 0.027-0.035 0.024-0.064 0.053-0.023 0.020-0.037 0.033-0.059 0.055l-0.758 0.795-0.842 1.164-0.338 0.563c-0.029 0.051-0.049 0.090-0.074 0.137-0.168 0.291-0.318 0.592-0.457 0.899l-0.066 0.164c0.227 0.051 1.475 0.039 1.777-0.004l0.559-0.061c0.916-0.1 1.971-0.354 2.777-0.754 0.039-0.018 0.072-0.031 0.113-0.047 0.031-0.014 0.066-0.033 0.098-0.049 0.041-0.021 0.059-0.035 0.102-0.061l0.203-0.109c0.137-0.072 0.26-0.158 0.381-0.238 0.144-0.098 0.299-0.205 0.428-0.322 0.189-0.17 0.393-0.35 0.551-0.547 0.023-0.029 0.045-0.045 0.068-0.076 0.258-0.318 0.467-0.666 0.693-1.006 0.334-0.498 0.644-1.008 0.916-1.549 0.582-1.168 0.746-1.315 1.477-2.231 0.031-0.035 0.031-0.043 0.066-0.078l0.391-0.377c0.162-0.141 0.369-0.287 0.572-0.361 0.18-0.066 0.271-0.1 0.52-0.1-0.174-0.258-0.91-0.275-1.387-0.279h-0.201zM26.909 23.986v0z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M6.567 27.001c2.243 1.711 4.916 2.693 7.73 2.84l0.078-1.498c-2.511-0.131-4.896-1.007-6.898-2.535l-0.91 1.193z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M27.471 15.351l1.498-0.065c-0.047-1.095-0.224-2.184-0.525-3.235l-1.441 0.413c0.268 0.937 0.425 1.909 0.468 2.887z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M28.028 10.824c-0.459-1.174-1.075-2.279-1.831-3.287l-1.199 0.9c0.675 0.899 1.224 1.885 1.634 2.932l1.396-0.545z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M23.643 4.927l-0.926 1.18c0.548 0.431 1.065 0.912 1.537 1.431l1.109-1.009c-0.527-0.582-1.106-1.12-1.72-1.602z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M21.69 3.622c-0.048-0.020-0.133-0.055-0.377-0.179l-0.676 1.339c0.311 0.157 0.418 0.201 0.468 0.219 0.030 0.018 0.075 0.048 0.175 0.113l0.486 0.315 0.813-1.261-0.479-0.311c-0.309-0.201-0.313-0.195-0.41-0.235z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M2.575 15.905c0-6.772 5.437-12.289 12.174-12.44v1.827l4.487-2.59-4.487-2.591v1.854c-7.564 0.152-13.674 6.341-13.674 13.94-0.001 3.911 1.657 7.667 4.548 10.307l1.012-1.107c-2.581-2.357-4.061-5.709-4.060-9.2z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)"
d="M18.775 11.604l-3.516 3.517c-0.076-0.011-0.151-0.023-0.231-0.023-0.171 0-0.333 0.034-0.487 0.082l-3.435-3.434-1.061 1.060 3.434 3.434c-0.049 0.155-0.083 0.317-0.083 0.488 0 0.079 0.012 0.155 0.024 0.23l-0.289 0.289 1.414 1.414 0.319-0.319c0.054 0.006 0.107 0.017 0.163 0.017 0.171 0 0.333-0.034 0.489-0.083l0.171 0.172 1.061-1.061-0.171-0.172c0.049-0.154 0.083-0.316 0.083-0.487 0-0.056-0.011-0.109-0.017-0.165l3.546-3.546-1.414-1.413z"></path>
<path fill="#424242" style="fill: var(--color3, #424242)" d="M26.158 21.484c0.063-0.013 0.131-0.027 0.19-0.039 0.374-0.075 0.959-0.185 1.61-0.295 0.543-1.338 0.878-2.745 0.985-4.203l-1.496-0.11c-0.12 1.632-0.557 3.192-1.289 4.647z"></path>
</symbol>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -0,0 +1 @@
.states-button-container{position:fixed;right:52px;bottom:35px}.tve-right-side .states-button-container{right:auto;left:35px}.states-button-container button{box-sizing:content-box;color:#fff;border:0;background:#52c578;border-radius:100%;box-shadow:0 2px 12px rgba(0,0,0,.25);padding:10px;height:20px;width:20px;font-size:20px;line-height:20px}.design-states{width:180px;padding:10px 15px;display:none;position:fixed;right:52px;bottom:35px;background:#fff;border-radius:3px;box-shadow:0 8px 12px rgba(0,0,0,.25)}.tve-right-side .design-states{right:auto;left:35px}.design-states span.title{display:block;padding-top:8px}.design-states .state-close{position:absolute;top:13px;right:13px}.btn-icon{border:0;background:none;padding:0}ul.state-steps{list-style:none;padding-bottom:10px}ul.state-steps>li{text-transform:uppercase;display:block;color:#555;background-color:#dadfdf;position:relative;padding:20px 0;margin:10px 0 0;font-size:14px;cursor:pointer;box-shadow:0 2px 3px rgba(0,0,0,.25);border-radius:2px;text-align:center}ul.state-steps>li.state-active,ul.state-steps>li.state-active:hover{background-color:#39c}ul.state-steps>li.state-active .state-name,ul.state-steps>li.state-active:hover .state-name{color:#fff}ul.state-steps>li.state-active .state-clone:before,ul.state-steps>li.state-active:hover .state-clone:before{color:#fff}ul.state-steps>li.state-active .state-clone:hover,ul.state-steps>li.state-active:hover .state-clone:hover{border-color:#fff}ul.state-steps>li.tl-multistep-open .lightbox-step-add-menu{transition:all .2s ease;opacity:1;visibility:visible;bottom:70px}ul.state-steps>li.state-add{background:none;box-shadow:none;border:1px dashed #ccc;cursor:pointer;color:#8d8d8d}ul.state-steps>li.state-add:hover{background:none;border:1px dashed hsl(0,0%,70%)}ul.state-steps>li:hover{background-color:hsl(180,7.2463768116%,81.4705882353%)}ul.state-steps>li:hover .state-delete,ul.state-steps>li:hover .state-edit,ul.state-steps>li:hover .state-clone{display:block}ul.state-steps .state-delete,ul.state-steps .state-edit,ul.state-steps .state-clone{font-size:14px;cursor:pointer;top:7px;height:17px;width:17px;position:absolute;padding:0;display:none;color:#606060}ul.state-steps .state-delete{right:7px;color:#f44551}ul.state-steps .state-clone{font-size:12px;left:7px}ul.state-steps .state-edit{font-size:12px;top:30px;left:7px}ul.state-steps .state-name{color:#666}.tve-tab-content{max-height:300px;overflow:auto}

View File

@@ -0,0 +1 @@
.tve-ult-preload-form{min-height:var(--tu-placeholder-height-d);position:relative;display:block;background:rgba(153,162,165,.1);overflow:hidden}@keyframes shimmer{100%{transform:translateX(100%)}}.tve-ult-preload-form::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite;content:""}@media(max-width: 1023px){.tve-ult-preload-form{min-height:var(--tu-placeholder-height-t)}}@media(max-width: 767px){.tve-ult-preload-form{min-height:var(--tu-placeholder-height-m)}}

View File

@@ -0,0 +1,144 @@
/* State manager styles */
.states-button-container {
position: fixed;
right: 52px;
bottom: 35px;
.tve-right-side & {
right: auto;
left: 35px;
}
button {
box-sizing: content-box;
color: white;
border: 0;
background: #52c578;
border-radius: 100%;
box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
padding: 10px;
height: 20px;
width: 20px;
font-size: 20px;
line-height: 20px;
}
}
.design-states {
width: 180px;
padding: 10px 15px;
display: none;
position: fixed;
right: 52px;
bottom: 35px;
background: white;
border-radius: 3px;
box-shadow: 0 8px 12px rgba(0, 0, 0, .25);
.tve-right-side & {
right: auto;
left: 35px;
}
span.title {
display: block;
padding-top: 8px;
}
.state-close {
position: absolute;
top: 13px;
right: 13px;
}
}
.btn-icon {
border: 0;
background: none;
padding: 0;
}
ul.state-steps {
list-style: none;
padding-bottom: 10px;
> li {
text-transform: uppercase;
display: block;
color: #555555;
background-color: #dadfdf;
position: relative;
padding: 20px 0;
margin: 10px 0 0;
font-size: 14px;
cursor: pointer;
box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
border-radius: 2px;
text-align: center;
&.state-active, &.state-active:hover {
background-color: #3399cc;
.state-name {
color: #fff;
}
.state-clone {
&:before {
color: #fff;
}
&:hover {
border-color: #fff;
}
}
}
&.tl-multistep-open {
.lightbox-step-add-menu {
transition: all .2s ease;
opacity: 1;
visibility: visible;
bottom: 70px;
}
}
&.state-add {
background: none;
box-shadow: none;
border: 1px dashed #cccccc;
cursor: pointer;
color: #8d8d8d;
&:hover {
background: none;
border: 1px dashed darken(#cccccc, 10);
}
}
//Show (duplicate, delete, edit) buttons on list hover
&:hover {
background-color: darken(#dadfdf, 5);
.state-delete,
.state-edit,
.state-clone {
display: block;
}
}
}
.state-delete,
.state-edit,
.state-clone {
font-size: 14px;
cursor: pointer;
top: 7px;
height: 17px;
width: 17px;
position: absolute;
padding: 0;
display: none;
color: #606060;
}
.state-delete {
right: 7px;
color: #f44551;
}
.state-clone {
font-size: 12px;
left: 7px;
}
.state-edit {
font-size: 12px;
top: 30px;
left: 7px;
}
.state-name {
color: #666666;
}
}

View File

@@ -0,0 +1,8 @@
$borderStyles: 'none', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset';
@mixin icon-size($size) {
font-size: $size;
line-height: $size;
width: $size;
height: $size;
}

View File

@@ -0,0 +1,80 @@
@import "variables";
html.tve-html-editor {
overflow: auto;
body {
overflow: auto;
}
}
body {
&:before {
display: none !important;
}
}
.tve-ult-body-ribbon {
#tve_editor {
padding: 0 !important;
}
}
/* ribbon styles */
.tve-ult-bar {
.admin-bar & {
top: 32px;
}
.tve_editor_page & {
&.tvu-footer.tvu-triggered {
bottom: 150px;
}
}
.tve_editor_page.tl-state-collapse & {
&.tvu-footer {
bottom: 0;
}
}
}
/* Widget - editor page */
.tve-ult-widget {
margin: 0 auto;
padding-top: 20px;
max-width: 300px;
.thrv_ult_widget {
outline: 1px dotted #dedede;
&.active_highlight, &.active_delete {
outline: 1px dashed #ff0000;
}
}
}
//edit mode conflict with theme
.tve-html-editor {
.cnt {
background: #fff;
box-shadow: none;
margin: 0;
padding: 0;
article {
margin: 0;
padding: 0;
}
}
}
//
//#tve_cpanel_onpage {
// &.menu_elem_ult_design {
// #tve_submenu_save {
// display: none;
// }
// }
//}
//
//#tve_lightbox_frame {
// .tu-tpl-menu li {
// > span {
// display: block;
// }
// }
//}

View File

@@ -0,0 +1,6 @@
@import "states";
.tve-tab-content {
max-height: 300px;
overflow: auto;
}

View File

@@ -0,0 +1,33 @@
.tve-ult-preload-form {
min-height: var(--tu-placeholder-height-d);
position: relative;
display: block;
background: rgba(153, 162, 165, .1);
overflow: hidden;
@keyframes shimmer {
100% {
transform: translateX(100%);
}
}
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
background-image: linear-gradient(90deg, rgba(#fff, 0) 0, rgba(#fff, 0.2) 20%, rgba(#fff, 0.5) 60%, rgba(#fff, 0));
animation: shimmer 2s infinite;
content: '';
}
@media(max-width: 1023px) {
min-height: var(--tu-placeholder-height-t);
}
@media(max-width: 767px) {
min-height: var(--tu-placeholder-height-m);
}
}

View File

@@ -0,0 +1,16 @@
/**
* Created by Ovidiu on 7/20/2017.
*/
var TVE = window.TVE || {},
TVE_Ult_Ext = window.TVE_Ult_Ext = TVE_Ult_Ext || {};
(function ( $ ) {
/**
* On TCB Main Ready
*/
$( window ).on( 'tcb_main_ready', function () {
TVE.Views.Components.ultimatum_countdown = require( './ultimatum-countdown-component' );
TVE_Ult_Ext.UltimatumCountdown = require( './modals/ultimatum-countdown' );
} );
})( jQuery );

View File

@@ -0,0 +1,101 @@
/**
* Created by Ovidiu on 7/20/2017.
*/
var _instance = null,
shortcode_base = TVE.shortcode_manager;
module.exports = TVE.modal.base.extend( {
after_initialize: function () {
this.$el.addClass( 'medium' );
this.$campaign = this.$el.find( '#tve_ult_campaign' );
this.$shortcode = this.$el.find( '#tve_ult_shortcode' );
},
before_open: function () {
if ( ! TVE.ActiveElement.hasClass( 'tcb-elem-placeholder' ) ) {
var _config = this.get_config();
if ( typeof _config[ 'tve_ult_campaign' ] !== 'undefined' && typeof _config[ 'tve_ult_shortcode' ] !== 'undefined' ) {
this.$campaign.val( _config[ 'tve_ult_campaign' ] ).trigger( 'change' );
this.$shortcode.val( _config[ 'tve_ult_shortcode' ] );
}
}
},
/**
* Returns Ultimatum Shortcode Settings
*
* @returns {*}
*/
get_config: function () {
var shortcode_config = shortcode_base( TVE.ActiveElement.find( '.thrive-shortcode-config' ), 'ultimatum_shortcode' );
return shortcode_config.get();
},
campaign_changed: function ( event, dom ) {
var _$shortcode = this.$shortcode;
_$shortcode.html( '' );
if ( dom.value ) {
jQuery.each( tve_ult_page_data.tu_shortcode_campaigns[ dom.value ].designs, function ( id, name ) {
var $option = jQuery( '<option/>' ).text( name ).val( id );
_$shortcode.append( $option );
}, this );
}
},
generate_countdown_html: function () {
var self = this,
$target = TVE.ActiveElement;
this.countdown_ajax( {
tve_ult_campaign: this.$campaign.val(),
tve_ult_shortcode: this.$shortcode.val()
} ).done( function ( response ) {
if ( response ) {
$target.html( response ).removeClass( 'tcb-elem-placeholder' );
TVE.inner.window.TCB_Front.handleIframes( $target, true );
TVE.Editor_Page.focus_element( $target );
$target.find( '.thrv_countdown_timer' ).tve_countdown_timer().update();
if ( typeof TVE.Components.countdown.updateElement === 'function' ) {
TVE.Components.countdown.updateElement( $target.find( '.tve-countdown' ) );
}
}
} ).error( function ( error ) {
TVE.page_message( error.responseText, 2, 5000 );
} ).complete( function () {
TVE.main.overlay( 'close' );
self.close();
} );
},
countdown_ajax: function ( data, ajax_param ) {
var params = {
type: 'post',
dataType: 'json',
url: tve_ult_page_data.ajaxurl
};
TVE.main.overlay();
data.action = 'tve_ult_fetch_countdown_for_editor';
data._nonce = tve_ult_page_data.security;
params.data = data;
if ( ajax_param ) {
for ( var k in ajax_param ) {
params[ k ] = ajax_param[ k ];
}
}
return jQuery.ajax( params, data );
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Ext.UltimatumCountdown( {
el: el
} );
}
return _instance;
}
} );

View File

@@ -0,0 +1,19 @@
/**
* Created by Ovidiu on 7/20/2017.
*/
module.exports = TVE.Views.Base.component.extend( {
controls_init: function () {
},
placeholder_action: function () {
var campaignShortcodes = TVE_Ult_Ext.UltimatumCountdown.get_instance( TVE.modal.get_element( 'campaign-shotcodes' ) );
campaignShortcodes.open( {
top: '20%'
} );
},
/**
* Callback for change countdown button inside the Ultimatum Countdown Options Menu
*/
change_countdown: function () {
this.placeholder_action();
}
} );

View File

@@ -0,0 +1,198 @@
/**
* Created by Ovidiu on 7/21/2017.
*/
(function ( $ ) {
module.exports = {
tpl_ajax: function ( data, ajax_param, no_loader ) {
var params = {
type: 'post',
dataType: 'json',
url: tve_ult_page_data.ajaxurl
};
if ( typeof no_loader === 'undefined' || ! no_loader ) {
TVE.main.overlay();
}
data.action = tve_ult_page_data.tpl_action;
data.design_id = data.design_id || tve_ult_page_data.design_id;
data.post_id = tve_ult_page_data.post_id;
data.security = tve_ult_page_data.security;
params.data = data;
if ( ajax_param ) {
for ( var k in ajax_param ) {
params[k] = ajax_param[k];
}
}
return jQuery.ajax( params, data );
},
/**
* actions related to a state
* @param data
* @param ajax_param
* @returns {*}
*/
state_ajax: function ( data, ajax_param ) {
var params = {
type: 'post',
dataType: 'json',
url: tve_ult_page_data.ajaxurl
};
data.action = tve_ult_page_data.state_action;
data.design_id = data.design_id || tve_ult_page_data.design_id;
data.post_id = tve_ult_page_data.post_id;
data.security = tve_ult_page_data.security;
params.data = data;
if ( ajax_param ) {
for ( var k in ajax_param ) {
params[k] = ajax_param[k];
}
}
return jQuery.ajax( params, data );
},
stateResponse: function ( response, self ) {
if ( ! response || response.success === false ) {
var _msg = 'Something went wrong';
if ( response && response.success === false ) {
_msg += ': ' + response.message;
}
TVE.page_message( _msg, true );
TVE.main.overlay( 'close' );
return;
}
/**
* Insert response only if main page content is returned.
*/
if ( response.main_page_content ) {
self.insertResponse( response );
}
jQuery( '.design-states' ).replaceWith( response.state_bar );
TVE.main.overlay( 'close' );
},
insertResponse: function ( response ) {
if ( ! response || response.success === false ) {
TVE.page_message( 'Something went wrong' + (
response && response.success === false ? ': ' + response.message : ''
), true );
setTimeout( function () {
TVE.main.overlay( 'close' );
}, 1 );
return;
}
/**
* callback to be applied when all css files are loaded and available
*/
function on_resources_loaded() {
/**
* javascript page data
*/
tve_ult_page_data = jQuery.extend( tve_ult_page_data, response.tve_ult_page_data, true );
/**
* javascript params that need updating
*/
TVE.CONST = jQuery.extend( TVE.CONST, response.tve_path_params, true );
TVE.inner_$( '#tve-ult-editor-replace' ).replaceWith( response.main_page_content );
TVE.Editor_Page.initEditorActions();
}
/**
* browser-compliant way of accessing stylesheet rules
*/
var sheet, cssRules, _link = document.createElement( 'link' );
if ( 'sheet' in _link ) {
sheet = 'sheet';
cssRules = 'cssRules';
} else {
sheet = 'styleSheet';
cssRules = 'rules';
}
/** custom CSS */
TVE.inner_$( '.tve_custom_style,.tve_user_custom_style' ).remove();
TVE.CSS_Rule_Cache.clear();
/**
* Clear also the Global Rules
*/
TVE.USE_GLOBALSHEET = true;
TVE.CSS_Rule_Cache.clear();
TVE.USE_GLOBALSHEET = false;
if ( response.custom_css && response.custom_css.length ) {
TVE.inner_$( 'head' ).append( response.custom_css );
}
/**
* Refresh the style node
*/
TVE.Editor_Page.content_manager.refresh_global_style_node();
/**
* checks if all the added CSS <link> elements are available (finished loading and applied)
*
* @param {jQuery} $jq_links collection of added <link> nodes
* @param {Function} complete_callback
*/
function check_loaded( $jq_links, complete_callback ) {
var all_loaded = true;
window.tvu_loaded_count = window.tvu_loaded_count || 1;
window.tvu_loaded_count ++;
$jq_links.each( function () {
/** firefox throws an Error when testing this condition and the css is not loaded yet */
try {
if ( ! this[sheet] || ! this[sheet][cssRules] || ! this[sheet][cssRules].length ) {
all_loaded = false;
return false; // break the loop
}
} catch ( e ) {
all_loaded = false;
return false;
}
} );
if ( all_loaded || window.tvu_loaded_count > 40 ) {
complete_callback();
} else {
setTimeout( function () {
check_loaded( $jq_links, complete_callback );
}, 500 );
}
}
var found = false,
$css_list = jQuery();
TVE.inner_$.each( response.css, function ( _id, href ) {
if ( ! TVE.inner_$( 'link#' + _id + '-css' ).length ) {
found = true;
var $link = TVE.inner_$( '<link />', {
rel: 'stylesheet',
type: 'text/css',
id: _id + '-css',
href: href
} ).appendTo( 'head' );
/* for some reason, <link>s from google fonts always have empty cssRules fields - we cannot be sure when those are loaded using the check_loaded function */
if ( href.indexOf( 'fonts.googleapis' ) === - 1 ) {
$css_list = $css_list.add( $link );
}
}
} );
if ( found ) {
check_loaded( $css_list, on_resources_loaded );
} else {
on_resources_loaded()
}
}
}
})( jQuery );

View File

@@ -0,0 +1,150 @@
module.exports = {
tvu_set_01:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_02:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_03:
{
'.tve_countdown_1 .tve_t_part [class*="part-"]':
{
'color': '',
}
},
tvu_set_05:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_09:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_10:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_11:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_12:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
'border-color': '',
}
},
tvu_set_18:
{
'.tve_countdown_3 .tve_t_part .part-1':
{
'color': ''
},
'.tve_countdown_3 .tve_t_part .part-2':
{
'color': ''
}
},
tvu_set_22:
{
'.tve_countdown_3 .sc_timer_content':
{
'background': ''
}
},
tvu_set_20:
{
'.tve_countdown_3 .tve_t_part':
{
'background-color': '',
'border-color': ''
},
'.tve_countdown_3 .tve_t_part::before':
{
'border-color': ''
},
'.tve_countdown_3 .tve_t_part::after':
{
'border-color': ''
}
},
tvu_set_23:
{
'.tve_countdown_3 .sc_timer_content':
{
'border-color': ''
},
'.tve_countdown_3 .tve_t_part::before':
{
'border-color': '',
},
'.tve_countdown_3 .tve_t_part::after':
{
'border-color': '',
}
},
tvu_set_24:
{
'.tve_countdown_1 .t-digits':
{
'border-color': '',
},
},
tvu_set_25:
{
'.tve_countdown_3 .tve_t_part::after':
{
'background': '',
'border-color': ''
}
},
tvu_set_26:
{
'.tve_countdown_2 .tve_t_part':
{
'background': '',
}
},
tvu_set_27:
{
'.tve_countdown_2 .tve_t_part':
{
'border-color': '',
}
},
tvu_set_28:
{
'.tve_countdown_2 .t-digits':
{
'border-color': '',
}
}
};

View File

@@ -0,0 +1,292 @@
/**
* Created by Ovidiu on 7/21/2017.
*/
var TVE_Ult_Int = window.TVE_Ult_Int = TVE_Ult_Int || {},
withCloudTpls = false,
EDITOR_INSTANCE = 1,
TU_FORM_EVENTS = [ 'tve_ult_close' ],
countdownSet = require( './countdown-sets-constants' );
( function ( $ ) {
/**
* On TCB Main Ready
*/
$( window ).on( 'tcb_main_ready', function () {
withCloudTpls = Boolean( parseInt( tve_ult_page_data.with_cloud_tpl ) )
if ( withCloudTpls ) {
TVE_Ult_Int.DesignTemplates = require( './modals/design-cloud-templates' );
} else {
TVE_Ult_Int.DesignTemplates = require( './modals/design-templates' );
}
TVE_Ult_Int.DesignReset = require( './modals/design-reset' );
TVE_Ult_Int.DesignSave = require( './modals/design-save' );
TVE_Ult_Int.AddEditState = require( './modals/add-edit-state' );
const _states = require( './states' );
TVE_Ult_Int.States = new _states( {
el: jQuery( '#tu-form-states' )[ 0 ]
} );
TVE_Ult_Int.savePreview = function ( designName = tve_ult_page_data.design_id, savePreviewCallback = null ) {
const saveCallback = function ( imgData ) {
const form = new FormData();
if ( imgData ) {
form.append( 'preview_file', imgData, designName + '.png' );
}
form.append( 'custom', 'save_thumbnail' );
form.append( 'action', tve_ult_page_data.tpl_action );
form.append( 'design_id', tve_ult_page_data.design_id );
form.append( 'post_id', tve_ult_page_data.post_id );
form.append( 'security', tve_ult_page_data.security );
form.append( 'file_name', designName );
$.ajax( {
type: 'POST',
url: tve_ult_page_data.ajaxurl,
data: form,
processData: false,
contentType: false,
} ).done( data => {
if ( typeof savePreviewCallback === 'function' ) {
savePreviewCallback( JSON.parse( data ) );
}
} );
}
TVE.Editor_Page.blur();
TVE.Editor_Page.editor.find( '.on_hover' ).removeClass( 'on_hover' );
TVE.generateElementPreview( TVE.Editor_Page.editor, saveCallback, {}, true );
}
function open_templates_modal() {
var modal = withCloudTpls ? 'design-cloud-templates' : 'design-templates',
designTemplatesModal = TVE_Ult_Int.DesignTemplates.get_instance( TVE.modal.get_element( modal ) );
designTemplatesModal.open( {
top: '5%',
css: {
width: '80%',
left: '10%'
},
dismissible: ( tve_ult_page_data.has_content )
} );
}
TVE.add_filter( 'editor_loaded_callback', function () {
$( TVE.main ).on( 'tcb.open_templates_picker', function ( event ) {
event.preventDefault();
open_templates_modal();
} );
TVE.main.sidebar_extra.tve_ult_save_template = function () {
var designSaveModal = TVE_Ult_Int.DesignSave.get_instance( TVE.modal.get_element( 'design-save' ) );
TVE.main.sidebar_extra.hide_drawers();
designSaveModal.open( {
top: '20%'
} );
return false;
};
TVE.main.sidebar_extra.tve_ult_reset_template = function () {
TVE.Editor_Page.blur();
var designResetsModal = TVE_Ult_Int.DesignReset.get_instance( TVE.modal.get_element( 'design-reset' ) );
designResetsModal.open( {
top: '20%'
} );
return false;
};
/**
* Open Template Chooser if the variation is empty
*/
if ( ! tve_ult_page_data.has_content ) {
if ( withCloudTpls ) {
TVE.Editor_Page.editor.append( tve_ult_page_data.placeholder );
}
open_templates_modal();
}
/**
* Backwards Compatibility:
* Adds thrv-inline-text class to countdown elements that doesn't have it on caption class
*/
TVE.inner_$( '.thrv_countdown_timer .t-caption:not(.thrv-inline-text)' ).each( function () {
jQuery( this ).addClass( 'thrv-inline-text' );
} );
TVE.StorageManager.unset( 'tvu_design-' + tve_ult_page_data.design_id );
} );
/**
* The countdown color form TU sets is now editable
*/
TVE.add_action( 'tcb.element.focus', function ( $element ) {
if ( $element.hasClass( 'thrv_countdown_timer' ) && tve_ult_page_data.tpl_action ) {
//get the templates set
var setID = TVE.inner_$( '.tl-style' ).attr( 'id' );
TVE.Components.countdown_old.controls.Color.config.css_suffix = '';
if ( countdownSet[ setID ] ) {
TVE.Components.countdown_old.controls.Color.config.config.style_default_color = countdownSet[ setID ];
}
}
} );
/**
* Mark all ajax requests that are sent from the current editor page with a special parameter that applies to Thrive Ultimatum
*/
TVE.add_filter( 'tcb.editor.default_ajax_config', function ( params ) {
params.data.ultimatum_editor_page = 1;
return params;
} );
TVE.add_filter( 'tve.countdown.state', function ( states ) {
if ( TVE.CONST.post_type === 'tve_ult_campaign' ) {
states = [];
}
return states;
} );
if ( withCloudTpls ) {
TVE.add_action( 'tcb_after_cloud_template_css_inserted', function ( $content ) {
if ( $content.attr( 'tvu-tpl-id' ) && $content.attr( 'tvu-tpl-id' ).indexOf( `ultimatum_${tve_ult_page_data.design_type}` ) !== - 1 ) {
TVE.Editor_Page.save( true );
}
} );
TVE.add_filter( 'tcb_save_post_data_before', function ( data ) {
var $ultDesign = TVE.Editor_Page.editor.find( `[tvu-tpl-id*="ultimatum_${tve_ult_page_data.design_type}"]` );
if ( $ultDesign.length ) {
data.tve_ult_tpl = `${$ultDesign.first().attr( 'tvu-tpl-id' )}`;
}
if ( TVE.CONST.post_type === 'tve_ult_campaign' ) {
var sizes = {
m: '600px',
t: '1023px',
d: '1366px'
}
data[ 'form-height' ] = {};
var $container = TVE.Editor_Page.editor.find( '.tve-editor-main-content' ),
initialWidth = TVE.main.$frame.width();
if ( $container.length === 0 ) {
$container = TVE.Editor_Page.editor;
}
/* fox for margin collapse */
$container.css( 'border', '1px solid transparent' )
/* save form height so we can prepare a placeholder for it. */
for ( var device in sizes ) {
TVE.main.$frame.width( sizes[ device ] );
data[ 'form-height' ][ device ] = $container.outerHeight( true );
}
$container.css( 'border', '' )
TVE.main.$frame.width( initialWidth );
}
return data;
} )
TVE.add_action( 'tve.save_post.success', function () {
TVE.StorageManager.set( 'tvu_design-' + tve_ult_page_data.design_id, true );
TVE_Ult_Int.savePreview();
} );
TVE.add_filter( 'tcb.elem.type', ( type, $element ) => {
if ( type === 'icon' && $element.tcbHasClass( 'tve-ult-bar-close-editable' ) ) {
type = 'ultimatum_close';
}
return type;
} );
TVE.add_action( 'tcb.element.click', function ( event, data ) {
if ( event.currentTarget.classList.contains( 'tve-ult-cloud-placeholder' ) ) {
open_templates_modal();
}
} );
}
/**
* Ultimatum froala control
*/
TVE.add_filter( 'tcb_froala_config', function () {
return {
linkEventActions: {
getHtml: function () {
var opts = TVE.Components.animation.options.actions;
var actions = {
tve_ult_close: opts.tve_ult_close
};
return TVE.tpl( 'froala-ult' )( {
actions: actions,
current_id: ++ EDITOR_INSTANCE
} );
},
bindEvents: function ( $popup ) {
$popup.on( 'change', '.fr-extra-action', function ( e ) {
$popup.find( '.ult-action-config' ).hide();
if ( ! this.checked ) {
$popup.find( '.fr-link-atts,.fr-link-url,.tve-top-tabs' ).show();
} else {
$popup.find( '.ult-action-opts-' + this.getAttribute( 'data-key' ) ).show();
$popup.find( '.fr-link-atts,.fr-link-url,.tve-top-tabs' ).hide();
$popup.find( '.fr-extra-action' ).not( this ).prop( 'checked', false );
}
} );
},
hasSelected: function ( $popup ) {
return $popup.find( '.fr-extra-action:checked' ).length;
},
getEventConfig: function ( $popup ) {
var key = $popup.find( '.fr-extra-action:checked' ).attr( 'data-key' );
return {
a: key,
t: 'click',
config: {
s: $popup.find( '.ult-action-opts-' + key + ' select[name="s"]' ).val(),
anim: $popup.find( '.ult-action-opts-' + key + ' select[name="a"]' ).val()
}
}
},
reset: function ( $popup ) {
$popup.find( '.fr-extra-action' ).prop( 'checked', false );
$popup.find( '.fr-link-atts,.fr-link-url,.tve-top-tabs' ).show();
$popup.find( '.ult-action-config' ).hide();
},
updateFromLink: function ( $link, $popup ) {
var ult_event = false;
this.reset( $popup );
if ( $link.hasClass( 'tve_evt_manager_listen' ) ) {
var evt = TVE.EventManager.get( $link, 'click' );
if ( evt && TU_FORM_EVENTS.includes( evt.a ) ) {
$popup.find( '.fr-extra-action[data-key="' + evt.a + '"]' ).prop( 'checked', true ).trigger( 'change' );
$popup.find( '.ult-action-opts-' + evt.a + ' select[name="s"]' ).val( evt.config.s );
ult_event = true;
$popup.find( '.ult-action-opts-' + evt.a + ' select[name="a"]' ).val( evt.config.anim || 'instant' );
}
}
return ult_event;
}
}
};
} );
} );
} )( jQuery );

View File

@@ -0,0 +1,63 @@
/**
* Created by Ovidiu on 7/25/2017.
*/
var _instance = null,
_utils = require( '../_utils' );
module.exports = TVE.modal.base.extend( {
after_initialize: function ( args ) {
this.$el.addClass( 'medium' );
},
before_open: function () {
this.$( 'input#tve-ult-state-name' ).val( '' );
if ( this.state_id && this.state_name ) {
this.$( 'input#tve-ult-state-name' ).val( this.state_name );
}
},
save: function () {
var _name = this.$( 'input#tve-ult-state-name' ).val(),
self = this;
if ( _name && _name.length > 0 ) {
TVE.main.overlay();
TVE.Editor_Page.save( false, function () {
if ( self.state_id && self.state_name ) {
_utils.state_ajax( {
custom_action: 'edit_name',
post_title: _name,
id: self.state_id
} ).done( function ( response ) {
_utils.stateResponse( response, _utils );
self.close();
} );
} else {
_utils.state_ajax( {
custom_action: 'add',
post_title: _name
} ).done( function ( response ) {
_utils.stateResponse( response, _utils );
self.close();
} );
}
} );
} else {
TVE.page_message( tve_ult_page_data.L.state_name_required, true, 5000 );
}
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Int.AddEditState( {
el: el
} );
}
return _instance;
}
} );

View File

@@ -0,0 +1,194 @@
( function ( $ ) {
var _instance = null,
_utils = require( '../_utils' );
module.exports = TVE.CloudTemplatesCategories.extend( {
$$type: 'ultimatum_' + tve_ult_page_data.design_type,
templateName: TVE.ucFirst( tve_ult_page_data.design_type === 'bar' ? 'ribbon' : tve_ult_page_data.design_type ),
categoryId: 'countdown_type',
before_open: function () {
this.applyTo = TVE.Editor_Page.editor.children( '.thrv_wrapper' );
if ( ! TVE.ActiveElement ) {
TVE.ActiveElement = this.applyTo.addClass( 'edit_mode' );
}
if ( ! TVE.CONST[ this.collectionName ] ) {
this.fetchTemplates( this.$$type );
} else {
this.$( '[data-item="Saved Templates"] .lp-group-count' ).text( tve_ult_page_data.saved_tpls.length )
}
this.resetFilters();
if ( ! this.applyTo.hasClass( 'tcb-ct-placeholder' ) && this.applyTo.attr( 'tcb-template-name' ) ) {
this.$warning.show().find( '.tcb-notification-content' ).html( TVE.t.warning_change_ct.replace( /%s/g, this.templateName ) );
} else {
this.$warning.hide();
}
this.selectDefault();
},
selectDefault: function () {
this.filter( {}, this.$typesWrapper.find( '[data-item="Cloud Templates"]' ) );
},
on_success: function ( response ) {
if ( response.error ) {
return this.on_error( {responseJSON: response} );
}
this.collection.reset( response.templates );
this.build_preview();
/**
* Render Types
*/
this.types = {};
_.each( response.templates, ( tpl ) => {
const type = tpl.config[ `tve_tpl_${this.$$type}_meta` ][ this.categoryId ];
if ( type && ! this.types[ type ] ) {
this.types[ type ] = 0;
}
this.types[ type ] ++;
} );
this.$typesWrapper.empty()
.append( this.group_item( {group: 'All Cloud Templates', counter: response.templates.length} ) )
_.each( this.types, ( counter, groupKey ) => {
this.$typesWrapper.append( this.group_item( {group: groupKey, counter: counter} ) )
} );
this.$typesWrapper.append( this.group_item( {group: 'Saved Templates', counter: tve_ult_page_data.saved_tpls.length} ) );
this.selectDefault();
TVE.CONST[ this.collectionName ] = response.templates;
},
/**
* Build the preview
*
* Called from reset collection
*/
build_preview: function () {
var html = '',
self = this;
if ( this.filters.group.length > 0 ) {
if ( this.filters.group[ 0 ].indexOf( 'Cloud' ) !== - 1 ) {
this.collection.reset( TVE.CONST[ this.collectionName ] );
} else if ( this.filters.group[ 0 ].indexOf( 'Countdown' ) !== - 1 ) {
this.collection.reset( TVE.CONST[ this.collectionName ].filter( t => t.config[ `tve_tpl_${this.$$type}_meta` ][ this.categoryId ] === this.filters.group[ 0 ] ) );
} else {
this.collection.reset( tve_ult_page_data.saved_tpls );
}
}
this.instance.collection.each( function ( model ) {
html += self.item_template( {
item: model.toJSON(),
selected: '',
} );
} );
if ( html.length ) {
this.$content.html( html );
var dynamicImageWidth = parseInt( this.$content.find( this.itemClass ).outerWidth( true ) );
this.$content.find( 'img' ).each( function () {
var imageRation = this.getAttribute( 'data-ratio' );
if ( imageRation ) {
$( this ).closest( '.cloud-template-item' ).css( 'height', dynamicImageWidth * parseFloat( imageRation ) );
}
} );
this.applyMasonry();
} else {
this.$content.html( this.no_templates() );
}
this.on_finished();
},
/**
* Download a template
*
* @param id
*/
select_template: function ( id ) {
this.selected = String( id );
this.applyTo.addClass( 'tcb-block-placeholder tcb-elem-placeholder' ).empty();
this.close();
TVE.inner_$( 'html' ).stop().animate( {
scrollTop: this.applyTo.offset().top - 50
}, {duration: 500} );
if ( this.selected.indexOf( 'tvu-tpl' ) !== - 1 ) {
this.saveSavedTemplate();
} else {
this.save();
}
},
saveSavedTemplate: function () {
var self = this;
_utils.tpl_ajax( {
custom: 'get_saved_tpl',
tpl_id: this.selected
} ).done( function ( response ) {
self.applyTo.replaceWith( $( response.content ) );
TVE.Editor_Page.content_manager.insert_head_css( response.inline_css ).done( function () {
TVE.Editor_Page.editor.find( '[data-css]' ).addBack( '[data-css]' ).each( function () {
TVE.inner_$( this ).head_css_clone();
} );
TVE.main.overlay( true );
TVE.Editor_Page.save( true );
} )
} )
},
alter_wrapper_attributes: function ( attributes, data ) {
/**
* Force the proper active element
*/
if ( this.applyTo.length > 1 ) {
this.applyTo = this.applyTo.filter( ':not(style)' );
TVE.ClickedElement = TVE.ActiveElement = this.applyTo;
}
return {
'tcb-template-name': data.name,
'tcb-template-id': data.id,
'tvu-tpl-id': 'cloud_' + data.type + '-' + data.id,
'tcb-template-pack': data.pack,
'data-keep-css_id': 1,
}
},
afterTemplateCssApplied: function () {
TVE.Editor_Page.editor.children( 'style' ).slice( 1 ).remove();
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Int.DesignTemplates( {
el: el
} );
_instance.$el.addClass( 'tcb-modal-cloud-templates-categories' )
}
return _instance;
}
} );
} )( jQuery );

View File

@@ -0,0 +1,36 @@
/**
* Created by Ovidiu on 7/21/2017.
*/
var _instance = null,
_utils = require( '../_utils' );
module.exports = TVE.modal.base.extend( {
after_initialize: function () {
this.$el.addClass( 'medium' );
},
reset: function () {
var self = this;
_utils.tpl_ajax( {
custom: 'reset'
} ).done( function ( response ) {
_utils.insertResponse( response );
self.close();
TVE.main.overlay( 'close' );
} );
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Int.DesignReset( {
el: el
} );
}
return _instance;
}
} );

View File

@@ -0,0 +1,74 @@
/**
* Created by Ovidiu on 7/21/2017.
*/
var _instance = null,
_utils = require( '../_utils' );
module.exports = TVE.modal.base.extend( {
after_initialize: function () {
this.$el.addClass( 'medium' );
},
checkUniqueName: function ( name ) {
var unique = true;
tve_ult_page_data.saved_tpls.forEach( function ( tpl ) {
if ( tpl.name === name ) {
unique = false;
}
} )
return unique;
},
save: function () {
var _name = this.$( 'input#tve-template-name' ).val(),
self = this;
if ( _name && _name.length > 0 ) {
_name = _name.trim();
if ( this.checkUniqueName( _name ) ) {
TVE.main.editor_settings.save( null, null, function () {
_utils.tpl_ajax( {
custom: 'save',
name: _name
} ).done( function ( response ) {
if ( response && response.saved_tpls ) {
tve_ult_page_data.saved_tpls = response.saved_tpls;
}
TVE_Ult_Int.savePreview( _name, data => {
const tplIndex = tve_ult_page_data.saved_tpls.findIndex( tpl => tpl.name === _name );
/**
* set the thumb
*/
if ( tplIndex !== - 1 ) {
tve_ult_page_data.saved_tpls[ tplIndex ].thumb = data.thumb;
tve_ult_page_data.saved_tpls[ tplIndex ].thumb_size = data.thumb_size;
}
}
);
self.close();
TVE.main.overlay( 'close' );
} );
} );
} else {
TVE.page_message( tve_ult_page_data.L.tpl_existing_name, true, 5000 );
}
} else {
TVE.page_message( tve_ult_page_data.L.tpl_name_required, true, 5000 );
}
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Int.DesignSave( {
el: el
} );
}
return _instance;
}
} );

View File

@@ -0,0 +1,129 @@
/**
* Created by Ovidiu on 7/21/2017.
*/
var _instance = null,
_utils = require( '../_utils' );
module.exports = TVE.modal.base.extend( {
saved_tpl_delete_confirmation: TVE.tpl( 'landing-pages/delete-confirmation' ),
events: function () {
return _.extend( {}, TVE.modal.base.prototype.events(), {
'click .tcb-cancel-delete-template': 'no_delete_template',
'click .tcb-apply-delete-template': 'yes_delete_template'
} );
},
after_initialize: function () {
this.$el.addClass( 'medium' );
this.$tabs = this.$( '.tab-item' );
this.$content = this.$( '.tve-tab-content' );
},
tab_click: function ( event ) {
var tab = event.currentTarget.getAttribute( 'data-content' );
this.$tabs.removeClass( 'active' );
event.currentTarget.classList.add( 'active' );
this.$content.removeClass( 'active' );
this.$content.filter( '[data-content="' + tab + '"]' ).addClass( 'active' );
if ( tab === 'saved' ) {
this.get_saved();
}
},
/**
* Returns the save templates preview
*/
get_saved: function () {
var self = this;
this.$( '.tve-saved-templates-list' ).html( tve_ult_page_data.L.fetching_saved_templates );
_utils.tpl_ajax( {
custom: 'get_saved'
}, {
dataType: 'html'
}, true ).done( function ( response ) {
TVE.main.overlay( 'close' );
self.$( '.tve-saved-templates-list' ).html( response );
} );
},
select_template: function ( event ) {
this.$( '.template-wrapper.active' ).removeClass( 'active' );
event.currentTarget.classList.toggle( 'active' );
},
/**
* Shows The Delete Confirmation View
*
* @param event
*/
delete_confirmation: function ( event ) {
var $templateItem = jQuery( event.currentTarget ).closest( '.tve-template-item' );
$templateItem.find( '.template-wrapper' ).hide();
$templateItem.append( this.saved_tpl_delete_confirmation() );
},
/**
* Cancel A Delete Action And Returns to Default State
*
* @param event
*/
no_delete_template: function ( event ) {
var $templateItem = jQuery( event.currentTarget ).closest( '.tve-template-item' );
$templateItem.find( '.template-wrapper' ).show();
$templateItem.find( '.tcb-delete-template-confirmation' ).remove();
},
/**
* Deletes A Saved Landing Page
*
* @param event
*/
yes_delete_template: function ( event ) {
var $templateItem = jQuery( event.currentTarget ).closest( '.tve-template-item' );
TVE.main.overlay();
_utils.tpl_ajax( {
custom: 'delete'
}, {
dataType: 'html'
}, true ).done( function () {
$templateItem.remove();
TVE.main.overlay( 'close' );
} );
},
save: function () {
var $template = this.$( '.tve-template-item .active' ),
self = this;
if ( $template && $template.length ) {
_utils.tpl_ajax( {
custom: 'choose',
tpl: $template.data( 'key' )
} ).done( function ( response ) {
_utils.insertResponse( response );
TVE.main.overlay( 'close' );
self.close();
} );
} else {
TVE.page_message( TVE.t.SelectTemplate, true, 5000 );
}
}
}, {
/**
* "Singleton" implementation for modal instance
*
* @param el
*/
get_instance: function ( el ) {
if ( ! _instance ) {
_instance = new TVE_Ult_Int.DesignTemplates( {
el: el
} );
}
return _instance;
}
} );

View File

@@ -0,0 +1,98 @@
/**
* Created by Ovidiu on 7/25/2017.
*/
var _utils = require( './_utils' );
module.exports = TVE.Views.Base.base_view.extend( {
after_initialize: function () {
this.dom = {
btn: this.$( '.states-button-container' )
};
},
expand: function () {
this.$( '.design-states' ).show();
this.dom.btn.hide();
},
collapse: function () {
this.$( '.design-states' ).hide();
this.dom.btn.show();
},
/**
* Add a new state
*
* @param e
*/
add: function ( e ) {
this.collapse();
var addEditStateModal = TVE_Ult_Int.AddEditState.get_instance( TVE.modal.get_element( 'add-edit-state' ) );
addEditStateModal.state_name = null;
addEditStateModal.state_id = null;
addEditStateModal.open( {
top: '20%'
} );
return false;
},
/**
* Edit a state name
*
* @param e
*/
edit: function ( e ) {
this.collapse();
var addEditStateModal = TVE_Ult_Int.AddEditState.get_instance( TVE.modal.get_element( 'add-edit-state' ) );
addEditStateModal.state_name = e.currentTarget.getAttribute( 'data-state-name' );
addEditStateModal.state_id = e.currentTarget.getAttribute( 'data-id' );
addEditStateModal.open( {
top: '20%'
} );
return false;
},
select: function ( e ) {
this.collapse();
TVE.main.overlay();
TVE.Editor_Page.save( false, function () {
_utils.state_ajax( {
custom_action: 'display',
id: e.currentTarget.getAttribute( 'data-id' )
} ).done( function ( response ) {
_utils.stateResponse( response, _utils )
} );
} );
return false;
},
duplicate: function ( e, link ) {
this.collapse();
TVE.main.overlay();
TVE.Editor_Page.save( false, function () {
_utils.state_ajax( {
custom_action: 'duplicate',
id: link.getAttribute( 'data-id' )
} ).done( function ( response ) {
_utils.stateResponse( response, _utils )
} );
} );
return false;
},
remove: function ( e, link ) {
this.collapse();
TVE.main.overlay();
_utils.state_ajax( {
custom_action: 'delete',
id: link.getAttribute( 'data-id' )
} ).done( function ( response ) {
TVE.page_message( 'State Deleted' );
_utils.stateResponse( response, _utils );
} );
return false;
}
} );

View File

@@ -0,0 +1 @@
(()=>{var t={1305:t=>{var e=null,n=TVE.shortcode_manager;t.exports=TVE.modal.base.extend({after_initialize:function(){this.$el.addClass("medium"),this.$campaign=this.$el.find("#tve_ult_campaign"),this.$shortcode=this.$el.find("#tve_ult_shortcode")},before_open:function(){if(!TVE.ActiveElement.hasClass("tcb-elem-placeholder")){var t=this.get_config();void 0!==t.tve_ult_campaign&&void 0!==t.tve_ult_shortcode&&(this.$campaign.val(t.tve_ult_campaign).trigger("change"),this.$shortcode.val(t.tve_ult_shortcode))}},get_config:function(){return n(TVE.ActiveElement.find(".thrive-shortcode-config"),"ultimatum_shortcode").get()},campaign_changed:function(t,e){var n=this.$shortcode;n.html(""),e.value&&jQuery.each(tve_ult_page_data.tu_shortcode_campaigns[e.value].designs,(function(t,e){var o=jQuery("<option/>").text(e).val(t);n.append(o)}),this)},generate_countdown_html:function(){var t=this,e=TVE.ActiveElement;this.countdown_ajax({tve_ult_campaign:this.$campaign.val(),tve_ult_shortcode:this.$shortcode.val()}).done((function(t){t&&(e.html(t).removeClass("tcb-elem-placeholder"),TVE.inner.window.TCB_Front.handleIframes(e,!0),TVE.Editor_Page.focus_element(e),e.find(".thrv_countdown_timer").tve_countdown_timer().update(),"function"==typeof TVE.Components.countdown.updateElement&&TVE.Components.countdown.updateElement(e.find(".tve-countdown")))})).error((function(t){TVE.page_message(t.responseText,2,5e3)})).complete((function(){TVE.main.overlay("close"),t.close()}))},countdown_ajax:function(t,e){var n={type:"post",dataType:"json",url:tve_ult_page_data.ajaxurl};if(TVE.main.overlay(),t.action="tve_ult_fetch_countdown_for_editor",t._nonce=tve_ult_page_data.security,n.data=t,e)for(var o in e)n[o]=e[o];return jQuery.ajax(n,t)}},{get_instance:function(t){return e||(e=new TVE_Ult_Ext.UltimatumCountdown({el:t})),e}})},9872:t=>{t.exports=TVE.Views.Base.component.extend({controls_init:function(){},placeholder_action:function(){TVE_Ult_Ext.UltimatumCountdown.get_instance(TVE.modal.get_element("campaign-shotcodes")).open({top:"20%"})},change_countdown:function(){this.placeholder_action()}})}},e={};function n(o){var a=e[o];if(void 0!==a)return a.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}var o=window.TVE||{},a=window.TVE_Ult_Ext=a||{};jQuery(window).on("tcb_main_ready",(function(){o.Views.Components.ultimatum_countdown=n(9872),a.UltimatumCountdown=n(1305)}))})();

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,75 @@
<?php
/**
* Created by PhpStorm.
* User: ovidi
* Date: 7/22/2017
* Time: 6:34 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
class TCB_Ultimatum_Bar_Element extends TCB_Cloud_Template_Element_Abstract {
/**
* Name of the element
*
* @return string
*/
public function name() {
return __( 'Ultimatum Ribbon', 'thrive-ult');
}
/**
* Return icon class needed for display in menu
*
* @return string
*/
public function icon() {
return '';
}
/**
* Element identifier
*
* @return string
*/
public function identifier() {
return '.thrv_ult_bar';
}
/**
* Hidden element
*
* @return string
*/
public function hide() {
return true;
}
public function is_placeholder() {
return false;
}
/**
* Component and control config
*
* @return array
*/
public function own_components() {
return array(
'ultimatum_bar' => array(
'config' => array(),
),
'typography' => array( 'hidden' => true ),
'animation' => array( 'hidden' => true ),
'styles-templates' => array( 'hidden' => true ),
'responsive' => array( 'hidden' => true ),
'shadow' => array(
'config' => array(
'important' => true,
),
),
);
}
}

View File

@@ -0,0 +1,57 @@
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
if ( ! class_exists( 'TCB_Icon_Element' ) ) {
require_once TVE_Ult_Const::plugin_path( 'tcb/inc/classes/elements/class-tcb-icon-element.php' );
}
class TCB_Ultimatum_Close_Bar_Element extends TCB_Icon_Element {
/**
* Name of the element
*
* @return string
*/
public function name() {
return __( 'Close Ultimatum', 'thrive-ult');
}
/**
* Return icon class needed for display in menu
*
* @return string
*/
public function icon() {
return '';
}
/**
* Element identifier
*
* @return string
*/
public function identifier() {
return '.tve-ult-bar-close-editable';
}
public function hide() {
return true;
}
/**
* Component and control config
*
* @return array
*/
public function own_components() {
$components = parent::own_components();
$components['icon']['disabled_controls'] = array( 'ToggleURL', 'link' );
$components['animation'] = array( 'hidden' => true );
$components['responsive'] = array( 'hidden' => true );
$components['scroll'] = array( 'hidden' => true );
return $components;
}
}

View File

@@ -0,0 +1,117 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/20/2017
* Time: 8:31 AM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
class TCB_Ultimatum_Countdown_Element extends TCB_Element_Abstract {
/**
* Name of the element
*
* @return string
*/
public function name() {
return __( 'Ultimatum Countdown', 'thrive-ult');
}
/**
* Get element alternate
*
* @return string
*/
public function alternate() {
return 'thrive, scarcity';
}
/**
* Return icon class needed for display in menu
*
* @return string
*/
public function icon() {
return 'ultimatum';
}
/**
* Element identifier
*
* @return string
*/
public function identifier() {
return '.thrive_ultimatum_shortcode'; //For backwards compatibility
}
/**
* This is only a placeholder element
*
* @return bool
*/
public function is_placeholder() {
return false;
}
/**
* Element HTML
*
* @return string
*/
public function html() {
$content = '';
ob_start();
include TVE_Ult_Const::plugin_path( 'tcb-bridge/editor-layouts/elements/ultimatum-countdown.php' );
$content = ob_get_contents();
ob_end_clean();
return $content;
}
/**
* Element category that will be displayed in the sidebar
*
* @return string
*/
public function category() {
return $this->get_thrive_integrations_label();
}
/**
* Component and control config
*
* @return array
*/
public function own_components() {
return array(
'ultimatum_countdown' => array(
'config' => array(),
),
'typography' => array( 'hidden' => true ),
'layout' => array( 'hidden' => true ),
'borders' => array( 'hidden' => true ),
'animation' => array( 'hidden' => true ),
'background' => array( 'hidden' => true ),
'styles-templates' => array( 'hidden' => true ),
'shadow' => array( 'hidden' => true ),
);
}
/**
* Element info
*
* @return string|string[][]
*/
public function info() {
return array(
'instructions' => array(
'type' => 'help',
'url' => 'ultimatum_countdown',
'link' => 'http://help.thrivethemes.com/en/articles/4426118-how-to-set-up-shortcode-countdown-designs-for-ultimatum-campaigns#add-the-shortcode-to-your-page',
),
);
}
}

View File

@@ -0,0 +1,71 @@
<?php
/**
* Created by PhpStorm.
* User: ovidi
* Date: 7/22/2017
* Time: 6:24 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
class TCB_Ultimatum_Shortcode_Element extends TCB_Cloud_Template_Element_Abstract {
/**
* Name of the element
*
* @return string
*/
public function name() {
return __( 'Ultimatum Shortcode', 'thrive-ult');
}
/**
* Return icon class needed for display in menu
*
* @return string
*/
public function icon() {
return '';
}
/**
* Element identifier
*
* @return string
*/
public function identifier() {
return '.thrv_ult_shortcode';
}
/**
* Hidden element
*
* @return string
*/
public function hide() {
return true;
}
public function is_placeholder() {
return false;
}
/**
* Component and control config
*
* @return array
*/
public function own_components() {
return array(
'ultimatum_shortcode' => array(
'config' => array(),
),
'typography' => array( 'hidden' => true ),
'animation' => array( 'hidden' => true ),
'styles-templates' => array( 'hidden' => true ),
'responsive' => array( 'hidden' => true ),
);
}
}

View File

@@ -0,0 +1,71 @@
<?php
/**
* Created by PhpStorm.
* User: ovidi
* Date: 7/22/2017
* Time: 6:40 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
class TCB_Ultimatum_Widget_Element extends TCB_Cloud_Template_Element_Abstract {
/**
* Name of the element
*
* @return string
*/
public function name() {
return __( 'Ultimatum Widget', 'thrive-ult');
}
/**
* Return icon class needed for display in menu
*
* @return string
*/
public function icon() {
return '';
}
/**
* Element identifier
*
* @return string
*/
public function identifier() {
return '.thrv_ult_widget';
}
/**
* Hidden element
*
* @return string
*/
public function hide() {
return true;
}
public function is_placeholder() {
return false;
}
/**
* Component and control config
*
* @return array
*/
public function own_components() {
return array(
'ultimatum_widget' => array(
'config' => array(),
),
'typography' => array( 'hidden' => true ),
'animation' => array( 'hidden' => true ),
'styles-templates' => array( 'hidden' => true ),
'responsive' => array( 'hidden' => true ),
);
}
}

View File

@@ -0,0 +1,10 @@
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
?>
<button class="tcb-settings-modal-open-button click" data-fn="tve_ult_save_template">
<?php echo __( 'Save Template', 'thrive-ult' ); ?>
<?php tcb_icon( 'go-to' ); ?>
</button>

View File

@@ -0,0 +1,16 @@
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
?>
<?php if ( ! tve_ult_allow_cloud_templates() ): ?>
<div class="tcb-right-sidebar-white-box">
<button class="click green-ghost-button p-5 w-100" data-fn="tve_ult_reset_template">
<?php tcb_icon( 'undo-regular' ); ?>
<?php echo __( 'Reset to default content', 'thrive-ult' ); ?>
</button>
</div>
<hr class="mt-20" style="background: #dee8e8">
<?php endif; ?>

View File

@@ -0,0 +1,6 @@
<div class="thrv_wrapper tcb-row-empty tcb-elem-placeholder thrive_ultimatum_shortcode">
<span class="tcb-inline-placeholder-action with-icon">
<?php tcb_icon( 'ultimatum', false, 'editor' ) ?>
<?php echo __( 'Insert Ultimatum Countdown', 'thrive-ult') ?>
</span>
</div>

View File

@@ -0,0 +1,29 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/20/2017
* Time: 5:46 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden
}
?>
<div id="tve-ultimatum_countdown-component" class="tve-component" data-view="ultimatum_countdown">
<div class="dropdown-header" data-prop="docked">
<?php echo __( 'Ultimatum Countdown Options', 'thrive-ult'); ?>
<i></i>
</div>
<div class="dropdown-content">
<div class="row padding-top-10 middle-xs">
<div class="col-xs-12 tcb-text-center">
<button class="blue tve-button click" data-fn="change_countdown">
<?php echo __( 'Change Countdown', 'thrive-ult'); ?>
</button>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,24 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/25/2017
* Time: 5:39 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
?>
<h2 class="tcb-modal-title"><?php echo __( 'Add / edit design state', 'thrive-ult'); ?></h2>
<div class="tve-templates-wrapper">
<div class="tvd-input-field margin-bottom-5 margin-top-25">
<input type="text" id="tve-ult-state-name" required>
<label for="tve-ult-state-name"><?php echo __( 'State Name', 'thrive-ult'); ?></label>
</div>
</div>
<div class="tcb-modal-footer">
<button type="button" class="tcb-right tve-button medium green click white-text" data-fn="save">
<?php echo __( 'Save', 'thrive-ult') ?>
</button>
</div>

View File

@@ -0,0 +1,46 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/20/2017
* Time: 12:32 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
$tu_campaigns = tve_ult_get_campaign_with_shortcodes();
?>
<h2 class="tcb-modal-title"><?php echo __( 'Thrive Ultimatum Campaign Shortcodes', 'thrive-ult'); ?></h2>
<hr class="margin-top-0">
<div class="margin-top-0">
<?php echo __( 'Select a Campaign and a Shortcode design you want to be displayed in your content. All the logic of selected Campaign will be applied on selected design too. Please make sure you do the right settings for your Campaign', 'thrive-ult'); ?>
</div>
<div class="tve-templates-wrapper">
<div class="row margin-top-20">
<div class="col col-xs-6"><?php echo __( 'Select Campaign:', 'thrive-ult'); ?></div>
<div class="col col-xs-6">
<select id="tve_ult_campaign" name="tve_ult_campaign" class="change" data-fn="campaign_changed">
<option value=""><?php echo __( 'Select campaign', 'thrive-ult'); ?></option>
<?php foreach ( $tu_campaigns as $campaign ) : ?>
<option value="<?php echo $campaign->ID ?>"><?php echo $campaign->post_title ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="row margin-top-20">
<div class="col col-xs-6"><?php echo __( 'Select Shortcode:', 'thrive-ult'); ?></div>
<div class="col col-xs-6">
<select id="tve_ult_shortcode" name="tve_ult_shortcode">
<option><?php echo __( 'Select shortcode', 'thrive-ult'); ?></option>
</select>
</div>
</div>
</div>
<div class="tcb-modal-footer">
<button type="button" class="tcb-right tve-button medium green click white-text" data-fn="generate_countdown_html">
<?php echo __( 'Save and close', 'thrive-ult') ?>
</button>
</div>

View File

@@ -0,0 +1,42 @@
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
global $design;
if ( empty( $design ) ) {
$design = tve_ult_get_design( $_REQUEST[ TVE_Ult_Const::DESIGN_QUERY_KEY_NAME ] );
}
$design_type_details = TVE_Ult_Const::design_details( $design['post_type'] );
$name = $design_type_details['name'];
?>
<div class="error-container"></div>
<div class="tve-modal-content">
<div id="cb-cloud-menu" class="modal-sidebar">
<div class="lp-menu-wrapper mt-30">
<div class="sidebar-title">
<p><?php echo __( 'Type', 'thrive-ult'); ?></p>
<span class="tcb-hl"></span>
</div>
<div id="types-wrapper" class="mt-10"></div>
</div>
</div>
<div id="cb-cloud-templates" class="modal-content">
<div class="warning-ct-change no-margin">
<div class="tcb-notification info-text">
<div class="tcb-warning-label"><?php echo __( 'Warning!', 'thrive-ult'); ?></div>
<div class="tcb-notification-content"></div>
</div>
</div>
<div class="tcb-modal-header flex-center space-between">
<div id="cb-pack-title" class="tcb-modal-title"><?php echo __( 'Templates', 'thrive-ult') ?></div>
<span data-fn="clearCache" class="tcb-refresh mr-30 click flex-center">
<span class="mr-10"><?php tcb_icon( 'sync-regular' ); ?></span>
<span class="mr-10"><?php echo __( 'Refresh from cloud', 'thrive-ult'); ?></span>
</span>
</div>
<div id="cb-pack-content"></div>
</div>
</div>

View File

@@ -0,0 +1,21 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/21/2017
* Time: 3:27 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
?>
<h2 class="tcb-modal-title"><?php echo __( 'Reset to default content', 'thrive-ult') ?></h2>
<div class="margin-top-20">
<?php echo __( 'Are you sure you want to reset this variation to the default template? This action cannot be undone.', 'thrive-ult') ?>
</div>
<div class="tcb-modal-footer">
<button type="button" class="tcb-right tve-button medium red click" data-fn="reset">
<?php echo __( 'Reset to default content', 'thrive-ult') ?>
</button>
</div>

View File

@@ -0,0 +1,28 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/21/2017
* Time: 3:55 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
?>
<h2 class="tcb-modal-title"><?php echo __( 'Save Page Template', 'thrive-ult'); ?></h2>
<div class="margin-top-20">
<?php echo __( 'You can save the current page as a template for use on another post / page on your site.', 'thrive-ult') ?>
</div>
<div class="tve-templates-wrapper">
<div class="tvd-input-field margin-bottom-5 margin-top-25">
<input type="text" id="tve-template-name" required>
<label for="tve-template-name"><?php echo __( 'Template Name', 'thrive-ult'); ?></label>
</div>
</div>
<div class="tcb-modal-footer flex-end">
<button type="button" class="tcb-right tve-button medium green click white-text" data-fn="save">
<?php echo __( 'Save Template', 'thrive-ult') ?>
</button>
</div>

View File

@@ -0,0 +1,63 @@
<?php
/**
* Created by PhpStorm.
* User: Ovidiu
* Date: 7/21/2017
* Time: 12:11 PM
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Silence is golden!
}
/*
* Lightbox content for listing all the templates for a campaign design
*/
global $design;
if ( empty( $design ) ) {
$design = tve_ult_get_design( $_REQUEST[ TVE_Ult_Const::DESIGN_QUERY_KEY_NAME ] );
}
$design_type_details = TVE_Ult_Const::design_details( $design['post_type'] );
$current_template = ! empty( $design[ TVE_Ult_Const::FIELD_TEMPLATE ] ) ? $design[ TVE_Ult_Const::FIELD_TEMPLATE ] : '';
$templates = TU_Template_Manager::get_templates( $design['post_type'] );
?>
<h2 class="tcb-modal-title"><?php echo sprintf( __( 'Choose the %s template you would like to use for this design', 'thrive-ult'), $design_type_details['name'] ); ?></h2>
<div class="margin-top-20">
<?php echo __( 'If you change your the template without saving the current revision, you won\'t be able to revert back to it later.', 'thrive-ult') ?>
</div>
<div class="tve-templates-wrapper">
<div class="tve-header-tabs">
<div class="tab-item active click" data-fn="tab_click" data-content="default"><?php echo __( 'Default Templates', 'thrive-ult'); ?></div>
<div class="tab-item click" data-fn="tab_click" data-content="saved"><?php echo sprintf( __( 'Saved %s Templates', 'thrive-ult'), $design_type_details['name'] ); ?></div>
</div>
<div class="tve-tabs-content">
<div class="tve-tab-content active" data-content="default">
<div class="tve-default-templates-list expanded-set">
<?php foreach ( $templates as $data ) : ?>
<div class="tve-template-item">
<div class="template-wrapper click<?php echo $current_template == $data['key'] ? ' active' : '' ?>" data-fn="select_template" data-key="<?php echo $data['key']; ?>">
<div class="template-thumbnail" style="background-image: url('<?php echo $data['thumbnail']; ?>')"></div>
<div class="template-name">
<?php echo $data['name']; ?>
</div>
<div class="selected"></div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<div class="tve-tab-content" data-content="saved">
<div class="tve-saved-templates-list expanded-set"></div>
</div>
<div class="tve-template-preview"></div>
</div>
</div>
<div class="tcb-modal-footer">
<button type="button" class="tcb-right tve-button medium green click white-text" data-fn="save">
<?php echo __( 'Choose Template', 'thrive-ult') ?>
</button>
</div>

View File

@@ -0,0 +1,336 @@
<?php
return array(
'ribbon' => array(
'set_01' => array(
'name' => 'Ribbon Set 001',
'css' => 'set_01.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
),
),
'set_02' => array(
'name' => 'Ribbon Set 002',
'css' => 'set_02.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700,700italic',
'//fonts.googleapis.com/css?family=Cookie',
),
),
'set_03' => array(
'name' => 'Ribbon Set 003',
'css' => 'set_03.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700',
'//fonts.googleapis.com/css?family=Droid+Sans:700',
),
),
'set_04' => array(
'name' => 'Ribbon Set 004',
'css' => 'set_04.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Ubuntu:400,300,700,500',
),
),
'set_05' => array(
'name' => 'Ribbon Set 005',
'css' => 'set_05.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
),
),
'set_06' => array(
'name' => 'Ribbon Set 006',
'css' => 'set_06.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,300,500,700',
),
),
'set_07' => array(
'name' => 'Ribbon Set 007',
'css' => 'set_07.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Lobster'
)
),
'set_08' => array(
'name' => 'Ribbon Set 008',
'css' => 'set_08.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Amaranth'
)
),
'set_09' => array(
'name' => 'Ribbon Set 009',
'css' => 'set_09.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic'
)
),
'set_10' => array(
'name' => 'Ribbon Set 010',
'css' => 'set_10.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Dancing+Script:400,700'
)
),
'set_11' => array(
'name' => 'Ribbon Set 011',
'css' => 'set_11.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700'
)
),
'set_12' => array(
'name' => 'Ribbon Set 012',
'css' => 'set_12.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700'
)
),
'set_13' => array(
'name' => 'Ribbon Set 013',
'css' => 'set_13.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Pacifico'
)
),
'set_14' => array(
'name' => 'Ribbon Set 014',
'css' => 'set_14.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Droid+Sans:400,700'
)
),
'set_15' => array(
'name' => 'Ribbon Set 015',
'css' => 'set_15.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300'
)
),
'set_16' => array(
'name' => 'Ribbon Set 016',
'css' => 'set_16.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Abril+Fatface'
)
),
),
'widget' => array(
'set_01' => array(
'name' => 'Widget Set 001',
'css' => 'set_01.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
),
),
'set_02' => array(
'name' => 'Widget Set 002',
'css' => 'set_02.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700,700italic',
'//fonts.googleapis.com/css?family=Cookie',
),
),
'set_03' => array(
'name' => 'Widget Set 003',
'css' => 'set_03.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700',
'//fonts.googleapis.com/css?family=Droid+Sans:700',
),
),
'set_04' => array(
'name' => 'Widget Set 004',
'css' => 'set_04.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Ubuntu:400,300,700,500'
),
),
'set_05' => array(
'name' => 'Widget Set 005',
'css' => 'set_05.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
),
),
'set_06' => array(
'name' => 'Widget Set 006',
'css' => 'set_06.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,300,500,700'
),
),
'set_07' => array(
'name' => 'Widget Set 007',
'css' => 'set_07.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Lobster'
)
),
'set_08' => array(
'name' => 'Widget Set 008',
'css' => 'set_08.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Amaranth'
)
),
'set_09' => array(
'name' => 'Widget Set 009',
'css' => 'set_09.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic'
)
),
'set_10' => array(
'name' => 'Widget Set 010',
'css' => 'set_10.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Dancing+Script:400,700'
)
),
'set_11' => array(
'name' => 'Widget Set 011',
'css' => 'set_11.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700'
)
),
'set_12' => array(
'name' => 'Widget Set 012',
'css' => 'set_12.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic',
'//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700'
)
),
'set_13' => array(
'name' => 'Widget Set 013',
'css' => 'set_13.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Pacifico'
)
),
'set_14' => array(
'name' => 'Widget Set 014',
'css' => 'set_14.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Droid+Sans:400,700'
)
),
'set_15' => array(
'name' => 'Widget Set 015',
'css' => 'set_15.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300'
)
),
'set_16' => array(
'name' => 'Widget Set 016',
'css' => 'set_16.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700',
'//fonts.googleapis.com/css?family=Abril+Fatface',
),
),
),
'shortcode' => array(
'set_17' => array(
'name' => 'Shortcode Set 017',
'css' => 'set_17.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,300,500,700'
)
),
'set_18' => array(
'name' => 'Shortcode Set 018',
'css' => 'set_18.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto:400,300,500,700'
)
),
'set_19' => array(
'name' => 'Shortcode Set 019',
'css' => 'set_19.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
)
),
'set_20' => array(
'name' => 'Shortcode Set 020',
'css' => 'set_20.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700'
)
),
'set_21' => array(
'name' => 'Shortcode Set 021',
'css' => 'set_21.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Poppins:400,500,600'
)
),
'set_22' => array(
'name' => 'Shortcode Set 022',
'css' => 'set_22.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700'
)
),
'set_23' => array(
'name' => 'Shortcode Set 023',
'css' => 'set_23.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Poppins:400,500,600'
)
),
'set_24' => array(
'name' => 'Shortcode Set 024',
'css' => 'set_24.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Poppins:400,500,600'
)
),
'set_25' => array(
'name' => 'Shortcode Set 025',
'css' => 'set_25.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
)
),
'set_26' => array(
'name' => 'Shortcode Set 026',
'css' => 'set_26.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
)
),
'set_27' => array(
'name' => 'Shortcode Set 027',
'css' => 'set_27.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
)
),
'set_28' => array(
'name' => 'Shortcode Set 028',
'css' => 'set_28.css',
'fonts' => array(
'//fonts.googleapis.com/css?family=Lato:300,400,700'
)
)
)
);

View File

@@ -0,0 +1 @@
body .thrv_wrapper.thrv_ult_bar{margin:0}.tve-ult-bar{top:-100%;left:0;min-height:20px;position:fixed;right:0;z-index:90000;transition:top .7s}.tve_editor_page .tve-ult-bar{z-index:0}.tve-ult-bar.tvu-triggered{top:0;transition:top .6s}.admin-bar .tve-ult-bar.tvu-header.tvu-triggered{top:32px}.tve-ult-bar.tvu-footer{top:auto !important;bottom:-100%;transition:bottom .7s}.tve-ult-bar.tvu-footer.tvu-triggered{bottom:0;transition:bottom .6s}.single-tve_ult_campaign .tve-ult-bar .admin-bar{z-index:0;top:32px}.tve-ult-bar .tve-ult-bar-content{margin:0 auto}.tve-ult-bar .thrv-ult-bar{box-shadow:0 1px 1px rgba(0,0,0,.3);padding:10px 0;margin:0}.tve-ult-bar-close-editable{position:absolute;top:10px;right:10px;border:1px solid #cdcdcd;border-radius:22px;z-index:100;margin:0 !important;padding:0;cursor:pointer}.tve-ult-shortcode{position:relative;z-index:0;opacity:0;visibility:hidden}.tve-ult-shortcode.tvu-triggered{opacity:1;transition:opacity .6s;visibility:visible}.tve-ult-shortcode .thrv_ult_shortcode{padding:10px;margin:0}@media(max-width: 380px){.tve-ult-shortcode .thrv_ult_shortcode{padding:10px 0}}.tve-ult-widget{position:relative;z-index:0;opacity:0}.tve-ult-widget.tvu-triggered{opacity:1;transition:opacity .6s}.tve-ult-widget .thrv_ult_widget{padding:10px;margin:0}.tve-ult-widget .thrv_ult_widget .thrv_bullets_shortcode li{background:none;border-bottom:0;padding:0}

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 386 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,71 @@
.thrv_countdown_timer {
&[data-dd="2"] {
&.tve_countdown_1 {
.tve_t_day {
.t-digits {
min-width: 50px;
}
}
}
&.tve_countdown_2 {
.tve_t_day {
.t-digits {
min-width: 80px;
}
}
}
&.tve_countdown_3 {
.tve_t_day {
.t-digits {
min-width: 50px;
}
}
}
}
&[data-dd="3"] {
&.tve_countdown_1 {
.tve_t_day {
.t-digits {
min-width: 75px;
}
}
}
&.tve_countdown_2 {
.tve_t_day {
.t-digits {
min-width: 120px;
}
}
}
&.tve_countdown_3 {
.tve_t_day {
.t-digits {
min-width: 75px;
}
}
}
}
&[data-dd="4"] {
&.tve_countdown_1 {
.tve_t_day {
.t-digits {
min-width: 100px;
}
}
}
&.tve_countdown_2 {
.tve_t_day {
.t-digits {
min-width: 160px;
}
}
}
&.tve_countdown_3 {
.tve_t_day {
.t-digits {
min-width: 100px;
}
}
}
}
}

View File

@@ -0,0 +1,79 @@
@mixin clearfix {
&:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
}
@media only screen and (max-width: 1300px) {
body {
//background: red !important;
}
.tve-ult-bar-content {
padding: 0 40px;
}
.tve-ult-bar .tve-ult-close {
transform: translateY(0);
right: 5px;
top: 20px;
}
}
@media only screen and (max-width: 1080px) {
body {
// background: yellow !important;
}
}
@media only screen and (max-width: 940px) {
body {
// background: blue !important;
}
}
@media only screen and (max-width: 774px) {
body {
// background: green !important;
//margin-top: 0 !important;
}
}
@media only screen and (max-width: 540px) {
body {
// background: pink !important;
}
.tve-ult-bar .tve-ult-bar-content {
min-width: 100px;
}
.tl-style {
//reset heading font size
h1 {
font-size: 33px !important;
}
h2 {
font-size: 30px !important;
}
h3 {
font-size: 25px !important;
}
h4 {
font-size: 22px !important;
}
h5 {
font-size: 18px !important;
}
h6 {
font-size: 17px !important;
}
}
}

View File

@@ -0,0 +1,94 @@
@import "_countdown";
@import "../../../assets/css/sass/variables";
/*
* this should contain general css that applies to Header / footer bars
* to overwrite editor styles, use editor.scss
*/
body {
.thrv_wrapper {
&.thrv_ult_bar {
margin: 0;
}
}
}
/* Header / footer bars */
.tve-ult-bar {
top: -100%;
left: 0;
min-height: 20px;
position: fixed;
right: 0;
z-index: 90000;
.tve_editor_page & {
z-index: 0;
}
transition: top .7s;
&.tvu-triggered {
top: 0;
transition: top .6s;
}
.admin-bar & {
&.tvu-header.tvu-triggered {
top: 32px;
}
}
&.tvu-footer {
top: auto !important;
bottom: -100%;
transition: bottom .7s;
&.tvu-triggered {
bottom: 0;
transition: bottom .6s;
}
}
.single-tve_ult_campaign & {
.admin-bar {
z-index: 0;
top: 32px;
}
}
.tve-ult-bar-content {
margin: 0 auto;
max-width: 1080px;
min-width: 500px;
}
.thrv-ult-bar {
box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
padding: 10px 0;
margin: 0;
}
.tve-ult-bar-close {
position: absolute;
top: 50%;
right: 2%;
transform: translateY(-50%);
font-size: 30px;
line-height: 23px;
color: #fff;
border: 1px solid;
display: block;
text-align: center;
text-decoration: none;
border-radius: 22px;
width: 30px;
height: 30px;
z-index: 100;
}
}
@each $border in $borderStyles {
.tve-ult-bar {
.tve_brdr_#{$border} {
border-bottom-style: #{$border} !important;
}
}
}
// ##### TABLET VIEW #####
@media (max-width: 1023px) and (min-width: 768px) {
.tcb-medium-wrap .tcb-flex-col {
flex-basis: 400px;
}
}

View File

@@ -0,0 +1,33 @@
@import "_countdown";
@import "../../../assets/css/sass/variables";
/*
* this should contain general styles needed for the shortcode
*/
/* shortcode design */
.tve-ult-shortcode {
position: relative;
z-index: 0;
opacity: 0;
visibility: hidden;
&.tvu-triggered {
opacity: 1;
transition: opacity .6s;
visibility: visible;
}
.thrv_ult_shortcode {
padding: 10px;
margin: 0;
}
}
@media (max-width: 380px) {
.tve-ult-shortcode {
.thrv_ult_shortcode {
padding: 10px 0;
}
}
}

View File

@@ -0,0 +1,34 @@
@import "_countdown";
@import "../../../assets/css/sass/variables";
/*
* this should contain general styles needed for the widget
*/
/* widget design */
.tve-ult-widget {
position: relative;
z-index: 0;
opacity: 0;
&.tvu-triggered {
opacity: 1;
transition: opacity .6s;
}
.thrv_ult_widget {
padding: 10px;
margin: 0;
.thrv_bullets_shortcode {
li {
background: none;
border-bottom: 0;
padding: 0;
}
}
}
}
@each $border in $borderStyles {
.tve_brdr_#{$border} {
border-style: #{$border} !important;
}
}

View File

@@ -0,0 +1,343 @@
@import "config/_base_set_01_config";
#tvu_set_01 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
border-top: 1px solid rgba(#fff, .4);
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_orange, &.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
border-top: 1px solid rgba(#000, .4);
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_01 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
border: 2px solid nth($color, 2);
.tve_btnLink {
color: nth($color, 2);
}
&:hover {
background: nth($color, 3);
border: 2px solid nth($color, 3);
}
&:active {
background: nth($color, 4);
border: 2px solid nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1100px) {
#tvu_set_01 {
.thrv_ult_bar {
padding: 10px 0
}
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 10px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
}
.tvu_set_01 {
.thrv-button:hover .tcb-button-link {
background-color: rgb(215, 254, 58);
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: rgb(215, 254, 58) !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: rgb(0, 0, 0);
}
.thrv-button .tcb-button-link span {
color: rgb(215, 254, 58);
text-shadow: none;
}
.thrv-button .tcb-button-link {
font-size: 24px;
box-shadow: none;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0px;
}
.tcb-button-link {
border-radius: 50px;
background: transparent;
padding: 13px 50px;
border: 2px solid rgb(215, 254, 58);
}
}

View File

@@ -0,0 +1,341 @@
@import "config/_base_set_02_config";
#tvu_set_02 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family2;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_02 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
border: 2px solid nth($color, 2);
.tve_btnLink {
color: nth($color, 2);
}
&:hover {
background: nth($color, 3);
border: 2px solid nth($color, 3);
}
&:active {
.tve_btnLink {
color: nth($color, 3);
}
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1200px) {
#tvu_set_02 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 12px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_02 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #cd3568;
.tvu_set_02 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
border: 2px solid $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: $set-hover-text-color;
}
.thrv-button .tcb-button-link span {
color: $set-color;
font-weight: 700;
}
.thrv-button .tcb-button-link {
font-size: 22px;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
border-radius: 50px;
background: transparent;
padding: 13px 50px;
border: 2px solid $set-color;
}
}

View File

@@ -0,0 +1,371 @@
@import "config/_base_set_03_config";
#tvu_set_03 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
border: 1px solid $close-btn-border-color;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border: 0;
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_1 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
&:after {
font-size: $item-font-size;
font-family: $font-family2;
font-weight: $item-font-weight;
line-height: $item-line-height;
content: ':';
position: absolute;
right: -23px;
bottom: 0;
top: 0;
}
&.tve_t_sec {
&:after {
display: none;
}
}
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
// color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
font-family: $font-family2;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
border-top: 0;
//color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
font-family: $font-family2;
min-width: 15px;
margin: 0;
padding: 0;
position: absolute;
right: -2px;
bottom: 0;
&:before {
display: none;
}
}
}
//&.tve_white {
// .tve_t_part {
// [class*="part-"] {
// color: $item-color-dark;
// }
// .t-caption {
// color: $caption-color-dark;
// }
// }
//}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_03 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
&:active {
background: nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_1.tve_#{nth($color, 1)} {
.tve_t_part {
color: nth($color, 6);
[class*='part-'] {
color: nth($color, 6);
}
}
.t-caption {
color: rgba(nth($color, 6), .25);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_03 {
.thrv_countdown_timer.tve_countdown_1 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
&:after {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: -18px;
}
.t-caption {
font-size: 12px;
margin: 0 5px;
padding: 0 0 5px;
right: -10px;
bottom: -7px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_03 {
.thrv_countdown_timer.tve_countdown_1 {
margin: 10px auto;
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #782024;
$set-bg-color: #69070b;
.tvu_set_03 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: $set-hover-text-color;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.thrv-button .tcb-button-link {
font-size: 24px;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
background: $set-bg-color;
padding: 12px 30px;
}
}

View File

@@ -0,0 +1,345 @@
@import "config/_base_set_04_config";
#tvu_set_04 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
// color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
// color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
// margin: 0 10px;
padding: 2px 0 7px 0;
&:before {
display: none;
}
}
}
//&.tve_white {
// .tve_t_part {
// [class*="part-"] {
// color: $item-color-dark;
// }
// .t-caption {
// color: $caption-color-dark;
// }
// }
//}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_04 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
border-bottom: 3px solid nth($color, 3);
&:hover {
background: nth($color, 4);
border-bottom: 3px solid nth($color, 5);
}
&:active {
background: nth($color, 2);
border-bottom: 3px solid nth($color, 6);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 2px solid rgba(nth($color, 2), .66);
.t-digits {
[class*='part-'] {
color: nth($color, 2);
}
}
}
.t-caption {
color: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1200px) {
#tvu_set_04 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_04 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #ffd633;
$set-bg-color: #fc0;
.tvu_set_04 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
border-bottom: 3px solid #c7a728;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: #000;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
background: $set-bg-color;
border-bottom: 3px solid #c79f00;
padding: 15px;
font-weight: 500;
font-size: 22px;
border-radius: 5px;
}
}

View File

@@ -0,0 +1,329 @@
@import "config/_base_set_05_config";
#tvu_set_05 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
&:active {
box-shadow: none;
}
@if $same-active-bg {
&:active:hover, &:active {
// border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
border-top: 1px solid rgba(#fff, .4);
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_orange, &.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
border-top: 1px solid rgba(#000, .4);
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_05 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1050px) {
#tvu_set_05 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 10px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_05 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
}
}
}
$set-bg-hover: #e6e6e6;
.tvu_set_05 {
.thrv-button:hover .tcb-button-link {
background-color: $set-bg-hover;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-bg-hover !important;
}
.thrv-button .tcb-button-link span {
color: #000;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
font-size: 24px;
line-height: 1.5em;
border-radius: 50px;
background: #fff;
padding: 13px 50px;
box-shadow: 0 2px 3px 0 rgba(79, 77, 77, 0.43);
}
}

View File

@@ -0,0 +1,365 @@
@import "config/_base_set_06_config";
#tvu_set_06 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
box-shadow: 0 1px 5px 0 rgba(#000, .51);
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
&:after {
background: #dadada;
height: 1px;
}
[class*="part-"] {
// color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
border-top: 0;
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
// margin: 0 10px;
padding: 6px 0 0 0;
&:before {
display: none;
}
}
}
&.tve_black {
.t-digits {
background: #333333;
}
.t-caption {
color: $caption-color-dark;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_06 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
border-bottom: 3px solid nth($color, 3);
&:hover {
background: nth($color, 4);
border-bottom: 3px solid nth($color, 5);
}
&:active {
background: nth($color, 6);
border-bottom: 3px solid nth($color, 7);
}
}
}
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
.t-digits {
[class*='part-'] {
color: nth($color, 8);
}
}
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
.set-06-arrow {
display: none;
}
#tvu_set_06 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_06 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.tvu-text {
text-align: center!important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-hover-bg-color: #f2f2f2;
$set-bg-color: #fff;
.tvu_set_06 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
border-bottom: 3px solid #bdbdbd;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: #000;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
background: $set-bg-color;
border-bottom: 3px solid #c7c7c7;
padding: 15px 50px;
font-size: 24px;
border-radius: 5px;
line-height: 1.4em;
}
}

View File

@@ -0,0 +1,367 @@
@import "config/_base_set_07_config";
#tvu_set_07 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family2;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_07 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 2);
}
&:active {
background: nth($color, 2);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 3px solid nth($color, 2);
[class*="part-"] {
color: nth($color, 2);
}
.t-caption {
color: nth($color, 2);
}
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
#tvu_set_07 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 10px !important;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_07 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto 10px;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #f3473c;
.tvu_set_07 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: $set-hover-text-color;
}
.thrv-button .tcb-button-link span {
color: $set-color;
font-weight: 700;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
border-radius: 50px;
background: #f3473c;
padding: 15px 50px;
font-size: 15px;
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.22) inset;
}
}

View File

@@ -0,0 +1,368 @@
@import "config/_base_set_08_config";
#tvu_set_08 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family2;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_08 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background-image: linear-gradient(nth($color, 2), nth($color, 3));
&:hover {
background-image: linear-gradient(nth($color, 4), nth($color, 5));
}
&:active {
background: nth($color, 6);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 3px solid nth($color, 2);
[class*="part-"] {
color: nth($color, 2);
}
.t-caption {
color: nth($color, 2);
}
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
#tvu_set_08 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 10px !important;;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_08 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: linear-gradient(#f67696, #ee4051);
.tvu_set_08 {
.thrv-button:hover .tcb-button-link {
background: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background: $set-hover-bg-color !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: $set-hover-text-color;
}
.thrv-button .tcb-button-link span {
color: $set-color;
font-weight: 600;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
border-radius: 50px;
background: linear-gradient(#f46883, #f04e63);
padding: 15px 50px;
font-size: 24px;
line-height: 1.5em;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.22) inset;
}
}

View File

@@ -0,0 +1,369 @@
@import "config/_base_set_09_config";
#tvu_set_09 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
.bold_text {
color: #8ba21a;
font-family: $font-family2;
}
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
border: 1px solid #69707b;
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_09 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background-image: linear-gradient(nth($color, 2), nth($color, 3));
&:hover {
background-image: linear-gradient(nth($color, 4), nth($color, 5));
}
&:active {
background: nth($color, 6);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
.set-06-arrow {
display: none;
}
#tvu_set_09 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_09 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #666;
$set-hover-text-color: #fff;
$set-hover-bg-color: linear-gradient(#eceaea, #fafafa);
$set-bg-color: linear-gradient(#fff, #fff);
.tvu_set_09 {
.thrv-button:hover .tcb-button-link {
background: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.thrv-button {
min-width: 20px;
margin: 5px auto 0;
}
.tcb-button-link {
background: $set-bg-color;
padding: 5px 25px;
font-size: 24px;
line-height: 1.5em;
font-weight: 500;
}
}

View File

@@ -0,0 +1,359 @@
@import "config/_base_set_10_config";
#tvu_set_10 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family2;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_10 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
&:active {
background: nth($color, 3);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
#tvu_set_10 {
.thrv_ult_bar {
background-position: -200px top !important;
}
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_10 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #4d4e59;
$set-bg-color: #3e3f4b;
.tvu_set_10 {
.thrv-button:hover .tcb-button-link {
background: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
background: $set-bg-color;
padding: 5px 25px;
font-size: 18px;
line-height: 2em;
font-weight: 500;
}
}

View File

@@ -0,0 +1,361 @@
@import "config/_base_set_11_config";
#tvu_set_11 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
.bold_text {
color: #00c2a9;
font-family: $font-family2;
}
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
border: 1px solid $close-btn-color;
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_11 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
&:active {
background: nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
.set-06-arrow {
}
@media only screen and (max-width: 1024px) {
#tvu_set_11 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 10px !important;;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_11 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #00b8a0;
.tvu_set_11 {
.thrv-button:hover .tcb-button-link {
background: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background: $set-hover-bg-color !important;
}
.thrv-button:hover .tcb-button-link span, .thrv-button.tve-state-hover .tcb-button-link span {
color: $set-hover-text-color;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
border-radius: 50px;
background: #00c2a9;
padding: 15px 25px;
font-size: 20px;
line-height: 24px;
font-weight: 700;
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.3) inset;
}
}

View File

@@ -0,0 +1,356 @@
@import "config/_base_set_12_config";
#tvu_set_12 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family2;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_12 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
&:active {
background: nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 4);
}
}
}
}
.set-06-arrow {
}
@media only screen and (max-width: 1024px) {
#tvu_set_12 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_12 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
.tvu-heading {
margin-top: 10px !important;
text-align: center !important;
}
.tvu-text {
text-align: center !important;
}
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #484848;
$set-bg-color: #333;
.tvu_set_12 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
background: $set-bg-color;
padding: 13px 25px;
font-size: 20px;
line-height: 24px;
font-weight: 500;
box-shadow: 0 2px 0 0 rgba(136, 97, 30, 0.26);
}
}

View File

@@ -0,0 +1,371 @@
@import "config/_base_set_13_config";
#tvu_set_13 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family2;
&:hover {
a {
text-shadow: 2px 2px 0 rgba(#828282, .2);
}
}
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
.tve_btn_txt {
display: table-caption;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_13 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background: nth($color, 2);
&:hover {
background: nth($color, 3);
}
&:active {
background: nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 3px solid nth($color, 2);
[class*="part-"] {
color: nth($color, 2);
}
.t-caption {
color: nth($color, 2);
}
}
}
}
}
.set-06-arrow {
}
@media only screen and (max-width: 1024px) {
#tvu_set_13 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_13 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
.tvu-heading {
margin-top: 5px !important;
text-align: center !important;
}
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: #991f47;
$set-bg-color: #a1214b;
.tvu_set_13 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
font-family: 'Pacifico', cursive;
border-radius: 100px;
background: $set-bg-color;
padding: 15px;
font-size: 25px;
line-height: 21px;
box-shadow: 2px 4px 0 0 rgba(130, 130, 130, 0.6);
}
}

View File

@@ -0,0 +1,370 @@
@import "config/_base_set_14_config";
#tvu_set_14 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family2;
&:hover {
a {
text-shadow: 2px 2px 0 rgba(#828282, .2);
}
}
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_orange {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_orange {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_orange {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_14 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background-image: linear-gradient(nth($color, 2), nth($color, 3));
&:hover {
background-image: linear-gradient(nth($color, 4), nth($color, 5));
}
&:active {
background: nth($color, 6);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 3px solid nth($color, 8);
[class*="part-"] {
color: nth($color, 8);
}
.t-caption {
color: nth($color, 8);
}
}
}
}
}
.set-06-arrow {
}
//SUPP-2928
@media only screen and (max-width: 1024px) {
#tvu_set_14 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_14 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
.tvu-heading {
margin-top: 5px !important;
text-align: center !important;
}
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-bg-color: linear-gradient(#22d5ee, #12b1e0);
$set-bg-color: linear-gradient(#1ecbea, #16bbe4);
.tvu_set_14 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
border-radius: 10px;
background: $set-bg-color;
padding: 13px 25px;
font-size: 24px;
line-height: 1em;
font-weight: 700;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.22) inset;
}
}

View File

@@ -0,0 +1,395 @@
@import "config/_base_set_15_config";
#tvu_set_15 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family2;
position: relative;
&:before, &:after {
content: '';
display: block;
height: 21px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
width: 19px;
}
&:before {
background-image: url('../images/set_69_arrow_left.png');
left: -25px;
}
&:after {
background-image: url('../images/set_69_arrow_right.png');
right: -25px;
}
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_black {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_black {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_black {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_15 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background-image: linear-gradient(nth($color, 2), nth($color, 3));
&:hover {
background-image: linear-gradient(nth($color, 3), nth($color, 2));
}
&:active {
background: nth($color, 4);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
.set-06-arrow {
}
@media only screen and (max-width: 1024px) {
#tvu_set_15 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 0 !important;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_15 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
.tvu-heading {
margin-top: 5px !important;
text-align: center !important;
}
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #ffd302;
$set-hover-bg-color: linear-gradient(#000, #1a1a1a);
$set-bg-color: linear-gradient(#1a1a1a, #000);
.tvu_set_15 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
background: $set-bg-color;
padding: 13px 25px;
font-size: 21px;
line-height: 24px;
font-weight: 700;
box-shadow: 0 2px 0 0 rgba(136, 97, 30, 0.26);
}
.tcb-quotes {
position: relative;
&:before, &:after {
content: '';
display: block;
height: 21px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
width: 19px;
}
&:before {
background-image: url('../images/set_69_arrow_left.png');
left: -25px;
}
&:after {
background-image: url('../images/set_69_arrow_right.png');
right: -25px;
}
}
}

View File

@@ -0,0 +1,371 @@
@import "config/_base_set_16_config";
#tvu_set_16 {
font-family: $font-family;
h5 {
color: $heading-color;
font-weight: $heading-font-weight;
font-size: $heading-font-size;
font-family: $font-family;
line-height: $heading-line-height;
letter-spacing: normal;
margin-bottom: 0;
.bold_text {
.bold_text {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-weight: 400;
font-family: $font-family2;
padding-bottom: 3px;
}
}
}
p {
color: $paragraph-color;
font-size: $paragraph-font-size;
font-weight: $paragraph-font-weight;
font-family: $font-family;
line-height: $paragraph-line-height;
margin-bottom: $paragraph-margin-bottom;
&.bold_text {
font-weight: $paragraph-bold-weight;
}
.bold_text {
color: #ffcc00;
font-weight: $paragraph-bold-weight;
}
}
.tve-ult-bar-close {
background: $close-btn-bg;
color: $close-btn-color;
@if $close-btn-no-border {
border: 0;
}
font-size: $close-btn-font-size;
height: $close-btn-size;
line-height: $close-btn-line-height;
top: 20%;
width: $close-btn-size;
}
//button
.thrv_button_shortcode {
margin-top: 0;
margin-bottom: 0;
.tve_btn3.tve_btn {
@if ($transparent-bg) {
background: none;
}
border-radius: $button-border-radius;
box-shadow: $button-box-shadow;
font-family: $font-family;
.tve_btnLink {
@if $same-colors-for-btns {
color: $button-default-color;
}
text-shadow: $button-text-shadow;
> span {
color: inherit;
}
}
@if $different-btn-white {
&.tve_white {
.tve_btnLink {
color: $button-white-color;
}
}
}
@if $different-btn-orange {
&.tve_black {
.tve_btnLink {
color: $button-orange-color;
}
}
}
&:hover {
.tve_btnLink {
color: $button-color-hover;
}
}
@if $same-active-bg {
&:active:hover, &:active {
border: 2px solid $button-active-border;
background: $button-active-bg;
}
}
@if $different-btn-white-h {
&.tve_white {
&:hover {
.tve_btnLink {
color: $button-white-color-h;
}
}
}
}
@if $different-btn-orange-h {
&.tve_black {
&:hover {
.tve_btnLink {
color: $button-orange-color-h;
}
}
}
}
@if $different-btn-white-a {
&.tve_white {
&:active {
.tve_btnLink {
color: $button-white-color-a;
}
}
}
}
@if $different-btn-orange-a {
&.tve_black {
&:active {
.tve_btnLink {
color: $button-orange-color-a;
}
}
}
}
&.tve_normalBtn {
font-size: $button-font-size;
font-weight: $button-font-weight;
line-height: $button-line-height !important;
.tve_btnLink {
padding: $button-padding;
}
}
}
}
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
border-radius: $countdown-item-border-radius;
border: 2px solid #fff;
@if $countdown-no-border {
border: 0;
}
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
@if $countdown-no-background {
background: none;
}
padding: 0;
.t-digits {
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
}
.t-caption {
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_16 {
.thrv_button_shortcode {
.tve_btn3.tve_#{nth($color, 1)} {
background-image: linear-gradient(nth($color, 2), nth($color, 3));
&:hover {
background-image: linear-gradient(nth($color, 4), nth($color, 5));
}
&:active {
background: nth($color, 6);
}
}
}
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 3px solid nth($color, 2);
[class*="part-"] {
color: nth($color, 2);
}
.t-caption {
color: nth($color, 2);
}
}
}
}
}
.set-06-arrow {
}
@media only screen and (max-width: 1024px) {
#tvu_set_16 {
.thrv_countdown_timer.tve_countdown_2 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
display: none;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
.tvu-heading {
margin-top: 5px !important;
}
.tve_btn3 {
margin-top: 0 !important;
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_16 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
.tvu-heading {
margin-top: 0 !important;
text-align: center !important;
}
.tvu-text {
text-align: center !important;
}
.thrv_button_shortcode {
.tve_btn3.tve_btn {
&.tve_normalBtn {
.tve_btnLink {
padding: $button-padding-r;
}
}
}
}
}
$set-color: #fff;
$set-hover-text-color: #fff;
$set-hover-bg-color: linear-gradient(#fa493e, #c8170c);
$set-bg-color: linear-gradient(#fa3327, #e0190d);
.tvu_set_16 {
.thrv-button:hover .tcb-button-link {
background-color: $set-hover-bg-color;
}
.thrv-button.tve-state-hover .tcb-button-link {
background-color: $set-hover-bg-color !important;
}
.thrv-button .tcb-button-link span {
color: $set-color;
}
.tcb-button-link {
border-radius: 5px;
background: $set-bg-color;
padding: 10px 25px;
font-size: 17px;
line-height: 24px;
}
}

View File

@@ -0,0 +1,198 @@
@import "config/_base_set_17_config";
#tvu_set_17 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 30px;
padding: 0;
&:after {
background: none;
content: ':';
font-size: 48px;
font-weight: 700;
line-height: $item-line-height * .9;
position: absolute;
top: 0;
bottom: 0;
left: -20px;
}
&:first-child {
&:after {
display: none;
}
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
box-shadow: 1px 1px 5px 0 rgba(#000, .51);
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
display: none;
}
}
.t-caption {
border-top: 0;
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 5px 10px 0;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_17 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
[class*="part-"] {
color: nth($color, 2);
}
&:after {
color: nth($color, 3);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_17 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
margin-right: 10px;
&:after {
display: none;
}
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_17 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,187 @@
@import "config/_base_set_18_config";
#tvu_set_18 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 10px;
padding: 0;
&:first-child {
&:after {
display: none;
}
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
box-shadow: 1px 1px 5px 0 rgba(#000, .51);
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
background: #dedede;
height: 2px;
}
}
.t-caption {
border-top: 0;
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 5px 10px 0;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_18 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
[class*="part-"] {
color: nth($color, 2);
}
&:after {
color: nth($color, 2);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_18 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
&:after {
display: none;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_18 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,178 @@
@import "config/_base_set_19_config";
#tvu_set_19 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 10px;
padding: 0;
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
z-index: 1;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
background: rgba(#000, .1);
box-shadow: 0 1px 0 0 rgba(#ccc, .2);
height: 1px;
z-index: 0;
}
}
.t-caption {
color: $caption-color;
border-top: 0;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 10px 10px 0;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_19 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
.t-digits {
background: nth($color, 2);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_19 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_19 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,202 @@
@import "config/_base_set_20_config";
#tvu_set_20 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 10px;
padding: 0;
&:after {
background: #fff;
border-width: 0 1px 1px 1px;
border-style: solid;
content: '';
display: block;
height: 1px;
position: absolute;
left: 2px;
right: 2px;
bottom: -3px;
}
&:before {
background: #fff;
border-width: 0 1px 1px 1px;
border-style: solid;
content: '';
display: block;
height: 1px;
position: absolute;
left: 5px;
right: 5px;
bottom: -5px;
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
z-index: 1;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
display: none;
}
}
.t-caption {
color: $caption-color;
border-top: 0;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 10px 10px 0;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_20 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
border: 1px solid nth($color, 2);
background: nth($color, 2);
&:before, &:after {
border-color: nth($color, 2);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_20 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_20 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,190 @@
@import "config/_base_set_21_config";
#tvu_set_21 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 20px;
padding: 0;
&:after {
background: url('../images/set_21_shadow.png');
content: '';
display: block;
height: 84px;
position: absolute;
left: -12px;
top: 0;
width: 112px;
z-index: -1;
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
box-shadow: 0 -1px 0 0 rgba(#000, .1) inset;
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
z-index: 1;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
display: none;
}
}
.t-caption {
color: $caption-color;
border-top: 0;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 10px 10px 0;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_21 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.t-digits {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_21 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
margin-right: 5px;
&:after {
display: none;
}
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
font-size: 10px;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_21 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,219 @@
@import "config/_base_set_22_config";
#tvu_set_22 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.sc_timer_content {
position: relative;
&:before {
background-image: url('../images/set_22_shadow.png');
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
content: '';
display: block;
height: 19px;
position: absolute;
left: 12px;
right: 12px;
bottom: -10px;
z-index: -1;
}
}
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 20px;
padding: 0;
&.tve_t_sec {
margin-right: 0;
}
&:first-child {
&:before {
display: none;
}
}
&:before {
background: #fff;
content: '';
display: block;
position: absolute;
top: 14px;
bottom: 14px;
left: -10px;
transform: rotate(-25deg);
width: 1px;
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
border-radius: $countdown-item-border-radius;
height: $item-height;
min-width: $item-min-width;
padding: 0 $item-padding;
[class*="part-"] {
color: $item-color;
font-size: $item-font-size;
font-weight: $item-font-weight;
font-style: $item-font-style;
line-height: $item-line-height;
right: $item-spacing;
min-width: $item-min-width*0.5;
z-index: 1;
width: $item-min-width*0.5;
}
.part-2 {
right: $item2-spacing;
}
.part-3 {
right: $item3-spacing;
}
.part-4 {
right: $item4-spacing;
}
&:after {
display: none;
}
}
.t-caption {
color: $caption-color;
border-top: 0;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 10px 10px -45px;
padding: 2px 0 14px 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
[class*="part-"] {
color: $item-color-dark;
}
.t-caption {
color: $caption-color-dark;
}
&:before {
background: $item-color-dark;
}
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width * 2;
}
}
}
}
}
//color pallete
@each $color in $color-pallete {
#tvu_set_22 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.sc_timer_content {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_22 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
&:before {
top: 5px;
bottom: 5px;
left: -5px;
}
.t-digits {
height: $item-height-r;
min-width: $item-min-width-r;
padding: 0 $item-padding-r;
[class*="part-"] {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
right: $item-spacing-r;
min-width: $item-min-width-r*0.5;
width: $item-min-width-r*0.5;
}
.part-2 {
right: $item2-spacing-r;
}
.part-3 {
right: $item3-spacing-r;
}
.part-4 {
right: $item4-spacing-r;
}
}
.t-caption {
font-size: 8px;
color: #fff;
margin: 0 5px;
padding: 0 0 5px;
}
}
&[data-dd="2"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r;
}
}
}
&[data-dd="3"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 1.5;
}
}
}
&[data-dd="4"] {
.tve_t_day {
.t-digits {
min-width: $item-min-width-r * 2;
}
}
}
}
}
}
@media only screen and (max-width: 940px) {
#tvu_set_22 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

Some files were not shown because too many files have changed in this diff Show More