Radarr/NzbDrone.Web/Content2/metro.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;
}