File: /home/vmasmheia229/domains/pebble-yahoo.com/html/style.css
/*
Designer: Dale Compton
Company: OMG Media Group
Created: June 8th 2012
*/
@font-face {
font-family: Avenir;
src: url(./avenir-85-heavy.ttf);
font-weight:400;
}
body,html{
height:100%;
width:100%;
text-align:center;
margin:0;
padding:0;
color:#fff;
font-family:Helvetica, sans-serif;
background:url('./images/bg.jpg') repeat;
background-attachment:fixed;
}
a:link {color:#4d91cd;text-decoration:none}
a:visited {color:#4d91cd;text-decoration:none}
a:active {color:#4d91cd;text-decoration:none}
a:hover {color:#913d47;text-decoration:none}
h1,h2,h3,h4,h5,h6{
font-family: 'Avenir';
text-shadow: 1px 1px 1px #121212;
filter: dropshadow(color=#313131, offx=1, offy=1);
}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
img{max-width:100%;height:auto;}
#wrapper{margin:0 auto;padding:0px 0px 10px 0px;}
#menu-logo{padding:0px;margin:0px auto;text-align:center;}
#menu-logo img{max-width:50%;}
#menu a span{
width:95%;
height:37px;
line-height:37px;
display:block;
color:#e1e1e1;
font-size:26px;
font-family:'Avenir';
text-shadow: 1px 1px 2px #000;
filter: dropshadow(color=#000, offx=1, offy=1);
text-align: center;
float:none;
clear:both;
margin:0px auto 9px auto;
padding:5px 0px;
border-top: 1px solid #fff;
border-bottom:1px solid #555;
/* Gradient */
background: #aa00d3; /* Old browsers */
background: -moz-linear-gradient(top, #aa00d3 0%, #59006f 50%, #aa00d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa00d3), color-stop(50%,#59006f), color-stop(100%,#aa00d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa00d3', endColorstr='#aa00d3',GradientType=0 ); /* IE6-9 */
/* Box Shadow */
-webkit-box-shadow: 0px 0px 5px 0px #000000;
-moz-box-shadow: 0px 0px 5px 0px #000000;
box-shadow: 0px 0px 5px 0px #000000;
}
#menu span:hover{
-webkit-box-shadow: 0px 2px 5px 0px #000000;
-moz-box-shadow: 0px 2px 5px 0px #000000;
box-shadow: 0px 2px 5px 0px #000000;
}
#menu.last{margin-bottom:0px;}
.breadcrumb{margin-top:10px;}
#content-page{
text-align:left;
background: url('./images/black_bg.png');
border:1px solid #000;
width:91%;
margin:0px auto;
padding:5px;
}
#content-page h1,h2,h3,h4,h5,h6{
}
#content-page p{
padding:5px;
text-shadow: 1px 1px 1px #121212;
filter: dropshadow(color=#313131, offx=1, offy=1);
}
#content-page ul{margin:0px;padding:0px 0px 0px 30px;}
#content-page ul li{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}
.title{text-align:center;font-weight:bold;color:#fff;text-transform:uppercase;}
.center{text-align:center;}
.cook-off-list li{padding:0px 0px 10px 0px;}
table tr td{padding:0px 0px 15px 0px;}
table{width:100%;border:0px;margin:5px;padding:5px;}
table,td{}
#content-page img{
max-width:100%;
height:auto;
display: block;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px #000000;
-moz-box-shadow: 0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
}
.pass {
width:82%;
line-height:37px;
margin:0px auto 9px auto;
padding:5px 0px;
text-align:center;
color:#ffffff;
font-size:26px;
font-family:'Avenir';
border: 2px solid white;
-webkit-box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
-moz-box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
padding: 15px;
background: rgba(255,255,255,0.5);
}
.pass2 {
width:95%;
line-height:27px;
margin:0px auto 9px auto;
padding:5px 0px;
text-align:center;
color:#ffffff;
font-size:26px;
font-family:'Avenir';
border: 2px solid white;
-webkit-box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
-moz-box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
0 0 16px rgba(0,0,0,0.1);
padding: 5px;
background: rgba(255,255,255,0.5);
}
.btn {
width:95%;
line-height:37px;
display:block;
color:#e1e1e1;
font-size:26px;
font-family:'Avenir';
text-shadow: 1px 1px 2px #000;
filter: dropshadow(color=#000, offx=1, offy=1);
text-align: center;
float:none;
clear:both;
margin:0px auto 9px auto;
padding:5px 0px;
border-top: 1px solid #fff;
border-bottom:1px solid #555;
/* Gradient */
background: #aa00d3; /* Old browsers */
background: -moz-linear-gradient(top, #aa00d3 0%, #59006f 50%, #aa00d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa00d3), color-stop(50%,#59006f), color-stop(100%,#aa00d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #aa00d3 0%,#59006f 50%,#aa00d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa00d3', endColorstr='#aa00d3',GradientType=0 ); /* IE6-9 */
/* ----------------- Effects ------------------- */
.rounded{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.shadow{
-webkit-box-shadow: 0px 0px 15px 0px #000000;
-moz-box-shadow: 0px 0px 15px 0px #000000;
box-shadow: 0px 0px 15px 0px #000000;
}
.text-shadow{
text-shadow: 1px 1px 2px #313131;
filter: dropshadow(color=#313131, offx=1, offy=1);
}