.storeclosing_show {
background-color: #f00;
color: #fff;
width: 90%;
height: auto;
margin-bottom: 10px;
padding: 10px;
font-size: large;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
} #storeclosing_icon {
float: left;
} .storeclosing_shortcode .storeclosing_show {
width: inherit;
} .storeclosing_table {
border: solid 1px #999;
border-radius: 5px;
background-color: white;
color: black;
-webkit-box-shadow: 5px 3px 3px #999;
-moz-box-shadow: 5px 3px 3px #999;
box-shadow: 5px 3px 3px #999;
padding: 0px !important;
} .storeclosing_table_row_dark {
background-color: #e3e3e3;
} .storeclosing_table_row_light {
background-color: #f6f6f6;
} .storeclosing_upcoming_table_title_closing {
background-color: #6e25bc;
color: white !important;
} .storeclosing_upcoming_table_title_opening {
background-color: #ff00d9;
color: white !important;
} .storeclosing_upcoming_table_title_closingdate,
.storeclosing_upcoming_table_title_closingtime,
.storeclosing_upcoming_table_title_openingdate,
.storeclosing_upcoming_table_title_openingtime {
background-color: #999;
color: white !important;
line-height: 1px !important;
border-bottom: solid 3px white;
} .storeclosing_upcoming_table_closingdate,
.storeclosing_upcoming_table_closingtime,
.storeclosing_upcoming_table_openingdate,
.storeclosing_upcoming_table_openingtime {
font-weight: normal !important;
} .storeclosing_daily_table_title {
background-color: #6e25bc;
color: #fff !important;
line-height: 1px !important;
border-bottom: solid 3px white;
} .storeclosing_daily_table_row {
font-weight: normal !important;
} .storeclosing_active_day {
border: solid 3px #6e25bc;
} .storeclosing_upcoming_close {
background-color: #6e25bc;
color: #fff;
border: solid 1px #ff00d9;
height: auto;
padding: 9px !important;
margin-bottom: 15px !important;
font-size: large;
font-weight: bold;
text-align: center;
-webkit-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
-moz-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
} .storeclosing_upcoming_close .storeclosing_inframe {
border: solid 1px #ff00d9;
height: auto;
padding: 10px !important;
} .storeclosing_upcoming_open {
background-color: #ff00d9;
color: #fff;
border: solid 1px #6e25bc;
height: auto;
padding: 9px !important;
margin-bottom: 15px !important;
font-size: large;
font-weight: bold;
text-align: center;
-webkit-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
-moz-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
} .storeclosing_upcoming_open .storeclosing_inframe {
border: solid 1px #6e25bc;
height: auto;
padding: 10px !important;
} .storeclosing-timeline {
width: 95% !important;
border: 1px solid #8c8f94;
border-radius: 5px;
padding: 5px;
margin-left: 5px;
}
.storeclosing-timeline-active {
background-color: #219247;
}
.storeclosing-timeline-passive {
background-color: #434540;
} .storeclosing_countdown {
font-weight: bold;
} .storeclosing_popup .storeclosing_show {
position: relative !important;
display: flex;
align-items: center;
}
.storeclosing_default {
justify-content: space-around;
}
.storeclosing_custom {
justify-content: space-between;
}
.storeclosing_popup {
width: 100%;
position: fixed;
z-index: 9999999;
text-align: -webkit-center;
-webkit-animation-duration: 0.9s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
}
.storeclosing_popup_close {
top: 0;
right: 0;
z-index: 99999999999999;
overflow: auto;
position: absolute;
font-size: small;
cursor: pointer;
}
.storeclosing_popup_close:hover {
color: black;
}
.storeclosing_popup_top {
top: -100px;
-webkit-animation-name: silde_to_top;
} .exclude_message {
background-color: #9e6095;
padding: 15px !important;
border: none !important;
color: #fff !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
font-size: 18px !important;
margin: 0 0 2em;
}
@-webkit-keyframes silde_to_top {
0% {
top: -100px;
}
100% {
top: 0px;
}
}
.storeclosing_popup_bottom {
bottom: -100px;
-webkit-animation-name: silde_to_bottom;
}
@-webkit-keyframes silde_to_bottom {
0% {
bottom: -100px;
}
100% {
bottom: 0px;
}
} .remindme_table {
width: 100%;
}
.remindme_form {
width: 80%;
justify-content: center;
}
#remindme_button {
padding: 5px;
}
#remindme_button:hover {
filter: brightness(50%);
cursor: pointer;
}
#remindme_email {
width: 100%;
}
.list_title {
background-color: #9e6095;
padding: 5px;
color: #ffffff;
}
.list_footer {
border-top: solid 1px darkgray;
padding: 0px 10px !important;
color: darkgray;
padding-bottom: 10px !important;
}
.list_footer a:hover {
color: #9e6095;
}
.first_page,
.previous_page,
.next_page,
.last_page {
font-size: 18px;
text-decoration: none;
padding: 2px;
}
.list_row {
padding: 5px;
}
.list_dark {
background-color: #f5eff4;
}
.list_light {
background-color: #ffffff;
}
.remindme-delete {
border: none;
background-color: transparent;
}
.remindme-delete:hover {
color: red;
cursor: pointer;
} .storeclosing_bell {
cursor: pointer;
}
.storeclosing_bell:hover {
filter: brightness(50%);
} .storeclosing_bell_animation:hover {
-webkit-animation-play-state: paused; animation-play-state: paused;
}
.storeclosing_bell_animation {
-webkit-animation: ring 4s 0.7s ease-in-out infinite;
-webkit-transform-origin: 70% 1px;
-moz-animation: ring 4s 0.7s ease-in-out infinite;
-moz-transform-origin: 70% 1px;
animation: ring 4s 0.7s ease-in-out infinite;
transform-origin: 70% 1px;
}
@-webkit-keyframes ring {
0% {
-webkit-transform: rotateZ(0);
}
1% {
-webkit-transform: rotateZ(30deg);
}
3% {
-webkit-transform: rotateZ(-28deg);
}
5% {
-webkit-transform: rotateZ(34deg);
}
7% {
-webkit-transform: rotateZ(-32deg);
}
9% {
-webkit-transform: rotateZ(30deg);
}
11% {
-webkit-transform: rotateZ(-28deg);
}
13% {
-webkit-transform: rotateZ(26deg);
}
15% {
-webkit-transform: rotateZ(-24deg);
}
17% {
-webkit-transform: rotateZ(22deg);
}
19% {
-webkit-transform: rotateZ(-20deg);
}
21% {
-webkit-transform: rotateZ(18deg);
}
23% {
-webkit-transform: rotateZ(-16deg);
}
25% {
-webkit-transform: rotateZ(14deg);
}
27% {
-webkit-transform: rotateZ(-12deg);
}
29% {
-webkit-transform: rotateZ(10deg);
}
31% {
-webkit-transform: rotateZ(-8deg);
}
33% {
-webkit-transform: rotateZ(6deg);
}
35% {
-webkit-transform: rotateZ(-4deg);
}
37% {
-webkit-transform: rotateZ(2deg);
}
39% {
-webkit-transform: rotateZ(-1deg);
}
41% {
-webkit-transform: rotateZ(1deg);
}
43% {
-webkit-transform: rotateZ(0);
}
100% {
-webkit-transform: rotateZ(0);
}
}
@-moz-keyframes ring {
0% {
-moz-transform: rotate(0);
}
1% {
-moz-transform: rotate(30deg);
}
3% {
-moz-transform: rotate(-28deg);
}
5% {
-moz-transform: rotate(34deg);
}
7% {
-moz-transform: rotate(-32deg);
}
9% {
-moz-transform: rotate(30deg);
}
11% {
-moz-transform: rotate(-28deg);
}
13% {
-moz-transform: rotate(26deg);
}
15% {
-moz-transform: rotate(-24deg);
}
17% {
-moz-transform: rotate(22deg);
}
19% {
-moz-transform: rotate(-20deg);
}
21% {
-moz-transform: rotate(18deg);
}
23% {
-moz-transform: rotate(-16deg);
}
25% {
-moz-transform: rotate(14deg);
}
27% {
-moz-transform: rotate(-12deg);
}
29% {
-moz-transform: rotate(10deg);
}
31% {
-moz-transform: rotate(-8deg);
}
33% {
-moz-transform: rotate(6deg);
}
35% {
-moz-transform: rotate(-4deg);
}
37% {
-moz-transform: rotate(2deg);
}
39% {
-moz-transform: rotate(-1deg);
}
41% {
-moz-transform: rotate(1deg);
}
43% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(0);
}
}
@keyframes ring {
0% {
transform: rotate(0);
}
1% {
transform: rotate(30deg);
}
3% {
transform: rotate(-28deg);
}
5% {
transform: rotate(34deg);
}
7% {
transform: rotate(-32deg);
}
9% {
transform: rotate(30deg);
}
11% {
transform: rotate(-28deg);
}
13% {
transform: rotate(26deg);
}
15% {
transform: rotate(-24deg);
}
17% {
transform: rotate(22deg);
}
19% {
transform: rotate(-20deg);
}
21% {
transform: rotate(18deg);
}
23% {
transform: rotate(-16deg);
}
25% {
transform: rotate(14deg);
}
27% {
transform: rotate(-12deg);
}
29% {
transform: rotate(10deg);
}
31% {
transform: rotate(-8deg);
}
33% {
transform: rotate(6deg);
}
35% {
transform: rotate(-4deg);
}
37% {
transform: rotate(2deg);
}
39% {
transform: rotate(-1deg);
}
41% {
transform: rotate(1deg);
}
43% {
transform: rotate(0);
}
100% {
transform: rotate(0);
}
}