d123
* {
margin: 0;
padding: 0;
outline: none;
}
body {
background: url("http://bans.cscomplete.ru/motd/img/bg.png");
font-family: Segoe Ui, Arial, Tahoma;
}
a {
text-decoration: none;
}
#pageAlign {
width: 1050px;
margin: 0 auto;
}
#header {
float: left;
display: inline-block;
margin-top: 20px;
font-weight: lighter;
color: #404040;
font-size: 35px;
cursor: default;
}
#header a {
color: #404040;
font-size: 16px;
margin-left: 5px;
}
#header a:hover {
color: #999;
}
#privileges {
clear: left;
margin-left: 25px;
}
#privilege {
float: left;
display: inline-block;
margin-top: 60px;
margin-right: 30px;
}
.privilegeImage {
width: 165px;
height: 165px;
background: red;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background: #454545;
}
.privilegeName {
font-size: 17px;
color: #454545;
text-align: center;
font-weight: bold;
margin-top: 20px;
}
.privilegePrice30 {
font-size: 15px;
text-align: left;
margin-top: 15px;
float: left;
line-height: 25px;
}
.privilegePrice30 ul {
}
.privilegePrice30 ul li {
list-style: none;
color: #000000;
}
.privilegePrice30 ul li:last-child {
color: #f11313;
}
.privilegePriceForever {
font-size: 15px;
margin-top: 15px;
float: right;
text-align: right;
line-height: 25px;
}
.privilegePriceForever ul {
}
.privilegePriceForever ul li {
list-style: none;
color: #000000;
}
.privilegePriceForever ul li:last-child {
color: #f11313;
}
.seps {
float: left;
margin-left: 9px;
margin-top: 12px;
}
.privilegeDiscription {
font-size: 14px;
padding-top: 30px;
clear: left;
width: 165px;
height: 190px;
color: #262626;
font-weight: lighter;
text-align: center;
}
.privilegeScreen a {
margin-top: 15px;
text-align: center;
background: no-repeat #659ced;
background-position-y: 13px;
display: inline-block;
padding: 5px 37px 5px 37px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
color: #fff;
font-size: 14px;
-webkit-transition: ease-out 0.2s;
-moz-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
}
.privilegeScreen a:hover {
background-color: #2a70d9;
background-position-x: -50px;
}
.privilegeScreen a:active {
background-color: #2a70d9;
}
#botButton {
width: 200px;
margin: 750px auto 0px auto;
}
#botButton a {
background: url(/motd/img/button.png) no-repeat #659ced;
background-position-y: 13px;
display: inline-block;
padding: 15px 37px 15px 37px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
color: #fff;
font-size: 14px;
-webkit-transition: ease-out 0.2s;
-moz-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
}
#botButton a:hover {
background-color: #2a70d9;
background-position-x: -50px;
}
#botButton a:active {
background-color: #2a70d9;
}
#vkLink {
margin-top: 10px;
text-align: center;
}
#vkLink a{
color: #808080;
text-align: center;
font-size: 11px;
}
#vkLink a:hover {
color: #4d4d4d;
}
#footer {
background: #262626;
width: 100%;
float: left;
margin-top: 20px;
}
#contactsBlock {
width: 1000px;
margin: 0 auto;
}
#contacts {
float: left;
color: #fff;
font-size: 17px;
margin-top: 30px;
}
#contacts admin {
color: #4a86c1;
}
#feedback {
font-weight: lighter;
color: #fff;
margin-top: 30px;
font-size: 16px;
}
#feedback ul li {
list-style: none;
}
#feedback ul li:first-child {
margin-top: 10px;
}
#feedback ul li:last-child {
margin-top: 5px;
}
#feedback ul li i {
float: left;
display: block;
background: url(/motd/img/contact.png);
width: 16px;
height: 16px;
margin-top: 4px;
margin-right: 7px;
}
#comebackBtn {
text-align: center;
}
#comebackBtn a{
-webkit-transition: ease-out 0.2s;
-moz-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
color: #404040;
font-size: 14px;
}
#comebackBtn a:hover {
color: #e5846e;;
}
#headerAlignR {
width: 866px;
height: 126px;
margin: 0 auto;
}
#headerInstTextR i {
display: inline-block;
width: 51px;
height: 54px;
float: right;
margin-top: 33px;
}
#headerInstTextR {
font-size: 30px;
color: #fff;
line-height: 120px;
width: 800px;
}
#instructionContentAlignR {
width: 866px;
min-height: 200px;
margin: 0 auto;
}
#headerInstR {
background-color: #4a86c1;
width: 100%;
height: 126px;
}
.well {
min-height: 20px;
padding: 10px;
margin-bottom: 10px;
background-color: #f8f8f8;
border: 2px solid #d6d6d6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
padding: 24px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.well-small {
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}