html{
background: url(bg.png), #fff;
font-size: 14px;
}
body{
margin: auto;
}
.body {
background: #fafafa;
}
@font-face {
font-family: aniobzor;
src: url(aniobzo.ttf);
}
.font{
font-family: aniobzor;
}
a {
text-decoration: none;
color: #1ba39c;
}
.timer {
font-size: x-small;
color: #888;
}
.count {
background: #1ba39c;
color: #fff;
font-family: aniobzor;
font-size: x-small;
}
#loades {
display: none;
width: 100%;
height: 100%;
background: url(img/black70.png);
margin: 0px;
position: absolute;
position-top: fixed;
z-index: 1;
}
#loades img{
margin: auto;
position: absolute;
top:0px;left:0px;bottom:0px;right:0px;
}
#top, .razd{
font-family: aniobzor;
padding: 11px;
background: #1ba39c;
text-align: right;
color: #fff;
}
#top a, .razd a{
font-family: aniobzor;
color: #ffffff;
}
img.ava_mini {
width: 40px;
height: 40px;
border-radius: 20px;
box-shadow: 0px 0px 3px #ccc;
}
.box {
word-wrap: break-word;
color: #646464;
background: #ffffff;
border: #ccc 1px solid;
padding: 11px;
margin: 2px;
box-shadow: -2px 2px 3px #ccc;
}
.hr {
border-bottom: 1px solid #bbb;
}
.avatar {
border-right: 1px solid #bbb;
}
.err{
background: #cf000f;
color: #ffffff;
padding: 9px;
}
.msg {
background: #3fc380;
color: #fff;
padding: 9px;
}
.link a {
display: block;
background: #fff;
padding: 9px;
color: #1ba39c;
border-top: #eee 1px solid;
border-bottom: #ecf0f1 1px solid;
}
.link a:active, .link a:hover{
}
.black{
background: url(img/black70.png);
color: #fff;
padding: 5px;
text-align: center;
}
input[type="text"],textarea,input[type="password"], input[type="post"],select {
max-width: 98%;
font-family: aniobzor;
color: #444;
background: #eee;
//border-radius: 4px;
border: 1px solid #ccc;
padding: 5px;
}
.form {
padding: 6px;
background: #fff;
color: #777;
border-bottom: 1px solid #ccc;
border-top: 1px solid #aaa;
margin: 0px;
}
input[type="submit"], a.tauch {
background: #eee;
//border-radius: 6px;
border: 1px solid #ccc;
padding: 8px;
color: #999;
font-family: aniobzor;
}
.foot {
border-top: 2px solid #1ba39c;
padding: 14px;
background: #fff;
text-align: center;
}
.foot a{
margin-left: 2px;
border-radius: 2px;
padding: 9px;
margin: auto;
color: #999;
border: 1px solid #ccc;
}
.pages {
margin-top:2px;
margin-bottom: 2px;
background: #f6f6f6;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #989898;
text-align: center;
}
.pages a{
display: block;
background: #fff;
color: #a9a9a9;
padding: 9px;
}
#panel {
color: #666;
background: #fff;
}
#panel a{
color: #888;
padding: 15px;
display: block;
border-bottom: 1px solid #aaa;
}
#panel .hr a{
border: 0px;
}
#panel input[type="submit"]{
background: #eee;
border: 1px solid #bbb;
}
#panel input[type="post"], #panel input[type="password"]{
background: #f9f9f9;
border: 1px solid #eee;
}
@media(min-width: 700px){
.body{
margin-left: 10%;
margin-right: 30%;
}
#a_panel{
display: none;
}
#panel{
position:absolute;
margin-left: 73%;
display: block;
width: 27%;
border-left: 1px solid #aaa;
}
.box{
margin: 6px;
}
}
@media(max-width: 700px){
#panel{
width: 100%;
display: none;
position: absolute;
}
}