You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
1.7 KiB
87 lines
1.7 KiB
/* Cubic Bezier Transition */
|
|
/***
|
|
Coming Soon Page
|
|
***/
|
|
body {
|
|
background-color: #ddd;
|
|
padding: 0;
|
|
margin: 0; }
|
|
|
|
.coming-soon-header {
|
|
padding: 20px;
|
|
margin-top: 80px; }
|
|
|
|
.coming-soon-content {
|
|
padding: 20px;
|
|
margin-top: 10px; }
|
|
|
|
.coming-soon-countdown {
|
|
padding: 20px; }
|
|
|
|
.coming-soon-content h1,
|
|
.coming-soon-content p {
|
|
color: #fff; }
|
|
|
|
.coming-soon-content h1 {
|
|
font-size: 42px;
|
|
line-height: 50px;
|
|
margin-bottom: 15px;
|
|
font-weight: 300; }
|
|
|
|
.coming-soon-content p {
|
|
font-size: 14px; }
|
|
|
|
.coming-soon-footer {
|
|
text-align: left !important;
|
|
font-size: 13px;
|
|
color: #fefefe;
|
|
padding: 30px; }
|
|
|
|
/*Countdown*/
|
|
#defaultCountdown {
|
|
width: 100%;
|
|
margin: 60px 0;
|
|
overflow: hidden; }
|
|
|
|
#defaultCountdown span.countdown_row {
|
|
overflow: hidden; }
|
|
|
|
#defaultCountdown span.countdown_row span {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 20px;
|
|
margin-right: 2px; }
|
|
|
|
#defaultCountdown span.countdown_row > span {
|
|
float: left; }
|
|
|
|
#defaultCountdown span.countdown_section {
|
|
color: #fff;
|
|
padding: 7px 15px !important;
|
|
margin-bottom: 2px;
|
|
font-weight: 300;
|
|
background: url(../img/bg-white.png) repeat;
|
|
text-align: center; }
|
|
|
|
#defaultCountdown span.countdown_amount {
|
|
display: inline-block;
|
|
font-size: 38px !important;
|
|
padding: 15px !important;
|
|
font-weight: 300; }
|
|
|
|
/*Responsive*/
|
|
@media (max-width: 1024px) {
|
|
#defaultCountdown span.countdown_amount {
|
|
padding: 10px; } }
|
|
|
|
@media (max-width: 767px) {
|
|
.coming-soon-header,
|
|
.coming-soon-countdown,
|
|
.coming-soon-content,
|
|
.coming-soon-footer {
|
|
margin-top: 0px;
|
|
padding: 10px; } }
|
|
|
|
@media (max-width: 320px) {
|
|
.coming-soon-content .btn-subscribe span {
|
|
display: none; } }
|