Файл: css/style.css
Строк: 224
body {
 color: #fff;
 font: 12px tahoma;
 margin: 3px auto;
 max-width:
500px;
 background-image: url('img/body.png');
 background-position: top
right;
 background-repeat: no-repeat;
 font-family: 'Helvetica Neue',
Helvetica, Arial;
}
body:before {
 content: "Windows 8";
font-family: sans-serif;
 font-size: 30px;
 color: #fff;
 display:
block;
 height: 40px;
 margin-top: 0px;
 background-color:
transparent;
 border-width: thin;
 border-style: solid;
 border-radius:
0px;
 border-color: transparent;
}
body:after {
 content:
"WWW.DIZ-UX.TK";
 padding: 2px;
 display: block;
 color:
#fff;
 height: 15px;
 margin-top: 3px;
 background-color: transparent;
border-width: thin;
 border-style: solid;
 border-color: #fff transparent
transparent transparent;
 border-radius: 0px;
}
input {
background-color: #fff;
 color: black;
 padding: 4px;
 opacity: 0.5;
border-width: thin;
 border-style: solid;
 border-color: #eee;
border-radius: 0px;
}
input:hover, input:focus {
 background-color:
#fff;
 color: black;
 padding: 4px;
 opacity: 1;
 border-width: thin;
border-style: solid;
 border-color: #eee;
 border-radius:
0px;
}
input[type=submit] {
 background-color: #fba919;
border-style: solid;
 border-color: #fba919;
 border-radius: 0px;
border-width: thin;
 color: #ffffff;
 padding: 4px;
 opacity:
0.9;
}
input[type=submit]:hover {
 background-color: #fba919;
border-color: #fba919;
 border-radius: 0px;
 border-width: thin;
 color:
#ffffff;
 padding: 4px;
 opacity: 1;
}
a {
 font-family: Verdana,
Geneva, Arial, Helvetica, sans-serif;
 color: #fff;
 text-decoration:
none;
}
a:hover {
 font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif;
 color: #fff;
}
.div {
 font-family: Verdana, Geneva,
Arial, Helvetica, sans-serif;
 font-size: small;
 color: #000000;
background-color: #ffffff;
 padding: 2px;
 border-style: solid;
border-width: thin;
 border-color: #d1d1d1;
 border-radius:
0px;
}
.top {
 font-family: sans-serif;
 font-size: 14px;
margin-top: 3px;
 margin-bottom: 3px;
 text-shadow: 0 0 7px #000;
color: #fff;
 background-color: #d1d1d1;
 padding: 3px;
 border-style:
solid;
 border-width: thin;
 border-color: #d1d1d1;
 border-radius:
0px;
}
.btm {
 font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif;
 color: #fff;
 background-color: #0099ab;
 border-width:
thin;
 border-style: solid;
 border-color: #0099ab;
 border-radius:
0px;
 padding: 4px;
 opacity: 0.9;
 padding-right: 30px;
margin-bottom: 2px;
}
.btm:hover {
 font-family: Verdana, Geneva,
Arial, Helvetica, sans-serif;
 color: #fff;
 background-color: #0099ab;
border-width: thin;
 border-style: solid;
 border-color: #0099ab;
border-radius: 0px;
 padding: 4px;
 opacity: 1;
 padding-right: 30px;
margin-bottom: 2px;
}
.fr_razdel, .fr_theme {
 font-family: Verdana,
Geneva, Arial, Helvetica, sans-serif;
 color: #fff;
 background-color:
#fba919;
 border-width: thin;
 border-style: solid;
 border-color:
#fba919;
 border-radius: 0px;
 padding: 4px;
 opacity: 0.9;
padding-right: 30px;
 margin-bottom: 2px;
}
.fr_razdel:hover,
.fr_theme:hover {
 font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif;
 color: #fff;
 background-color: #fba919;
 border-width:
thin;
 border-style: solid;
 border-color: #fba919;
 border-radius:
0px;
 padding: 4px;
 opacity: 1;
 padding-right: 30px;
 margin-bottom:
2px;
}
 ul.okno {
 margin-left: 20px;
 display: table;
 list-style:
none;
 margin: 0px;
}
 
 ul.okno  li {
 float: left;
 margin-left:
4px;
 margin-bottom: 3px;
 text-align: center;
 padding-left: 17px;
padding-right: 17px;
}
 ul.okno  li:last-child { 
 margin-right: 0;
}
 
.b1 { 
 padding: 7px;
 opacity: 0.9;
 font-size: 17px;
 margin:
1px;
 height: 60px;
 background-color: #d9522c; 
}
 
.b2 {
 padding:
7px;
 opacity: 0.9;
 font-size: 17px;
 margin: 1px;
 height: 60px;
background-color: #009900; 
}
 
.b3 {
 padding: 7px;
 opacity: 0.9;
font-size: 17px;
 margin: 1px;
 height: 60px;
 background-color:
#ae193e; 
}
 
.b4 {
 padding: 7px;
 opacity: 0.9;
 font-size: 17px;
margin: 1px;
 height: 60px;
 background-color: #0099ab; 
}
 
.b5 {
padding: 7px;
 opacity: 0.9;
 font-size: 17px;
 margin: 1px;
 height:
60px;
 background-color: #fba919; 
}
 
.b6 {
 padding: 7px;
 opacity:
0.9;
 font-size: 17px;
 margin: 1px;
 height: 60px;
 background-color:
#2d87ef; 
}
 
.b7 {
 padding: 7px;
 opacity: 0.9;
 font-size: 17px;
margin: 1px;
 height: 60px;
 background-color: #5b39b6; 
}
.b1:hover,.b2:hover,.b3:hover,.b4:hover,.b5:hover,.b6:hover,.b7:hover {
opacity: 1; }	
 
.top, .fr_splitter {
 font-family: sans-serif;
font-size: 14px;
 margin-top: 3px;
 margin-bottom: 3px;
 text-shadow: 0
0 7px #000;
 color: #fff;
 background-color: transparent;
 padding:
3px;
 border-style: solid;
 border-width: thin;
 border-color:
transparent transparent #fff transparent;
 border-radius: 0px;
text-align: right;
}
.bri {
 font-family: sans-serif;
 font-size:
14px;
 margin-top: 3px;
 margin-bottom: 3px;
 color: #fff;
background-color: #ae193e;
 padding: 3px;
 border-style: solid;
border-width: thin;
 border-color: #ae193e;
 border-radius:
0px;
}
.ladm_block {
 font-family: sans-serif;
 font-size: 14px;
margin-top: 3px;
 margin-bottom: 3px;
 color: #fff;
 opacity: 0.9;
background-color: #ae193e;
 padding: 3px;
 border-style: solid;
border-width: thin;
 border-color: #ae193e;
 border-radius:
0px;
}
.ladm_block:hover {
 font-family: sans-serif;
 font-size:
14px;
 margin-top: 3px;
 margin-bottom: 3px;
 color: #fff;
 opacity:
1;
 background-color: #ae193e;
 padding: 3px;
 border-style: solid;
border-width: thin;
 border-color: #ae193e;
 border-radius:
0px;
}
.btm_block {
 padding: 2px;
 color: #fff;
 margin-top: 3px;
background-color: transparent;
 border-width: thin;
 border-style:
solid;
 border-color: #fff transparent transparent transparent;
border-radius: 0px;
}
.gb_msg, .chat_msg, .fr_msg {
 padding: 2px;
color: #fff;
 margin-top: 3px;
 background-color: transparent;
border-width: thin;
 border-style: solid;
 border-color: #fff;
border-radius: 0px;
}
.adm, .chat_priv_msg {
 padding: 2px;
 color:
#fff;
 margin-top: 3px;
 background-color: transparent;
 border-style:
dashed;
 border-color: #ff0000;
 border-width: thin;
}