File size: 6.28Kb
body{
color:#fff;
background: #09131d;
font: 400px;
max-width : 500px;
margin: auto;
font-family: Arial;
background-position: center;
}
a:link, a:active, a:visited {
color: #fff;
text-decoration: none;
}
@font-face {
font-size: 25px;
font-family: BravoRG;
src: url(BravoRG.otf);
}
@font-face {
font-size: 25px;
font-family: WillametteSF;
src: url(WillametteSF.ttf);
}
@font-face {
font-size: 25px;
font-family: AmericanRetro;
src: url(AmericanRetro.ttf);
}
.right {
float: right;
}
.tes {
background: url(bh.png) no-repeat;
background-size: cover;
}
.block {
font-size: 13px;
background: #0062c7;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
}
.block-2 {
font-size: 13px;
background: #0062c7;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
color: #fff;
border-radius: 3px;
}
input[type="submit"] {
background: #c12928;
color: #fff;
width: 100%;
padding: 4px;
border-bottom: 2px solid #850000;
border-top: 1px solid #c12928;
border-left: 1px solid #c12928;
border-right: 1px solid #c12928;
text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
background-size: cover;
font-family: BravoRG;
font-size: 20px;
border-radius: 3px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
input[type="submit"]:hover {
background: #850000;
border-bottom: 2px solid #850000;
border-top: 1px solid #850000;
border-left: 1px solid #850000;
border-right: 1px solid #850000;
}
input[type="login"] {
background: #085dae;
width: 100%;
padding: 8px;
border: 1px solid #006dcc;
background-size: contain;
margin-top: 2px;
margin-bottom: 4px;
color: #fff;
font-family: BravoRG;
font-size: 15px;
border-radius: 3px;
}
input[type="pass"] {
background: #085dae;
width: 100%;
padding: 8px;
border: 1px solid #006dcc;
background-size: contain;
margin-top: 2px;
margin-bottom: 4px;
color: #fff;
font-family: BravoRG;
font-size: 15px;
border-radius: 3px;
}
.raz {
text-align: center;
padding: 1px;
font-family: WillametteSF;
font-size: 20px;
}
.head {
background: #c12928;
color: #fff;
border-bottom: 2px solid #850000;
text-align: center;
padding: 10px;
font-family: WillametteSF;
font-size: 20px;
}
.foot {
background: #c12928 url(foot.png) no-repeat left top;
color: #fff;
border-bottom: 2px solid #850000;
text-align: center;
padding: 10px;
font-family: WillametteSF;
font-size: 20px;
}
.lider {
font-size: 13px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
}
.knopka {
font-size: 15px;
background: #0062c7;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 19px;
padding-right: 19px;
margin-top: 2px;
color: #fff;
border-radius: 2px;
font-family: BravoRG;
}
.menu-left {
font-size: 15px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-left:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.menu-center {
font-size: 15px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-center:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.menu-right {
font-size: 15px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-right:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.copy {
font-size: 25px;
padding: 1px;
margin: 4px;
color: #fff;
text-align: center;
font-family: AmericanRetro;
}
.blog-top {
background: #0062c7;
padding: 10px;
color: #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.blog-top:hover {
background: #0062c7;
}
.blog-center-1 {
font-size: 15px;
background: #0062c7;
padding: 10px;
color: #fff;
font-family: BravoRG;
}
.blog-center-2 {
font-size: 15px;
background: #0062c7;
padding: 10px;
color: #fff;
font-family: BravoRG;
}
.blog-bottom {
font-size: 20px;
background: #c12928;
padding: 10px;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;
color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-family: WillametteSF;
text-align: center;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-bottom img {
margin-right: 2px;
vertical-align: middle;
}
.blog-bottom:hover {
background: #850000;
}
.error {
font-size: 15px;
background:-webkit-gradient(linear,left top,left bottom,from(#850000),to(#c12928));
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
font-family: BravoRG;
text-align: center;
}
.profile {
margin-left: 5px;
font-family: BravoRG;
}
.message {
background:-webkit-gradient(linear,left top,left bottom,from(#0062c7),to(#003a77));
padding: 10px;
border-radius: 5px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.message:hover {
background:-webkit-gradient(linear,left top,left bottom,from(#00448b),to(#003163));
}
.prof {
background:-webkit-gradient(linear,left top,left bottom,from(#0062c7),to(#003a77));
padding: 8px;
border-radius: 5px;
margin: 3px;
font-family: BravoRG;
text-align: center;
}
.prof:hover {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #003163;
}
.status {
background: #0b1520;
padding: 10px;
border-radius: 5px;
border-bottom: 1px solid #283442;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
font-family: BravoRG;
}
.status-1 {
margin-left: 20px;
margin-top: 3px;
margin-bottom:0;
border-style:solid;
border-color:transparent transparent #0b1520 transparent ;
border-width:0px 0px 10px 10px;
height: 0px;
width:0px;
}
.present {
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
}