160 lines
5.1 KiB
CSS
160 lines
5.1 KiB
CSS
body>h1{
|
|
font:60px 'Ubuntu Condensed', sans-serif;
|
|
font-weight:lighter;
|
|
color:#fff;
|
|
cursor:default;
|
|
margin:40px 0 0 5%;
|
|
}
|
|
|
|
#center{
|
|
margin:0 auto;
|
|
width:2100px;
|
|
padding:50px;
|
|
}
|
|
|
|
#center a:focus{ outline:0 }
|
|
|
|
#center section{
|
|
width:910px;
|
|
display:inline-block;
|
|
margin-right:100px;
|
|
}
|
|
|
|
#center a{
|
|
display:block;
|
|
float:left;
|
|
margin:4px;
|
|
height:100px;
|
|
width:250px;
|
|
padding:25px;
|
|
background:#5fbfbf;
|
|
z-index:0;
|
|
color:#fff;
|
|
font-size:18px;
|
|
font:18px 'Cantarell', sans-serif;
|
|
text-decoration:none;
|
|
|
|
}
|
|
#center a span{
|
|
letter-spacing:-3px;
|
|
font-size:50px;
|
|
text-transform:uppercase
|
|
}
|
|
|
|
#center a img{
|
|
display:inline;
|
|
margin:-25px 0 0 -25px
|
|
}
|
|
|
|
#center a.normal, #center a.numbers{
|
|
background: #479ea8;
|
|
background: -moz-linear-gradient(left, #479ea8 1%, #53b6bc 98%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#479ea8), color-stop(98%,#53b6bc));
|
|
background: -webkit-linear-gradient(left, #479ea8 1%,#53b6bc 98%);
|
|
background: -o-linear-gradient(left, #479ea8 1%,#53b6bc 98%);
|
|
background: -ms-linear-gradient(left, #479ea8 1%,#53b6bc 98%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479ea8', endColorstr='#53b6bc',GradientType=1 );
|
|
background: linear-gradient(left, #479ea8 1%,#53b6bc 98%);
|
|
border:1px solid #59b0b6
|
|
}
|
|
#center a.normal:hover, #center a.numbers:hover{
|
|
background:#53b6bc;
|
|
}
|
|
#center a.fulltext{
|
|
background: #de8211; /* Old browsers */
|
|
background: -moz-linear-gradient(left, #de8211 0%, #e3a419 94%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#de8211), color-stop(94%,#e3a419));
|
|
background: -webkit-linear-gradient(left, #de8211 0%,#e3a419 94%);
|
|
background: -o-linear-gradient(left, #de8211 0%,#e3a419 94%);
|
|
background: -ms-linear-gradient(left, #de8211 0%,#e3a419 94%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8211', endColorstr='#e3a419',GradientType=1 );
|
|
background: linear-gradient(left, #de8211 0%,#e3a419 94%);
|
|
border:1px solid #d8923d;
|
|
font-size:16px;
|
|
}
|
|
#center a.fulltext:hover{
|
|
background:#e3a419;
|
|
}
|
|
#center a.icon{
|
|
background: #7ca024;
|
|
background: -moz-linear-gradient(left, #7ca024 3%, #9ab92f 98%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(3%,#7ca024), color-stop(98%,#9ab92f));
|
|
background: -webkit-linear-gradient(left, #7ca024 3%,#9ab92f 98%);
|
|
background: -o-linear-gradient(left, #7ca024 3%,#9ab92f 98%);
|
|
background: -ms-linear-gradient(left, #7ca024 3%,#9ab92f 98%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca024', endColorstr='#9ab92f',GradientType=1 );
|
|
background: linear-gradient(left, #7ca024 3%,#9ab92f 98%);
|
|
width:100px;
|
|
border:1px solid #aab662
|
|
}
|
|
#center a.icon:hover{
|
|
background:#9ab92f;
|
|
}
|
|
|
|
#center a.preview{
|
|
background: #c74430; /* Old browsers */
|
|
background: -moz-linear-gradient(left, #c74430 0%, #d85636 95%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c74430), color-stop(95%,#d85636));
|
|
background: -webkit-linear-gradient(left, #c74430 0%,#d85636 95%);
|
|
background: -o-linear-gradient(left, #c74430 0%,#d85636 95%);
|
|
background: -ms-linear-gradient(left, #c74430 0%,#d85636 95%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c74430', endColorstr='#d85636',GradientType=1 );
|
|
background: linear-gradient(left, #c74430 0%,#d85636 95%);
|
|
font-size:30px;
|
|
border:1px solid #d55b46;
|
|
border-top:0
|
|
}
|
|
#center a.preview:hover{
|
|
background:#d85636;
|
|
}
|
|
#center a.preview img{
|
|
display:block;
|
|
margin-bottom:5px
|
|
}
|
|
|
|
#center a.search{
|
|
background: #631254; /* Old browsers */
|
|
background: -moz-linear-gradient(left, #631254 4%, #7c1d6e 98%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(4%,#631254), color-stop(98%,#7c1d6e));
|
|
background: -webkit-linear-gradient(left, #631254 4%,#7c1d6e 98%);
|
|
background: -o-linear-gradient(left, #631254 4%,#7c1d6e 98%);
|
|
background: -ms-linear-gradient(left, #631254 4%,#7c1d6e 98%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631254', endColorstr='#7c1d6e',GradientType=1 );
|
|
background: linear-gradient(left, #631254 4%,#7c1d6e 98%);
|
|
border:1px solid #7b387f;
|
|
width:100px;
|
|
}
|
|
#center a.search:hover{
|
|
background:#7c1d6e;
|
|
}
|
|
|
|
#center a.twitter{
|
|
background: #652d9a;
|
|
background: -moz-linear-gradient(left, #652d9a 3%, #7f37b5 98%);
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(3%,#652d9a), color-stop(98%,#7f37b5));
|
|
background: -webkit-linear-gradient(left, #652d9a 3%,#7f37b5 98%);
|
|
background: -o-linear-gradient(left, #652d9a 3%,#7f37b5 98%);
|
|
background: -ms-linear-gradient(left, #652d9a 3%,#7f37b5 98%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#652d9a', endColorstr='#7f37b5',GradientType=1 );
|
|
background: linear-gradient(left, #652d9a 3%,#7f37b5 98%);
|
|
border:1px solid #8148b1;
|
|
font-size:16px;
|
|
text-shadow:1px 1px 2px ##652d9a;
|
|
width:260px;
|
|
height:110px;
|
|
padding-top:15px;
|
|
padding-left:15px;
|
|
}
|
|
#center a.twitter:hover{background:#7f37b5}
|
|
#center a.twitter>span{font-size:20px;letter-spacing:-3px}
|
|
#center a.twitter>i{font-size:.9em;font-style:italic;}
|
|
#center a.twitter>img{
|
|
float:left;
|
|
margin:0 5px 0 0;
|
|
}
|
|
|
|
#center a.images{
|
|
padding:0;
|
|
width:302px;
|
|
height:152px;
|
|
} |