Файл: ecscl_design/style/themes/default/style.css
Строк: 262
/*--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;}