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 @@
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;
}
}
}
}

View File

@@ -0,0 +1,246 @@
@import "config/_base_set_23_config";
#tvu_set_23 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_3 {
margin-top: 0;
margin-bottom: 0;
.sc_timer_content {
border-style: solid;
border-width: 2px 2px 0;
padding: 0 20px;
}
.tve_t_part {
@if $countdown-no-border {
border: 0;
}
@if $countdown-no-background {
background: none;
}
margin-right: 20px;
padding: 0;
&.tve_t_day {
&:after {
content: '';
display: block;
top: 0;
bottom: 0;
left: -21px;
position: absolute;
width: 21px;
}
}
&.tve_t_sec {
margin-right: 0;
&:after {
content: '';
display: block;
top: 0;
bottom: 0;
right: -21px;
position: absolute;
width: 21px;
}
}
&:first-child {
&:before {
display: none;
}
}
&:before {
content: ':';
display: block;
line-height: $item-line-height;
font-size: 43px;
position: absolute;
top: 0;
bottom: 0;
left: -20px;
text-align: center;
width: 21px;
}
.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: 0 5px -17px;
position: relative;
top: -7px;
padding: 2px 0 0 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_23 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.sc_timer_content {
border-color: nth($color, 2);
}
.tve_t_part {
&:before {
border-bottom: 2px solid nth($color, 2);
color: nth($color, 2);
}
&:after {
border-bottom: 2px solid nth($color, 2);
}
}
.t-digits {
[class*="part-"] {
color: nth($color, 2);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_23 {
.thrv_countdown_timer.tve_countdown_3 {
.sc_timer_content {
border-width: 2px;
padding: 0;
}
.tve_t_part {
&:after {
display: none!important;
}
&:before {
border-bottom: 0!important;
font-size: $item-font-size-r;
line-height: $item-line-height-r;
}
.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_23 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,198 @@
@import "config/_base_set_24_config";
#tvu_set_24 {
font-family: $font-family;
//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;
}
margin-right: 27px;
padding: 0;
position: relative;
&:after {
color: $item-color;
content: ':';
font-size: $item-font-size;
font-family: $font-family;
line-height: $item-line-height;
position: absolute;
top: 0;
bottom: 0;
right: -20px;
}
&.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-family;
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-family;
min-width: 15px;
margin: 10px 0 0;
padding: 0;
&:before {
display: none;
}
}
}
&.tve_white {
.tve_t_part {
&:after {
color: $item-color-dark;
}
[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_24 {
.thrv_countdown_timer.tve_countdown_1.tve_#{nth($color, 1)} {
.t-digits {
border-bottom: 2px solid nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_24 {
.thrv_countdown_timer.tve_countdown_1 {
.tve_t_part {
&:after {
font-size: $item-font-size-r;
line-height: $item-line-height-r;
}
.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_24 {
.thrv_countdown_timer.tve_countdown_1 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
&:after {
right: -4px;
}
}
}
}
}

View File

@@ -0,0 +1,202 @@
@import "config/_base_set_25_config";
#tvu_set_25 {
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: 7px;
padding: 0;
position: relative;
&.tve_t_min {
z-index: 1;
}
&.tve_t_hour {
z-index: 2;
}
&.tve_t_day {
z-index: 3;
}
&:after {
border-radius: $countdown-item-border-radius;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: rotate(-45deg);
}
.t-digits {
@if $countdown-same-color-items {
background: $countdown-item-bg;
}
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: 0 10px 0;
padding: 2px 0 10px 0;
position: relative;
z-index: 1;
&: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_25 {
.thrv_countdown_timer.tve_countdown_3.tve_#{nth($color, 1)} {
.tve_t_part {
&:after {
background: nth($color, 2);
border: 1px solid nth($color, 3);
box-shadow: -3px 5px 0 0 rgba(nth($color, 2), .35);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_25 {
.thrv_countdown_timer.tve_countdown_3 {
.tve_t_part {
&:after {
transform: 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_25 {
.thrv_countdown_timer.tve_countdown_3 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,169 @@
@import "config/_base_set_26_config";
#tvu_set_26 {
font-family: $font-family;
//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, .6);
color: $caption-color;
font-weight: $caption-font-weight;
font-size: $caption-font-size;
min-width: $item-min-width;
margin: 0 10px;
padding: 6px 0 18px;
&: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_26 {
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_26 {
.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 {
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_26 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,173 @@
@import "config/_base_set_27_config";
#tvu_set_27 {
font-family: $font-family;
//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;
overflow: hidden;
.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;
padding: 6px 0 18px;
&:before {
display: none;
}
}
}
&.tve_orange, &.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_27 {
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
border: 1px solid nth($color, 2);
}
.t-caption {
background: nth($color, 2);
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_27 {
.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 5px;
background-color: transparent;
color: #333;
}
}
&[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_27 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,170 @@
@import "config/_base_set_28_config";
#tvu_set_28 {
font-family: $font-family;
//countdown
.thrv_countdown_timer.tve_countdown_2 {
margin-top: 0;
margin-bottom: 0;
.tve_t_part {
@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 {
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;
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: 10px 0 0;
padding: 6px 0 18px;
&: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_28 {
.thrv_countdown_timer.tve_countdown_2.tve_#{nth($color, 1)} {
.tve_t_part {
.t-digits {
border: 1px solid nth($color, 2);
}
}
}
}
}
@media only screen and (max-width: 1080px) {
#tvu_set_28 {
.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 {
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_28 {
.thrv_countdown_timer.tve_countdown_2 {
margin: 10px auto;
.tve_t_part {
margin-right: 4px;
}
}
}
}

View File

@@ -0,0 +1,118 @@
$font-family: 'Lato', sans-serif;
/*heading*/
$heading-color: #d7fe3a;
$heading-font-weight: 300;
$heading-font-size: 26px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #333333;
$paragraph-font-size: 17px;
$paragraph-font-weight: 400;
$paragraph-line-height: 1.556em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: #313130;
$close-btn-color: #101001;
$close-btn-no-border: true;
$close-btn-size: 22px;
$close-btn-font-size: 20px;
$close-btn-line-height: 17px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 400;
$button-line-height: 34px;
$button-padding: 13px 50px;
$button-padding-r: 5px 20px;
$transparent-bg: true;
//if buttons have the same color on default state
$same-colors-for-btns: false;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: false;
$button-white-color: #000;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #d7fe3a;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #000;
//if orange button has a different color on hover
$different-btn-orange-h: true;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333333;
//if orange button has a different color active
$different-btn-orange-a: true;
$button-orange-color-a: #333333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #000;
$item-font-size: 21px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #000;
$caption-font-weight: 400;
$caption-font-size: 11px;
$color-pallete: 'blue' #01bff3 #6edddc #01acda #01bff3,
'black' #000000 #393939 #000000 #000000,
'green' #45df9c #45df9c #3ec88c #45df9c,
'white' #ffffff #ffffff #e5e5e5 #ddd,
'orange' #d7fe3a #d7fe3a #c1e434 #d7fe3a,
'purple' #ae90dc #ae90dc #9c81c6 #ae90dc,
'red' #ff6633 #e55c2e #e55c2e #ff6633,
'teal' #6edddc #6edddc #63c6c6 #6edddc;

View File

@@ -0,0 +1,120 @@
$font-family: 'Lato', sans-serif;
$font-family2: 'Cookie', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 400;
$heading-font-size: 48px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #666666;
$paragraph-font-size: 16px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.556em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: #eca8bf;
$close-btn-color: #e689a8;
$close-btn-no-border: false;
$close-btn-size: 22px;
$close-btn-font-size: 20px;
$close-btn-line-height: 17px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 22px;
$button-font-weight: 700;
$button-line-height: 34px;
$button-padding: 12px 50px;
$transparent-bg: true;
//if buttons have the same color on default state
$same-colors-for-btns: false;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: false;
$button-white-color: #000;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #d7fe3a;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: false;
$button-white-color-h: #000;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: false;
$button-white-color-a: #333333;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333333;
//if same bg as active
$same-active-bg: true;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: italic;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete:
'blue' #4cb3d2 #4cb3d2 #8ccee2,
'black' #333333 #333333 #787878,
'green' #5ac26b #5ac26b #90c899,
'white' #fff #cd3568 #fff,
'orange' #fa913d #fa913d #f2bc91,
'purple' #7d6694 #7d6694 #dcd3e5,
'red' #cd3568 #cd3568 #e689a8,
'teal' #80d9c9 #80d9c9 #bce6de;

View File

@@ -0,0 +1,121 @@
$font-family: 'Roboto Condensed', sans-serif;
$font-family2: 'Droid Sans', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 400;
$heading-font-size: 30px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #666666;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.556em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: rgba(#fff, .2);
$close-btn-no-border: false;
$close-btn-border-color: rgba(#fff, .2);
$close-btn-size: 16px;
$close-btn-font-size: 16px;
$close-btn-line-height: 12px;
/*buttons*/
$button-border-radius: 0;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 400;
$button-line-height: 34px;
$button-padding: 12px 30px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333333;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #d7fe3a;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333333;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333333;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: inherit;
$item-color-dark: inherit;
$item-font-size: 48px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 48px; //numbers height, not the whole item
$item-min-width: 52px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 25px;
$item-height-r: 20px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: rgba(#fff, .25);
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 24px;
$color-pallete:
'blue' #0d2a3d #264051 #091d2b #206e82 #206e82,
'black' #3b3d3c #4f5150 #292b2a #4f5150 #333333,
'green' #0d4432 #265747 #092f23 #349062 #349062,
'white' #ffffff #f1f1f1 #d9d9d9 #ddd #ffffff,
'orange' #db351b #df4a32 #992513 #df4a32 #f75f48,
'purple' #413659 #544a6a #2d263e #544a6a #6f6681,
'red' #69070b #782024 #490508 #b72e39 #b72e39,
'teal' #2e6c77 #437b85 #2f565d #437b85 #4ca8a2;

View File

@@ -0,0 +1,120 @@
$font-family: 'Ubuntu', sans-serif;
$font-family2: 'Cookie', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 500;
$heading-font-size: 26px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #fff;
$paragraph-font-size: 17px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.333em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 500;
/*close button*/
$close-btn-bg: #4c85b1;
$close-btn-color: #0d5a96;
$close-btn-no-border: true;
$close-btn-size: 17px;
$close-btn-font-size: 15px;
$close-btn-line-height: 13px;
/*buttons*/
$button-border-radius: 5px;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 22px;
$button-font-weight: 500;
$button-line-height: 34px;
$button-padding: 15px 30px;
$transparent-bg: true;
//if buttons have the same color on default state
$same-colors-for-btns: false;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333;
//if orange button has a different color than the rest
$different-btn-orange: true;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333;
//if orange button has a different color on hover
$different-btn-orange-h: true;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #000;
//if orange button has a different color active
$different-btn-orange-a: true;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: inherit;
$item-color-dark: inherit;
$item-font-size: 33px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 40px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 40px; //numbers width (without padding)
$item-spacing: 8px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 20px;
$item-line-height-r: 36px;
$item-height-r: 36px; //numbers height, not the whole item
$item-min-width-r: 30px; //numbers width (without padding)
$item-spacing-r: 5px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 300;
$caption-font-size: 10px;
$color-pallete:
'blue' #217ec6 #1a629b #4d98d1 #3c77a3 #144c77 #0d5a96 #0b4c7e,
'black' #525252 #404040 #757575 #5b5b5b #313131 #525252 #404040,
'green' #38ba38 #2c912c #60c860 #4b9c4b #227022 #38ba38 #2c912c,
'white' #f4f4f4 #d0d0d0 #ffffff #d9d9d9 #b7b7b7 #f4f4f4 #d0d0d0,
'orange' #ffcc00 #c79f00 #ffd633 #c7a728 #997a00 #ffcc00 #c79f00,
'purple' #7961ad #5e4c87 #9481bd #736593 #493a68 #7961ad #5e4c87,
'red' #e43838 #b22c2c #e96060 #b64b4b #892222 #e43838 #b22c2c,
'teal' #48d2b3 #38a48c #6ddbc2 #55ab97 #2b7e6b #48d2b3 #38a48c;

View File

@@ -0,0 +1,119 @@
$font-family: 'Lato', sans-serif;
/*heading*/
$heading-color: #000;
$heading-font-weight: 400;
$heading-font-size: 26px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #333333;
$paragraph-font-size: 18px;
$paragraph-font-weight: 400;
$paragraph-line-height: 1.556em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: #ca5933;
$close-btn-color: #ff6633;
$close-btn-no-border: false;
$close-btn-size: 22px;
$close-btn-font-size: 20px;
$close-btn-line-height: 17px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: 0 2px 3px 0 rgba(#4f4d4d, .43);
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 400;
$button-line-height: 34px;
$button-padding: 13px 50px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #000;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #d7fe3a;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333333;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #fff;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333333;
//if same bg as active
$same-active-bg: true;
$button-active-bg: #000 ;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: false;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items : false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #000;
$item-font-size: 21px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #000;
$caption-font-weight: 400;
$caption-font-size: 11px;
$color-pallete:
'blue' #78a0ea #8caeed #78a0ea,
'black' #333333 #515151 #333333,
'green' #34dfa3 #52e4b1 #3ec88c,
'white' #ffffff #e6e6e6 #ffffff,
'orange' #e4ca1e #e8d240 #e4ca1e,
'purple' #d078a7 #d78cb4 #d078a7,
'red' #ff6633 #ff7d51 #ff6633,
'teal' #5bc7c6 #73cfce #6edddc;

View File

@@ -0,0 +1,120 @@
$font-family: 'Roboto', sans-serif;
$font-family2: 'Cookie', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 500;
$heading-font-size: 28px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #fff;
$paragraph-font-size: 22px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: #ff7956;
$close-btn-color: #ff6138;
$close-btn-no-border: true;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 5px;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 400;
$button-line-height: 34px;
$button-padding: 15px 50px;
$button-padding-r: 15px 50px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #171717;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #171717;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #171717;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: inherit;
$item-color-dark: inherit;
$item-font-size: 37px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 50px; //numbers height, not the whole item
$item-min-width: 42px; //numbers width (without padding)
$item-spacing: 9px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 25px;
$item-line-height-r: 40px;
$item-height-r: 40px; //numbers height, not the whole item
$item-min-width-r: 30px; //numbers width (without padding)
$item-spacing-r: 5px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333333;
$caption-font-weight: 700;
$caption-font-size: 10px;
$color-pallete:
'blue' #214697 #1a3776 #1e3f88 #17316a #1a3674 #142a5b #214697,
'black' #525252 #404040 #424242 #343434 #313131 #262626 #fff,
'green' #32d94c #27a93b #2dc344 #239835 #2bb941 #229033 #34b334,
'white' #ffffff #c7c7c7 #f2f2f2 #bdbdbd #e5e5e5 #b3b3b3 #161616,
'orange' #ffc535 #c79a29 #e5b130 #b38a25 #d9a82d #a98323 #ffc535,
'purple' #6b4597 #543676 #603e88 #4b306a #5b3b80 #472e64 #6b4597,
'red' #ff6138 #c74c2c #e55732 #b34427 #d95330 #a94125 #ff6138,
'teal' #6bbfcb #54959e #60acb6 #4b868e #5ba3ad #477f87 #5ba3ad;

View File

@@ -0,0 +1,119 @@
$font-family: 'Roboto', sans-serif;
$font-family2: 'Lobster', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 400;
$heading-font-size: 28px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #0a444b;
$paragraph-font-size: 19px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #17646d;
$close-btn-no-border: true;
$close-btn-size: 20px;
$close-btn-font-size: 20px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: 0 -2px 0 0 rgba(#000, .22) inset;
$button-text-shadow: none;
$button-font-size: 15px;
$button-font-weight: 700;
$button-line-height: 20px;
$button-padding: 15px 50px;
$button-padding-r: 10px 50px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #666666;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #666666;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #171717;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #20cadf #239caa #1a757f,
'black' #666666 #454d4e #323a3b,
'green' #5bd2a4 #409372 #2d6952,
'white' #f5f5f5 #ababab #7a7a7a,
'orange' #ffcc00 #b28e00 #7f6600,
'purple' #c462af #755684 #623157,
'red' #f3473c #aa322a #79231e,
'teal' #5cdedc #409b9a #2e6f6e;

View File

@@ -0,0 +1,119 @@
$font-family: 'Roboto', sans-serif;
$font-family2: 'Amaranth', sans-serif;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 400;
$heading-font-size: 34px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #666666;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: rgba(#fff, .1);
$close-btn-color: #2b3c4e;
$close-btn-no-border: true;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: 0 -1px 0 0 rgba(#000, .22) inset;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 600;
$button-line-height: 36px;
$button-padding: 5px 25px;
$button-padding-r: 5px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333333;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333333;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333333;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #314459 #253443 #384e66 #1e2a37 #2b3c4e #314459,
'black' #5c5354 #463f40 #695f60 #393434 #51494a #5c5354,
'green' #00943b #00712d #00a844 #005d25 #008234 #00943b,
'white' #f6f6f6 #f4f4f4 #f8f8f8 #f2f2f2 #f5f5f5 #fff,
'orange' #efd117 #e9c311 #f2da1a #e6ba0e #ecca14 #efd117,
'purple' #b769a5 #9f4f87 #c478b6 #924177 #ab5c96 #b769a5,
'red' #f46883 #f04e63 #f67696 #ee4051 #f25b73 #f46883,
'teal' #01b1b1 #019797 #01bfbf #018989 #01a4a4 #01b1b1;

View File

@@ -0,0 +1,119 @@
$font-family: 'Roboto', sans-serif;
$font-family2: 'Roboto', cursive;
/*heading*/
$heading-color: #ffffff;
$heading-font-weight: 400;
$heading-font-size: 34px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #666666;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #69707b;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 0;
$button-box-shadow: 0 -1px 0 0 rgba(#000, .22) inset;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 500;
$button-line-height: 37px;
$button-padding: 5px 25px;
$button-padding-r: 5px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #666666;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #666666;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #666666;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #6e8adb #5368cf #5268cf #6d8adb #6079d5 #202b3e #2d3749,
'black' #747474 #585858 #585858 #747474 #666666 #585858 #747474,
'green' #9baf1e #7b9516 #7b9516 #9baf1e #8ba21a #7b9516 #9baf1e,
'white' #ffffff #ffffff #eceaea #fafafa #f9f9f9 #d2d5d8 #ffffff,
'orange' #e9b313 #e19b0f #e19b0f #e9b313 #e5a711 #e19b0f #e9b313,
'purple' #b883c2 #a163ae #a063ae #b783c2 #ac73b8 #a163ae #b883c2,
'red' #e95213 #e13e0f #e13e0f #e95213 #e54811 #e13e0f #e95213,
'teal' #6acdca #50bdb8 #50bdb8 #6acdca #5dc5c1 #50bdb8 #6acdca;

View File

@@ -0,0 +1,119 @@
$font-family: 'Lato', sans-serif;
$font-family2: 'Dancing Script', cursive;
/*heading*/
$heading-color: #0d0d0d;
$heading-font-weight: 300;
$heading-font-size: 24px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #000;
$paragraph-font-size: 24px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #3e3f4b;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 0;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 18px;
$button-font-weight: 500;
$button-line-height: 37px;
$button-padding: 5px 25px;
$button-padding-r: 5px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333333;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333333;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333333;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: italic;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #4960ab #576cb2 #8695c8,
'black' #3e3f4b #4d4e59 #72737a,
'green' #398d6e #499679 #87c0aa,
'white' #ffffff #f0f0f0 #f0f0f0,
'orange' #d0711c #d7863e #ebae78,
'purple' #6b5c97 #77699f #b2a7d2,
'red' #a1214b #a83259 #d6668b,
'teal' #4aa8a0 #58afa7 #c8dada;

View File

@@ -0,0 +1,118 @@
$font-family: 'Lato', sans-serif;
$font-family2: 'Open Sans Condensed', sans-serif;
/*heading*/
$heading-color: #fff;
$heading-font-weight: 300;
$heading-font-size: 29px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #333;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #a0a09e;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 50px;
$button-box-shadow: 0 -2px 0 0 rgba(#000, .3) inset;
$button-text-shadow: none;
$button-font-size: 20px;
$button-font-weight: 700;
$button-line-height: 24px;
$button-padding: 15px 25px;
$button-padding-r: 15px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333330;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #000;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333330;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #000;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333330;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #333;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #1e83ec #1c7ce0 #1b76d4,
'black' #333330 #242422 #000000,
'green' #2bb669 #29ad64 #259b5a,
'white' #ffffff #f2f2f2 #e5e5e5,
'orange' #f2d03b #e6c538 #d9bb35,
'purple' #6f68b2 #6963a9 #645da0,
'red' #b32525 #aa2323 #a12121,
'teal' #00c2a9 #00b8a0 #00ae98;

View File

@@ -0,0 +1,118 @@
$font-family: 'Roboto', sans-serif;
$font-family2: 'Roboto Slab', sans-serif;
/*heading*/
$heading-color: #fff;
$heading-font-weight: 700;
$heading-font-size: 25px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #fff;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #f8c715;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 0;
$button-box-shadow: 0 2px 0 0 rgba(#88611e, .26);
$button-text-shadow: none;
$button-font-size: 20px;
$button-font-weight: 500;
$button-line-height: 24px;
$button-padding: 13px 25px;
$button-padding-r: 13px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333;
//if orange button has a different color than the rest
$different-btn-orange: true;
$button-orange-color: #78610f;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333;
//if orange button has a different color on hover
$different-btn-orange-h: true;
$button-orange-color-h: #78610f;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333;
//if orange button has a different color active
$different-btn-orange-a: true;
$button-orange-color-a: #78610f;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #49b2ee #5cbaf0 #6dc1f1 #1475ad,
'black' #333333 #484848 #5c5c5c #000,
'green' #56c969 #67cf78 #78d487 #189b2e,
'white' #d9d9d9 #e4e4e4 #fff #b3b3b3,
'orange' #f8c715 #f9cd2d #f9d244 #ffc800,
'purple' #b085dc #b891e0 #c09de3 #7c31c8,
'red' #fb7533 #fb8348 #fc915c #ff5400,
'teal' #64d6d7 #74dadb #83dedf #19829a;

View File

@@ -0,0 +1,118 @@
$font-family: 'Lato', sans-serif;
$font-family2: 'Pacifico', cursive;
/*heading*/
$heading-color: #202020;
$heading-font-weight: 700;
$heading-font-size: 22px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #333;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: rgba(#fff, .8);
$close-btn-color: #a3dfd9;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 100px;
$button-box-shadow: 2px 4px 0 0 rgba(#828282, .6);
$button-text-shadow: none;
$button-font-size: 25px;
$button-font-weight: 400;
$button-line-height: 21px;
$button-padding: 17px 19px;
$button-padding-r: 17px 19px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #464646;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #78610f;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #464646;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #78610f;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #464646;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #78610f;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #4960ab #455ba2 #4960ab,
'black' #333333 #303030 #333333,
'green' #249024 #228922 #249024,
'white' #ffffff #f2f2f2 #ffffff,
'orange' #fec927 #f1bf25 #fec927,
'purple' #6b5c97 #66578f #6b5c97,
'red' #a1214b #991f47 #a1214b,
'teal' #51aaa1 #4da199 #a3dfd9;

View File

@@ -0,0 +1,119 @@
$font-family: 'Droid Sans', sans-serif;
$font-family2: 'Droid Sans', sans-serif;
/*heading*/
$heading-color: #fff;
$heading-font-weight: 400;
$heading-font-size: 28px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #fff;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #a3dfd9;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 10px;
$button-box-shadow: 0 -1px 0 0 rgba(#000, .22) inset;
$button-text-shadow: none;
$button-font-size: 24px;
$button-font-weight: 700;
$button-line-height: 24px;
$button-padding: 13px 25px;
$button-padding-r: 13px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: false;
$button-white-color: #464646;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #78610f;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: false;
$button-white-color-h: #464646;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #78610f;
//if white button has a different color active
$different-btn-white-a: false;
$button-white-color-a: #464646;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #78610f;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #1ecbea #16bbe4 #22d5ee #12b1e0 #1ac3e7 #1084a1 #1ecbea,
'black' #3a3a3a #2c2c2c #424242 #242424 #333333 #1f1f1f #3a3a3a,
'green' #32dea5 #26d487 #39e4b6 #1fce77 #2cd996 #1b9660 #32dea5,
'white' #d7d7d7 #cbcbcb #dfdfdf #c3c3c3 #d1d1d1 #909090 #fff,
'orange' #e8ce22 #e0be1a #ecd727 #dcb515 #e4c61e #9e8612 #e8ce22,
'purple' #be99c5 #a877b3 #caacd0 #9c65a8 #b388bc #77547f #be99c5,
'red' #e3786a #d95a50 #e88979 #d44a41 #de695d #994038 #e3786a,
'teal' #48e2e0 #36d8d6 #52e7e6 #2cd3d0 #3fdddb #23707b #48e2e0;

View File

@@ -0,0 +1,119 @@
$font-family: 'Roboto Condensed', sans-serif;
$font-family2: 'Roboto Condensed', sans-serif;
/*heading*/
$heading-color: #000000;
$heading-font-weight: 700;
$heading-font-size: 30px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #000;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #a3dfd9;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 0;
$button-box-shadow: 0 -3px 0 0 rgba(#000, .1) inset;
$button-text-shadow: none;
$button-font-size: 21px;
$button-font-weight: 700;
$button-line-height: 24px;
$button-padding: 13px 25px;
$button-padding-r: 13px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333333;
//if orange button has a different color than the rest
$different-btn-orange: true;
$button-orange-color: #ffd302;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333;
//if orange button has a different color on hover
$different-btn-orange-h: true;
$button-orange-color-h: #ffd302;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333;
//if orange button has a different color active
$different-btn-orange-a: true;
$button-orange-color-a: #ffd302;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #5eadcf #4594b5 #4ca4c9,
'black' #1a1a1a #000000 #000000,
'green' #5fcc57 #45b23d #4dc644,
'white' #ffffff #e5e5e5 #ffffff,
'orange' #ffd71c #e5be02 #ffd302,
'purple' #c774b6 #ae5a9d #c164ae,
'red' #ff481a #e52e00 #ff3300,
'teal' #69d4c8 #4fbaaf #58cfc2;

View File

@@ -0,0 +1,119 @@
$font-family: 'Lato', sans-serif;
$font-family2: 'Abril Fatface', cursive;
/*heading*/
$heading-color: #fff;
$heading-font-weight: 700;
$heading-font-size: 32px;
$heading-line-height: 1em;
/*paragraph*/
$paragraph-color: #fff;
$paragraph-font-size: 18px;
$paragraph-font-weight: 300;
$paragraph-line-height: 1.364em;
$paragraph-margin-bottom: 20px;
$paragraph-bold-weight: 700;
/*close button*/
$close-btn-bg: transparent;
$close-btn-color: #fff;
$close-btn-no-border: false;
$close-btn-size: 20px;
$close-btn-font-size: 15px;
$close-btn-line-height: 16px;
/*buttons*/
$button-border-radius: 5px;
$button-box-shadow: none;
$button-text-shadow: none;
$button-font-size: 17px;
$button-font-weight: 400;
$button-line-height: 24px;
$button-padding: 10px 25px;
$button-padding-r: 10px 25px;
$transparent-bg: false;
//if buttons have the same color on default state
$same-colors-for-btns: true;
$button-default-color: #fff;
//if white button has a different color than the rest
$different-btn-white: true;
$button-white-color: #333333;
//if orange button has a different color than the rest
$different-btn-orange: false;
$button-orange-color: #ffd302;
$button-color-hover: #fff;
//if white button has a different color on hover
$different-btn-white-h: true;
$button-white-color-h: #333;
//if orange button has a different color on hover
$different-btn-orange-h: false;
$button-orange-color-h: #ffd302;
//if white button has a different color active
$different-btn-white-a: true;
$button-white-color-a: #333;
//if orange button has a different color active
$different-btn-orange-a: false;
$button-orange-color-a: #ffd302;
//if same bg as active
$same-active-bg: false;
$button-active-bg: #fff;
$button-active-border: #fff;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 23px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 40px; //numbers height, not the whole item
$item-min-width: 30px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 700;
$caption-font-size: 11px;
$color-pallete: 'blue' #4b97f4 #327ddb #5fa2f5 #2d70c3 #378bf3 #2c5991,
'black' #767676 #5c5c5c #858585 #525252 #666666 #363636,
'green' #aac92d #90af13 #b3cf44 #819d11 #a0c315 #556612,
'white' #fff #dbdbdb #f5f5f5 #c3c3c3 #f3f3f3 #848484,
'orange' #e9c249 #d0a82f #ecc95d #b9962a #e7bb34 #887129,
'purple' #aa92f8 #9079de #b39ef9 #816cc6 #a086f7 #594c86,
'red' #fa3327 #e0190d #fa493e #c8170c #f91c0e #9f1209,
'teal' #65dbf1 #4bc1d7 #75dff2 #43adc0 #53d7ef #377a87;

View File

@@ -0,0 +1,52 @@
$font-family: 'Roboto', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 7px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 53px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 70px;
$item-height: 70px; //numbers height, not the whole item
$item-min-width: 58px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #999;
$caption-color-dark: #fff;
$caption-font-weight: 400;
$caption-font-size: 16px;
$color-pallete:
'blue' #046380 #046380,
'black' #111111 #111111,
'green' #378f77 #378f77,
'white' #111111 #fff,
'orange' #eb5e12 #eb5e12,
'purple' #4f559f #4f559f,
'red' #cd3a2b #cd3a2b,
'teal' #3ba7a7 #3ba7a7;

View File

@@ -0,0 +1,52 @@
$font-family: 'Roboto', sans-serif;
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 7px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 53px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 70px;
$item-height: 70px; //numbers height, not the whole item
$item-min-width: 58px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #999;
$caption-color-dark: #fff;
$caption-font-weight: 400;
$caption-font-size: 16px;
$color-pallete:
'blue' #175d8e,
'black' #111111,
'green' #43a139,
'white' #111111,
'orange' #eba50e,
'purple' #993366,
'red' #951f35,
'teal' #36b1bf;

View File

@@ -0,0 +1,53 @@
$font-family: 'Lato', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 13px;
$item-color: #fff;
$item-color-dark: #333333;
$item-font-size: 46px;
$item-font-weight: 400;
$item-font-style: normal;
$item-line-height: 80px;
$item-height: 80px; //numbers height, not the whole item
$item-min-width: 55px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #999;
$caption-color-dark: #fff;
$caption-font-weight: 400;
$caption-font-size: 15px;
$color-pallete:
'blue' #1f8fc9,
'black' #333333,
'green' #43a139,
'white' #f7f7f7,
'orange' #ffa800,
'purple' #7b316d,
'red' #e13913,
'teal' #1a9f94;

View File

@@ -0,0 +1,53 @@
$font-family: 'Roboto Condensed', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0px;
$item-color: #333333;
$item-color-dark: #313131;
$item-font-size: 46px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 60px;
$item-height: 60px; //numbers height, not the whole item
$item-min-width: 40px; //numbers width (without padding)
$item-spacing: 28px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #fff;
$caption-font-weight: 400;
$caption-font-size: 15px;
$color-pallete:
'blue' #356ea4,
'black' #313131,
'green' #43a139,
'white' #999999,
'orange' #ff782f,
'purple' #77528b,
'red' #da0909,
'teal' #35b998;

View File

@@ -0,0 +1,53 @@
$font-family: 'Poppins', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0px;
$item-color: #fff;
$item-color-dark: #000;
$item-font-size: 41px;
$item-font-weight: 400;
$item-font-style: normal;
$item-line-height: 90px;
$item-height: 84px; //numbers height, not the whole item
$item-min-width: 48px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #999999;
$caption-color-dark: #fff;
$caption-font-weight: 500;
$caption-font-size: 15px;
$color-pallete:
'blue' #2753ea,
'black' #111111,
'green' #6fa440,
'white' #ececec,
'orange' #ecbb13,
'purple' #744d90,
'red' #d0380f,
'teal' #168b93;

View File

@@ -0,0 +1,53 @@
$font-family: 'Roboto Condesed', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 0px;
$item-color: #fff;
$item-color-dark: #000;
$item-font-size: 48px;
$item-font-weight: 400;
$item-font-style: normal;
$item-line-height: 70px;
$item-height: 70px; //numbers height, not the whole item
$item-min-width: 50px; //numbers width (without padding)
$item-spacing: 20px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #333333;
$caption-color-dark: #cccccc;
$caption-font-weight: 400;
$caption-font-size: 15px;
$color-pallete:
'blue' #3a648e,
'black' #2a2a2a,
'green' #43a139,
'white' #f2f2f2,
'orange' #d88707,
'purple' #8c52a5,
'red' #e74c3c,
'teal' #06a59c;

View File

@@ -0,0 +1,53 @@
$font-family: 'Poppins', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 0px;
$item-color: #fff;
$item-color-dark: #000;
$item-font-size: 41px;
$item-font-weight: 600;
$item-font-style: normal;
$item-line-height: 60px;
$item-height: 60px; //numbers height, not the whole item
$item-min-width: 50px; //numbers width (without padding)
$item-spacing: 10px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #333;
$caption-color-dark: #fff;
$caption-font-weight: 500;
$caption-font-size: 13px;
$color-pallete:
'blue' #408ac5,
'black' #1e1e1e,
'green' #00a658,
'white' #ffffff,
'orange' #db9559,
'purple' #32318d,
'red' #9f091c,
'teal' #00bab2;

View File

@@ -0,0 +1,53 @@
$font-family: 'Poppins', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items: false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 0;
$item-color: #333333;
$item-color-dark: #fff;
$item-font-size: 40px;
$item-font-weight: 500;
$item-font-style: normal;
$item-line-height: 50px;
$item-height: 50px; //numbers height, not the whole item
$item-min-width: 52px; //numbers width (without padding)
$item-spacing: 12px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 25px;
$item-height-r: 20px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #666;
$caption-color-dark: #ccc;
$caption-font-weight: 400;
$caption-font-size: 13px;
$color-pallete:
'blue' #0099ff,
'black' #333333,
'green' #669933,
'white' #c1c1c1,
'orange' #ffcc00,
'purple' #996699,
'red' #cc6666,
'teal' #009999;

View File

@@ -0,0 +1,53 @@
$font-family: 'Lato', sans-serif;
/*countdown*/
//has background
$countdown-no-background: true;
//has border
$countdown-no-border: false;
//if same color items
$countdown-same-color-items: true;
$countdown-item-bg: transparent;
$countdown-item-border-radius: 7px;
$item-color: #fff;
$item-color-dark: #292929;
$item-font-size: 47px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 70px;
$item-height: 60px; //numbers height, not the whole item
$item-min-width: 60px; //numbers width (without padding)
$item-spacing: 15px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #292929;
$caption-font-weight: 400;
$caption-font-size: 16px;
$color-pallete:
'blue' #414bac #313b98,
'black' #444444 #323131,
'green' #5cae53 #43a139,
'white' #ffffff #b9b9b9,
'orange' #ff6c00 #e46203,
'purple' #834a9a #6d3c80,
'red' #bc2929 #a31a1a,
'teal' #2695ad #1a8299;

View File

@@ -0,0 +1,53 @@
$font-family: 'Lato', sans-serif;
/*countdown*/
//has background
$countdown-no-background: false;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items : false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #fff;
$item-color-dark: #333;
$item-font-size: 26px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 54px;
$item-height: 48px; //numbers height, not the whole item
$item-min-width: 40px; //numbers width (without padding)
$item-spacing: 25px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #333;
$caption-font-weight: 400;
$caption-font-size: 14px;
$color-pallete:
'blue' #0facce,
'black' #242424,
'green' #43a139,
'white' #ffffff,
'orange' #f37240,
'purple' #79519f,
'red' #dc3560,
'teal' #1ac097;

View File

@@ -0,0 +1,53 @@
$font-family: 'Lato', sans-serif;
/*countdown*/
//has background
$countdown-no-background: false;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items : false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #333;
$item-color-dark: #1d1d1d;
$item-font-size: 32px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 54px;
$item-height: 48px; //numbers height, not the whole item
$item-min-width: 40px; //numbers width (without padding)
$item-spacing: 25px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #fff;
$caption-color-dark: #fff;
$caption-font-weight: 400;
$caption-font-size: 14px;
$color-pallete:
'blue' #1845a2,
'black' #282828,
'green' #43a139,
'white' #7e7e7e,
'orange' #bf8b28,
'purple' #5b4a9b,
'red' #8a0917,
'teal' #249f89;

View File

@@ -0,0 +1,53 @@
$font-family: 'Lato', sans-serif;
/*countdown*/
//has background
$countdown-no-background: false;
//has border
$countdown-no-border: true;
//if same color items
$countdown-same-color-items : false;
$countdown-item-bg: #fff;
$countdown-item-border-radius: 50px;
$item-color: #333;
$item-color-dark: #fff;
$item-font-size: 46px;
$item-font-weight: 700;
$item-font-style: normal;
$item-line-height: 86px;
$item-height: 86px; //numbers height, not the whole item
$item-min-width: 50px; //numbers width (without padding)
$item-spacing: 18px; //space from the outer margin to the first number
$item-padding: $item-spacing;
$item2-spacing: $item-spacing + ($item-min-width*0.5);
$item3-spacing: $item2-spacing + ($item-min-width*0.5);
$item4-spacing: $item3-spacing + ($item-min-width*0.5);
//countdown responsive size
$item-font-size-r: 18px;
$item-line-height-r: 30px;
$item-height-r: 30px; //numbers height, not the whole item
$item-min-width-r: 36px; //numbers width (without padding)
$item-spacing-r: 10px; //space from the outer margin to the first number
$item-padding-r: $item-spacing-r;
$item2-spacing-r: $item-spacing-r + ($item-min-width-r*0.5);
$item3-spacing-r: $item2-spacing-r + ($item-min-width-r*0.5);
$item4-spacing-r: $item3-spacing-r + ($item-min-width-r*0.5);
//caption
$caption-color: #333333;
$caption-color-dark: #cccccc;
$caption-font-weight: 400;
$caption-font-size: 14px;
$color-pallete:
'blue' #00acea,
'black' #0d0d0d,
'green' #88c752,
'white' #ffffff,
'orange' #fb9239,
'purple' #79519f,
'red' #a1431f,
'teal' #1ec1bb;

View File

@@ -0,0 +1,130 @@
/*
* 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;
}
.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;
}
/* 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;
}
}
}
.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;
}
}
}
}

View File

@@ -0,0 +1,4 @@
$ribbon-max-width: 1240px;
$ribbon-padding: 10px 20px;
$has-ribbon-box-shadow: false;
$ribbon-box-shadow: 0 4px 7px 0 rgba(#000, .32);

View File

@@ -0,0 +1,4 @@
$ribbon-max-width: 1240px;
$ribbon-padding: 10px 20px;
$has-ribbon-box-shadow: true;
$ribbon-box-shadow: 0 4px 7px 0 rgba(#000, .32);

View File

@@ -0,0 +1,4 @@
$ribbon-max-width: 1240px;
$ribbon-padding: 15px 20px;
$has-ribbon-box-shadow: false;
$ribbon-box-shadow: 0 4px 7px 0 rgba(#000, .32);

View File

@@ -0,0 +1,4 @@
$ribbon-max-width: 1620px;
$ribbon-padding: 10px 20px;
$has-ribbon-box-shadow: true;
$ribbon-box-shadow: 0 5px 13px 0 rgba(#000, .68);

View File

@@ -0,0 +1,4 @@
$ribbon-max-width: 1240px;
$ribbon-padding: 10px 20px;
$has-ribbon-box-shadow: false;
$ribbon-box-shadow: 0 4px 7px 0 rgba(#000, .32);

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