/*--Design by Sergej2015------------------------*/
/*--E-mail: Sergej.Pogrebnoj2015@gmail.com-----*/
body
{
background: #ededed url('img/bg/bgg.png') fixed;
font-family: 'Roboto',sans-serif;
max-width: 600px;
font-size: 12px;
margin: auto;
}
img {vertical-align: middle;}
img:hover, img:active
{
transition: all 0.8s ease-in-out;
transform: rotate(360deg);
opacity: 1;
}
a:link, a:active, a:visited {text-decoration: none;}
a:hover {transition: all 0.3s ease 0s;}
.body
{
background: url('img/bg/body.png');
box-shadow: 0 0 6px 3px #cfcfcf;
max-width: 600px;
}
table.aut_i
{
background: #00796b url('img/bg/aut.png');
max-width: 600px;
}
table.aut
{
background: #00796b url('img/bg/aut.png');
max-width: 600px;
position: fixed;
}
table,.post
{
width: 100%;
}
.title,.razd
{
background: #00897b;
display: inline-block;
padding: 10px;
border-radius: 3px;
font-weight: bold;
color: #fff;
}
.menu_razd
{
background: #00796b url('img/bg/aut.png');
padding: 6px 14px;
}
.aut_01,.aut_02,.aut_03
{
text-align: center;
height: 70px;
color: #fff;
}
.aut_01
{
background: url('img/bg/aut_01.png') left bottom no-repeat;
text-shadow: 1px 1px #006559;
padding-left: 70px;
text-align: left;
font-size: 110%;
width: 100%;
}
.aut_03
{
background: url('img/bg/aut_03.png') right bottom no-repeat;
text-shadow: 1px 1px #006559;
padding-right: 70px;
text-align: right;
font-size: 110%;
width: 100%;
}
.aut_02 {min-width: 50px; max-width: 50px;}
.aut_02:hover,.aut_02:active {background: #006155; transition: all .4s;}
.aut_02 img,.menu_razd img
{
margin-top: 2px;
opacity: 0.85;
height: 20px;
width: 20px;
}
.aut_02 img:hover,.aut_02 img:active,.menu_razd img:active {opacity: 1;}
.aut_count
{
margin: -3px 0 0 -9px;
background: #00897b;
position: absolute;
border-radius: 8px;
line-height: 16px;
min-height: 16px;
min-width: 16px;
font-size: 75%;
color: #fff;
}
.main_menu_1 a,.p_t,.menu,.p_m
{
background: #eae9e9 url('icons/m_menu.png') right center no-repeat;
box-shadow: inset 0px 1px 0px #fff;
text-shadow: 1px 1px #fff;
border: 1px solid #d4d4d4;
margin-bottom: 2px;
line-height: 40px;
padding: 0 13px;
display: block;
color: #333;
}
.p_t,.p_m,.menu {margin: 10px 10px 8px 10px;}
.main_menu_1 a:hover,.foot:hover
{
margin: 0 5px 2px 5px;
background: #d4d4d4;
box-shadow: none;
}
.foot:hover
{
margin: 2px 0;
}
.main_menu_1 a:active,.foot:active
{
border: 1px solid #c7c7c7;
background: #c7c7c7;
transition: none;
}
.main_menu_1 img
{
margin-top: -2px;
}
.main_menu_2,.rekl
{
}
.count
{
font-size: 110%;
font-weight: bold;
}
.rekl a
{
box-shadow: inset 0px 1px 0px #fff;
border: 1px solid #d9cfb7;
background: #efe8d7;
margin-bottom: 2px;
border-radius: 3px;
text-shadow: none;
line-height: 40px;
padding: 0 12px;
display: block;
color: #474747;
}
.rekl a:hover
{
margin: 0 5px 2px 5px;
background: #d9cfb7;
box-shadow: none;
}
.rekl a:active
{
border: 1px solid #ccc3ac;
background: #ccc3ac;
transition: none;
}
.foot,.c2,.main,.main2,.menus,.msg,.err
{
box-shadow: inset 0px 1px 0px #fff;
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
text-shadow: 1px 1px #fff;
background: #eae9e9;
margin: 2px 0;
padding: 12px;
color: #333;
}
.msg a
{
color: #00796b;
}
.msg a:hover
{
font-weight: bold;
}
.c2 {text-align: center;}
.foot a,.c2 a,.main a,.main2 a {color: #333;}
.foot img,.c2 img,.main img,.main2 img {margin-bottom: 2px;}
.nav1,.nav2,.mess,.plug
{
text-shadow: 1px 1px #fff;
border: 1px solid #d4d4d4;
background: #d4d4d4;
box-shadow: none;
padding: 12px;
margin: 10px;
color: #333;
}
.nav2
{
box-shadow: inset 0px 1px 0px #fff;
background: #eae9e9;
}
.nav1 a,.nav2 a,.mess a,.plug,.menu a,.p_m a
{
color: #333;
}
.nav1 img,.nav2 img
{
height: 16px;
width: 16px;
}
.right
{
margin-top: -17px;
}
.webmenu {margin: 0 auto;}
.webmenu a {display: block; color: #333;}
.webmenu a:hover{font-weight: bold;}
.menus
{
margin: 10px 10px-10px 10px;
text-align: center;
display: flex;
}
.pnl2H
{
padding: 6px;
border-bottom: 1px solid #ccc;
background: white;
}
.pnl2H {color: #666;}
.rnav_w {display: block;border-radius: 0;}
.rnav {position: relative;margin: 0;list-style: none;}
.js-rnav {overflow: hidden;max-height: 1.9em;}
.rnav_i {margin-bottom: .4em;}
.rnav_i {display: inline-block;}
.rnav_i a.aslnk {color: #fff;}
.rnav_i a.aslnk {color: #fff;}
.acsw .aslnk {padding: 6px;border-bottom: 1px inset blue;background-color: #8FCFFC;}
.acsw {padding-top:5px;}
.acsw .alnk, .acsw .aslnk {margin-right: .3em;}
.aslnk:hover {border-bottom: 1px inset red;background:#0FCFFC;}
.wln,.lnk {background-color:#eaeef4;padding: 6px;border-bottom: 1px solid #dedcdc;}
.wln:hover,.lnk:hover {border-bottom:1px solid red;}
.rnav_i .ai {line-height: 1.7;vertical-align: top;}
img.friends {border: 3px inset orange;border-radius: 0% 100% 100%;}
.mb4{padding-bottom:5px;border-bottom: 2px solid #ccc;}
img.stenka {border: 2px dashed #8FCFFC;border-radius: 100%/20%; }
img.stenka:hover {border: 2px dashed red;border-radius: 100%/20%;}
div.pager
{
border: 0;
margin: 0 auto;
padding: 1px 3px 2px 0;
text-align: left;
color: #ffffff;
}
.link_s
{
background:#fcefa4;
font-size:11px;
border: 1px solid #29447e;
margin: 3px;
padding: 2px 3px 2px 3px;
color: #fff;
-o-border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
}
.link_s a:hover {border: 1px solid #3b5998;color: #ffffff;}
.cit
{
border-left : 4px solid #c1c1c1;
color : #878787;
font-size : x-small;
padding:1px;
border:1px solid #1E90FF;
margin-left : 2px;
}
.t_s
{
border-bottom: 1px #e5fdfd solid;
background-color: #f2ffff;
padding: 1px;
margin: 0px;
border-radius: 3px 3 3 3px;
width: 100%;}
.icon14 {width: 10%}
.pages
{
border: 1px #238be4 solid;
background-color: #FFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;
margin-top: 1px;
border-radius: 1px 1 1 1px;
font-size : small;
}
form label
{
display: inline-block;
padding-right: 5px;
margin: 1px 0px 1px 0px;
}
form label:hover
{
margin: 1px 0px 0px 0px;
border-bottom: 1px #A8C1CE solid;
background-color: #E5EDFF;
}
input[type="submit"],input,select,.tmenu
{
box-shadow: inset 0px 3px 5px #cdd2de;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
margin: 3px;
}
input[type="submit"]:hover ,.input:hover, select:hover
{
background-color: #ccc;
}
textarea
{
box-shadow: inset 0px 3px 5px #cdd2de;
padding: 8px 40px 8px 11px;
border: 1px solid #c0c6d2;
border-radius: 4px;
font-weight: bold;
max-width: 100%;
height: 4pc;
color: #333;
width: 90%;
margin: 3px;
}
.ank_n{font-size: 12px;font-weight: bold;color: #555;}
.ank_d{font-size: 12px;margin: 5px;}
.foot_page {
margin-top: 1px;
border-top: 1px #A8C1CE solid;
padding: 2px;
background-color: #9ee1f2;
}
.tmenu
{
float: left;
display: inline;
}
.on {color: #1c9044;}
.off {color: #FF0000;}