html, body, #page { height:auto; } html, body { margin: 0; padding: 0; font-family: Tahoma; } body { text-align: center; } body, #page, .maintenance-page #header { color: #eee; background-color: #2e2e2e !important } .maintenance-page #header { height:50px; /* fix it for your needs */ } #page-title { color: #eee; font: 700 30px/1 sans; border-bottom: 1px solid #555; margin: 0; text-transform:uppercase; } #content-content { margin-top: 0px; margin-bottom: 40px; } #container { margin: 3em auto 3em; width: 600px; } #countdown_dashboard { /* height: 96px; */ margin-left: 125px; display: inline-block; margin: auto; } .dash { width: 138px; height: 96px; background: transparent url('../images/dash.png') 0 0 no-repeat; float: left; margin-left: 2px; padding-left: 13px; position: relative; color: #333; } .weeks_dash { background: transparent url('../images/dark_weeks_dash.png') 0 0 no-repeat; } .days_dash { background: transparent url('../images/dark_days_dash.png') 0 0 no-repeat; } .hours_dash { clear: left; background: transparent url('../images/dark_hours_dash.png') 0 0 no-repeat; } .minutes_dash { background: transparent url('../images/dark_minutes_dash.png') 0 0 no-repeat; } .seconds_dash { background: transparent url('../images/dark_seconds_dash.png') 0 0 no-repeat; } .dash .digit { font: bold 52pt Verdana; font-weight: bold; float: left; width: 59px; text-align: center; position: relative; } .dash_title { display: none; } #complete_message { border: 1px solid #222; border-radius: 10px; clear: both; display: none; line-height: 2; margin: 2em 1em; padding: 1em; } kbd { background-color: #222; border-color: #333 #111 #111 #333; border-radius: 4px; border-style: solid; border-width: 2px 4px 4px; font: 700 110% sans-serif; padding: 2px 5px; text-shadow: -1px 1px 1px #000; } #page_reload { background-color:#ddd; background-image: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#bbb)); background-image: -webkit-linear-gradient(top, #ddd 0%,#bbb 100%); background-image: -o-linear-gradient(top, #ddd 0%,#bbb 100%); background-image: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); background-image: linear-gradient(top, #ddd 0%,#bbb 100%); border: 1px solid #aaa; border-radius: 4px; color: #555; display: block; font-size: 15pt; margin: 10px auto 0; padding: 2px 5px; text-decoration: none; text-shadow: 0 1px 1px #efefef, 1px 0 1px #e5e5e5; width: 50%; } #page_reload:hover { background-color: #bbbbbb; background-image: -moz-linear-gradient(top, #ddd 0%, #aaa 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa)); background-image: -webkit-linear-gradient(top, #ddd 0%,#aaa 100%); background-image: -o-linear-gradient(top, #ddd 0%,#aaa 100%); background-image: -ms-linear-gradient(top, #dddddd 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=0 ); background-image: linear-gradient(top, #ddd 0%,#aaa 100%); } .subscribe-email-form { margin: 1em; background-color: #bbb; background-image: repeating-linear-gradient(-45deg, #bbb, #bbb 12px, #eee 12px, #eee 24px, #999 24px, #999 36px, #eee 36px, #eee 48px); background-image: -moz-repeating-linear-gradient(-45deg, #bbb, #bbb 12px, #eee 12px, #eee 24px, #999 24px, #999 36px, #eee 36px, #eee 48px); background-image: -webkit-repeating-linear-gradient(-45deg, #bbb, #bbb 12px, #eee 12px, #eee 24px, #999 24px, #999 36px, #eee 36px, #eee 48px); background-image: -o-repeating-linear-gradient(-45deg, #bbb, #bbb 12px, #eee 12px, #eee 24px, #999 24px, #999 36px, #eee 36px, #eee 48px); border: 1px solid #555; box-shadow: 0 2px 10px 1px #111; } .email-inner { background-color: #333; margin: 12px; padding: 10px; } .subscribe-email-form .form-item-mail, .subscribe-email-form .form-item-mail label { display: inline; } .maintenance-page{ background: url('../images/rainbg.jpg') no-repeat transparent; } .maintenance-page a{ text-decoration: none; color: #21C2F8; } .maintenance-page #content-content { background: none repeat scroll 0 0 #FFFFFF; color: #21C2F8; border-radius: 5px; margin-top: 5px; opacity: 0.80; padding: 10px; font-weight: bold; } .maintenance-page .dash{ opacity: 0.8; } .maintenance-page .dash_title{ color: #21C2F8; font-weight: bold; }