/*
Theme Name: MIDNIGHT OIL - Version: 1.0
Description: Designed by josweb.
Author: Jo
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
/* === Change Your Background Here === */
body {
/* you can put in a single background for browsers that don't support it */
background: url("style/images/purple.jpg") no-repeat;
/* add your background here */
background: url("style/images/pattern.png") repeat, url("style/images/purple.jpg") no-repeat center center;
background-color: #000;
margin:0 auto; text-align:center;
}
/* links */
a {
color: #1277cc;text-decoration:underline;
-moz-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in ;
transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in ;
-webkit-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in ;
-o-transition: color .3s ease-in,background .3s ease-in,opacity .3s ease-in ;
outline: 0;
}
a:hover {color: #00aaff; }
#letter-container a {color: #fff}
/* container */
.container {
width: 960px; height: 700px;
margin: 0px auto;
color: #fff;
}
/* logo */
#logo {
padding-top: 20px;
display:block;
width:960px;
height:70px;
text-align: center;
font-size: 16px;
color: #ccc;line-height:30px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px auto;
padding-bottom: 10px;
font-family: 'Ubuntu Condensed', sans-serif;
}
/* === Countdown === */
#launch_date {
width: 620px;
text-align: center;
margin: 0px auto;
}
.counter {
height: 150px;
margin: 0;
text-align: center;
position: relative;
}
.countdown ul{ }
.countdown li{
margin: 20px 0px 0px 10px;
display: inline;
text-align: center;
float: left;
width: 120px; height: 115px;
border: 1px solid #111;
padding-top: 0px;
background-color: #222;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: .70;
}
.number{
font-size: 70px;
color: #fff;
font-family: 'Ubuntu Condensed', sans-serif;
}
.time{
font-size: 17px;
text-transform: uppercase;
color: #aaa;
font-family: 'Ubuntu Condensed', sans-serif;
}
/* === Updates Container === */
#box {
background-color: #222;
width: 420px;
margin:0 auto;border: 1px solid #111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .70;padding:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* sidebar link */
.read {
text-align: center;
font-size: 15px;
color: #fff;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
margin: 10px auto 0px auto;
padding-bottom: 10px;
font-family: 'Ubuntu Condensed', sans-serif;
}
/* === Email Updates === */
.details {
z-index: 1000;
height: 60px;
margin: 0 auto;
padding-top: 5px;
text-align: center;
width: 340px;
}
input#email {
background: url(style/images/mail-bg.png) no-repeat scroll 0 0;
width: 217px;
height: 45px;
border: 0 none;
padding: 0 10px 0 10px;
color: #ccc; font: normal 14px 'Ubuntu', sans-serif;
float: left;
margin-right: 10px;
line-height: 40px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: .90;
}
input#submit {
background: url(style/images/pink_button.png) no-repeat scroll 0px 1px;
width: 92px;
height: 45px;
border: 0 none;
cursor: pointer;
color: #ccc; padding-left:10px;
float: left;
font: normal 14px 'Ubuntu', sans-serif; letter-spacing:2px;
text-shadow: 1px 1px 0px #393939;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: .90;
}
.success {
font: normal 28px 'Cardo', serif;
font-style: italic;
font-size: 30px;
color: #999;
}
.error {
color: #999;
font-size: 13px;
position: relative;
float: right;
margin: 5px 5px 0px 0px;
}
/* === Sidebar === */
#pageslide {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
padding: 20px;
background-color: #000;
color: #999;
-webkit-box-shadow: inset 0 0 5px 5px #000;
-moz-shadow: inset 0 0 5px 5px #000;
box-shadow: inset 0 0 5px 5px #000;
}
#letra{
color: #ccc;
font: normal 16px 'Ubuntu', sans-serif;
}
#creditos{
color: #ccc;
font: normal 14px 'Ubuntu', sans-serif;
text-align: left;
}
#credits{
color: #ccc;
font: normal 14px 'Ubuntu', sans-serif;
text-align: left;
}
#asturianu{
color: #ccc;
font: normal 14px 'Ubuntu', sans-serif;
text-align: left;
}
img.highlightit
{
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
img.highlightit:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
cursor: pointer;
}
#banderas, #pie {font: normal 14px 'Ubuntu', sans-serif;color: #ccc; }
#vervideo {font: normal 13px 'Ubuntu', sans-serif;color: #ccc; }
#topspin {
background-color: #222;
width: 420px;
margin:0 auto;border: 1px solid #111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: .70;padding:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 20px;
color: #ccc;
font: normal 13px 'Ubuntu', sans-serif;
text-align: left;
}
#box-creditos {
background-color: #222;
width: 420px;
margin:0 auto;border: 1px solid #111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: .70;padding:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
#hint {position: fixed; bottom: 5%; right: 5%;
background-color: #222;
width: 20px;
margin:0 auto;border: 1px solid #111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: .70;
padding:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.fotos img {margin:10px;}
h2 {font-size: 1.3em;}