File size: 6.05Kb
/*******************
Designe by BlackART
ICQ: 3605591
*******************/
@import"reset.css";
@import"grid.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
body {
font-weight: normal;
color: #191919;
margin: 0px auto;
max-width: 400px;
font-family:tahoma;
background: #FFFFFF;
text-align: left;
background-image: url('../images/body.png');
font-size: 13px;
}
a:link,a:active,a:visited{
color:#9c9c9c;
text-decoration:none;
}
a:hover,a:focus{
color:#c36bd1;
}
img {
vertical-align: middle;
}
hr {
color:#e3e3e3;
height:1px;
margin : 2px -4px;
margin-right: 1px;
border-left:0px;
border-right:0px;
border-top:0px;
border-style:dashed;
}
.inf {
font-size: 11px;
margin-top: 1px;
margin-left: 20px;
-webkit-border-radius:6px;
margin-bottom: 1px;
padding: 3px;
background: #f4f4f4;
}
/*Botton*/
.button {
display:inline-block;
font-size:14px;
line-height:20px;
padding:5px 14px 6px 14px;
margin-top: -40px;
margin-right: 17px;
margin-bottom: 5px;
font-family: 'Open Sans', sans-serif;
color:#fff;
float: right;
box-shadow: 2px 2px 6px #c8c8c8;
text-decoration:none;
background:url(../images/button-tail.png) repeat-x 0 0 #ec6b23;
text-shadow:1px 1px #727272;
-webkit-border-radius:6px;
}
.button:hover {
background:url(../images/button-tail.png) repeat-x 0 bottom #e5b81d;
}
.button a {
color: #fff;
}
/*info*/
.img {
padding-left: 8px;
}
.info {
padding-left: -5px;
}
/*text*/
.text_1 {
padding-top: 3px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 5px;
background:#fff2f2 url(../images/text_22.png) repeat-x;
color: #d0a8a8;
border: 1px solid #fff;
-webkit-border-radius: 6px;
font-size: 13px;
box-shadow: 1px 3px 6px #c8c8c8;
text-shadow: 1px 0px 0px #f7e9e9;
}
.text_2 {
padding: 5px;
margin-top: 2px;
margin-bottom: 5px;
background:#f7e0f6 url(../images/text_2.png) repeat-x;
color: #c18cbe;
border: 1px solid #f8f2f8;
-webkit-border-radius: 6px;
box-shadow: 0px 2px 6px #c8c8c8;
text-shadow: 1px 0px 0px #fae2f9;
}
/*host*/
.tarif_1 {
-webkit-border-radius:6px;
color:#aaaaaa;
background: url(../images/tarif_1.png) #f0f0f0 repeat-x;
text-shadow: 1px 1px 0px #fff;
padding-bottom: 3px;
margin-bottom: 5px;
box-shadow: 0px 2px 6px #c8c8c8;
}
.tarif_1 a {
color:#aaaaaa;
text-shadow: 1px 1px 0px #fff;
}
.tarif_1 a:hover {
color:#c46dd7;
text-shadow: 1px 1px 0px #fff;
}
/*host*/
.tarif_2 {
-webkit-border-radius:6px;
color:#aaaaaa;
background: url(../images/tarif_1.png) #f0f0f0 repeat-x;
text-shadow: 1px 1px 0px #fff;
padding-bottom: 13px;
padding-top: 20px;
margin-bottom: 5px;
box-shadow: 0px 2px 6px #c8c8c8;
}
.tarif_2 a {
color:#aaaaaa;
text-shadow: 1px 1px 0px #fff;
}
.tarif_2 a:hover {
color:#a7a7a7;
text-shadow: 1px 1px 0px #ececec;
}
.count {
background: #ededed;
padding: 3px;
margin-bottom: 2px;
margin-top: 2px;
display: inline;
}
.host_1 {
display: inline;
padding-top: 22px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 24px;
}
.host_img {
background: #e7e7e7;
border-radius: 6px;
padding: 1px;
}
.host_1:hover {
background: url(../images/tari.png) #fff repeat-x;
}
.title_round {
margin-top: -7px;
}
/*menu*/
.menu{
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
background: url(../images/menu.png) #fff repeat-x;
color: #000;
border-top: 1px solid #fff;
border-bottom: 1px solid #e4e4e4;
-webkit-border-radius: 6px;
font-size: 13px;
text-shadow: 1px 0px 0px #fff;
}
.menu a{
text-shadow: 1px 10px 10px #fff;
}
.menu a:hover{
text-shadow: 1px 0px 10px #fff;
}
.niz_l {padding: 8px; background: url(../images/niz_l.png) repeat-y 8px top;}
.block{
padding: 8px;
margin-top: 5px;
background: url(../images/menu.png) #fff repeat-x;
color: #a4a4a4;
border-top: 1px solid #fff;
-webkit-border-radius: 6px 6px 0 0;
font-size: 13px;
text-shadow: 1px 10px 10px #fff;
}
.navi {
padding: 8px;
margin-bottom: 5px;
background: #fff url(../images/navi.png) repeat-x bottom;
color: #a4a4a4;
border-bottom: 1px solid #e4e4e4;
-webkit-border-radius: 0 0 6px 6px;
font-size: 13px;
text-shadow: 1px 10px 10px #fff;
}
/*title*/
.title{
padding-top: 5px;
padding-left: 10px;
padding-bottom: 15px;
font: bold;
margin-bottom: -15px;
background: #CCC url(../images/title.png);
color: #a3a3a3;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c1c1c1;
-webkit-border-radius: 6px;
font-size: 13px;
text-shadow: 1px 0px 0px #f4f4f4;
}
/*foot*/
.foot{
padding: 5px;
margin-bottom: 20px;
background: #CCC url(../images/foot.png);
color: #999999;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c1c1c1;
-webkit-border-radius: 6px;
font-size: 13px;
text-shadow: 1px 0px 0px #ffffff;
}
.foot1 {
padding: 5px;
margin-bottom: 5px;
color: #999999;
text-align: center;
-webkit-border-radius: 6px;
font-size: 13px;
text-shadow: 1px 0px 0px #ffffff;
}
/*news*/
.news{
padding-top: 5px;
padding-left: 10px;
padding-bottom: 15px;
margin-bottom: -15px;
background: #CCC url(../images/newspng.png);
color: #ababab;
padding-left: 20px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #e5e4e2;
-webkit-border-radius: 6px;
font-size: 13px;
text-shadow: 1px 0px 0px #ededed;
}
.tooltip { position: relative; }
.tooltip span {
position: absolute;
right: 0;
top: -30px; /*��������� ����� ������� �� ��������� � ����� */
display: none;
min-width: 150px;
padding: 3px 8px;
white-space: nowrap; /*���� ����� ����� �������, �� � ����� br ����� ������� */
font-size: 11px;
text-align: right;
background-color: rgba(0,0,0,.8); /*������ ��� */
border-radius: 5px 5px 5px 5px;
color: #fff; /*����� �����*/
}
.tooltip:hover span { display: block; }
.hide{float: right;cursor: pointer;}
.hide:hover{opacity: 0.7;}