Файл: style/style.css
Строк: 450
/* ############# DEFOULT ############# */
a { color:#18808f;
text-decoration:none;}
a:hover { text-decoration:underline; }
body {
margin:0px; padding:0px; font-family: 'Arial'; font-size:15px; background:
url(/img/body-bg.jpg) repeat; }
img { border:0px; }
.clr { clear:both;
}
.stn:link, .stn:visited { color: #609143; text-decoration: none;
font-weight: bold; }
.stn:active, .stn:hover { color: #d77906;
text-decoration: none; }
.stn-sort:link, .stn-sort:visited { color:
#FFFFFF; text-decoration: none; font-weight: bold; }
.stn-sort:active,
.stn-sort:hover { color: #000000; text-decoration: none; }
/*
############# WRAPPERS ############# */
.wrap {
font-family:'aleksandracregular';
width:980px;
margin:0 auto;
background: #eefdff;
border-left:6px solid #7dcec8;
border-right:6px solid #7dcec8;
box-shadow:0 0 6px
rgba(0,0,0,0.5);
-moz-box-shadow:0 0 6px
rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 6px
rgba(0,0,0,0.5);
}
/*############# HEADER #############*/
.header {
width:60%; }
.head-bg {
background: url(/img/head-bg.jpg)
no-repeat;
width: 980px; height: 257px;
padding-top:
30px;
padding-left: 30px;
}
.clr-line {
/* background:
url(/img/line.jpg) no-repeat;*/
width:900px; padding: 0
40px;
border-top:5px solid #7dcec8;
}
.logo {
background:
url(/img/logo.png) no-repeat;
width:424px; height:194px;
}
.hd-menu
{
width:880px;
background: #7dcec8;
background:
-moz-linear-gradient(top, #7dcec8 0%, #219daf 100%);
background:
-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dcec8),
color-stop(100%,#219daf));
background: -webkit-linear-gradient(top,
#7dcec8 0%,#219daf 100%);
background: -o-linear-gradient(top, #7dcec8
0%,#219daf 100%);
background: -ms-linear-gradient(top, #7dcec8
0%,#219daf 100%);
background: linear-gradient(to bottom, #7dcec8
0%,#219daf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#7dcec8', endColorstr='#219daf',GradientType=0
);
border-radius:20px; -webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
list-style:none;
margin: 25px 0;
padding:
0 15px;
}
.hd-menu li {
float:left;
height: 40px;
line-height:38px;
}
.current {
color:#18808f!important;
}
.hd-menu
a:hover,
.current a:hover,
.current {
color:#18808f;
background:
#89ddd8;
background: -moz-linear-gradient(top, #89ddd8 0%, #26b0c5
100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#89ddd8), color-stop(100%,#26b0c5));
background:
-webkit-linear-gradient(top, #89ddd8 0%,#26b0c5 100%);
background:
-o-linear-gradient(top, #89ddd8 0%,#26b0c5 100%);
background:
-ms-linear-gradient(top, #89ddd8 0%,#26b0c5 100%);
background:
linear-gradient(to bottom, #89ddd8 0%,#26b0c5 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#89ddd8',
endColorstr='#26b0c5',GradientType=0 );
border-left:1px solid
white!important;
border-right:1px solid
white!important;
border-radius:20px; -webkit-border-radius:20px;
-moz-border-radius:20px; -khtml-border-radius:20px;
}
.hd-menu a
{
display:table;
text-decoration:none; color:#fff;
height:
40px;
font-size:24px; font-family: 'BoomBoom';
padding: 0
27px;
border-left:1px solid transparent;
border-right:1px solid
transparent;
}
.btn_reg {
display:block;
background:
url(../img/btn.png) no-repeat;
width: 245px;
height:
39px;
}
.btn_reg:hover {
background: url(../img/btn.png) 0% bottom
no-repeat;
}
.cp-art {
background: url(/img/fruits.jpg)
no-repeat;
width:542px;
height:244px;
margin-bottom:6px;
float:left;
}
.sprite-icon
{
background: url(/img/sprite-icon.png)
no-repeat;
width:500px;
height:500px;
}
.hd-bnf
{
float:left;
background: url(/img/bnf.png)
repeat-x;
height:152px;
font-family:
'BoomBoom';
font-size:1.2em;
color:#3f9800;
margin:25px 0px 0px
6px;
padding:6px 15px 0px 30px;
color:#3f9800;
line-height:
17pt;
border:1px solid #b6b6b6;
border-radius:6px;
}
.hd-bnf li
{
list-style-image:
url(/img/arrow.png);
background-repeat:no-repeat;
}
/*#############
CONTENT #############*/
.content { width:100%; margin-top:6px;
}
.cl-left { width:325px; *width:315px; float:right; border:0px solid
black; }
.cl-right { width:630px; float:left; padding:0px 0px 0px 25px;
border:0px solid black; }
.h-title {
background:
url(/img/opacity-title.png)
no-repeat;
width:289px;
height:22px;
color:#2c8f89;
text-align:center;
margin:2px
0px 0px 15px;
}
.block {
/* background: url(/img/bnf.png)
repeat-x;
background: #c8fffc;*/
/* border:1px solid #38ada6;
*/
margin:0 10px 20px 10px; padding:10px 0;
box-shadow: 0px 0px 4px 0px
#7f7f7f;
-webkit-box-shadow: 0px 0px 4px 0px #7f7f7f;
-moz-box-shadow:
0px 0px 4px 0px #7f7f7f;
border-radius:20px; -webkit-border-radius:20px;
-moz-border-radius:20px; -khtml-border-radius:20px;
}
.block img
{
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
}
.txt
{
width: 111px;
text-align: center;
font-family:
'BoomBoom';
font-size:1.2em;
color:#86806D;
}
.lg {
background:
none;
border: 1px solid #8d8d8d;
border-radius:6px;
background:
url(/img/inpt.png) repeat-x;
width:237px;
height:24px;
padding:0px
0px 0px 6px;
margin:3px 0px 0px 0px;
}
.lg:hover {
background:
url(/img/inpt-hov.png) repeat-x;
width:237px;
height:24px;
}
.ps
{
background: none;
border: 1px solid
#8d8d8d;
border-radius:6px;
background: url(/img/inpt.png)
repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px
6px;
margin:3px 0px 0px 0px;
}
.ps:hover {
background:
url(/img/inpt-hov.png)
repeat-x;
width:237px;
height:24px;
}
.btn_in {
background:
#73b1ff;
border: 1px solid
#60a2f6;
border-radius:6px;
color:#FFF;
margin:0px 0px 0px
0px;
padding:3px 0px 3px
0px;
cursor:pointer;
width:60px;
}
a.rs-ps { color:#18808f;
text-decoration:none; font-size:14px; }
a.rs-ps:hover {
text-decoration:underline; }
.stat {
background: url(/img/bnf.png)
repeat-x;
height:180px;
margin:20px 0px 0px 0px;
border:1px solid
#b6b6b6;
border-radius:6px;
}
.st-lf { float:left; margin:5px 0px
0px 0px; }
.st-rg { float:left; margin:7px 0px 0px 15px; }
.line
{
margin:6px 0px 0px 30px;
}
.line-st {
border: 1px solid
#8d8d8d;
border-radius:6px;
background: url(/img/inpt-hov.png)
repeat-x;
width:115px;
height:19px;
color:#f77827;
text-align:center;
margin:2px
0px 0px 0px;
padding:5px 0px 0px 0px;
}
.st-time {
margin:3px
0px 0px 30px;
}
.wim {
background: url(/img/small-inpt.png)
repeat-x;
width:229px;
height:34px;
border:1px solid
#b6b6b6;
border-radius:6px;
text-align:center;
font-size:20pt;
padding:6px
0px 0px 0px;
margin:0px 0px 0px 190px;
}
.wim-block {
margin:6px
0px 0px 67px;
}
.wim-lf {
background: url(/img/man-1.jpg)
no-repeat;
width:125px;
height:129px;
float:left;
}
.wim-ctr
{
width:220px;
float:left;
color:#0a5200;
font-size:19pt;
text-align:center;
margin:0px
5px 0px 5px;
}
.wim-ctr-in {
background: url(/img/arrows.jpg)
no-repeat;
width:117px;
height:63px;
margin:6px 0px 6px
50px;
}
.wim-rg {
background: url(/img/man-2.jpg)
no-repeat;
width:130px;
height:131px;
float:left;
}
.garant-bk
{
width:200px;
float:left;
margin:5px 0px 0px
0px;
text-align:center;
color:#0a5200;
font-size:15pt;
}
i
{
display:block;
background:url(/img/garant-sprite.jpg);
width:171px;
height:155px;
margin-left:15px;
}
.cntrl-ps
{
width:171px;
margin-left:71px;
}
s
{
display:block;
background:url(/img/paysitem-sprite.png);
width:57px;
height:46px;
float:left;
}
.acc-title
{
width:235px;
height:30px;
border-radius:6px;
text-align:center;
font-family:
'BoomBoom';
font-size:24px;
color:#2c8f89;
margin-left:45px;
}
.field-gr
{
background: url(/img/field-gr.jpg)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin: 0px 0px 6px 28px;
}
.field-gr a
{
color:#18808f;
text-decoration:none;
font-size:20px;
}
.field-gr
a:hover
{
color:#2C8F89;
text-decoration:none;
font-size:20px;
}
.field-rd
{
background: url(/img/field-rd.jpg)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-6px 0px 0px 28px;
}
.field-rd a
{
color:#ad7676;
text-decoration:none;
font-size:20px;
}
.field-rd
a:hover {
color:#c28888;
text-decoration:none;
border-bottom:1px
dashed #c28888;
font-size:20px;
}
.field-ar {
background:
url(/img/field-ar.jpg)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-6px 0px 11px 28px;
}
.field-ars {
background:
url(/img/field-ars.jpg)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-6px 0px 11px 28px;
}
.field-ars a, .field-ar a
{
color:red;
text-decoration:none;
font-size:18px;
}
.field-ars
a:hover, .field-ar a:hover
{
color:#2C8F89;
text-decoration:none;
font-size:18px;
}
.fr-block
{
background: url(/img/fr-block.jpg)
no-repeat;
width:450px;
height:150px;
float:left;
margin:0px 20px
20px 80px;
}
.block img {
background:
#fff;
padding:10px;
margin:0px 15px;
border:1px solid
#cdcdcd;
}
.fr-title
{
color:#E9967A;
font-size:18px;
}
.cl-fr-lf {
float:left;
text-align:center;
}
.cl-fr-rg {
float:left;
margin: 6px 0px 0px
5px;
}
.fr-te-gr { color:#86806D; }
.fr-te-gr-title { color:#000;
font-weight:700; margin-bottom:6px;}
a.sm-btn
{
display:block;
cursor:pointer;
font-size: 12px;
font-weight: 700
!important;
margin: 0px 5px 8px 0px;
padding: 0px
14px;
border-radius: 6px;
box-shadow: inset 0px 1px 0px 0px rgba(255,
255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.62);
display:
inline-block;
line-height: 26px;
text-shadow: 1px 1px 0px rgba(255,
255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px,
#60A7FF 60%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8
!important;
text-decoration:none;
}
a.sm-btn:hover { opacity:0.8;
}
input.sm-btn {
display:block;
cursor:pointer;
font-size:
12px;
font-weight: 700 !important;
margin: 0px 5px 8px 0px;
padding:
0px 14px;
border-radius: 6px;
box-shadow: inset 0px 1px 0px 0px
rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.62);
display:
inline-block;
line-height: 30px;
text-shadow: 1px 1px 0px rgba(255,
255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px,
#60A7FF 60%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8
!important;
text-decoration:none;
}
input.sm-btn:hover {
opacity:0.8; }
.silver-bk {
background: #eefdff;
border:1px solid
#38ada6;
width:580px;
padding:10px;
color:#000000;
box-shadow: 0px
0px 4px 0px #7f7f7f;
-webkit-box-shadow: 0px 0px 4px 0px
#7f7f7f;
-moz-box-shadow: 0px 0px 4px 0px #7f7f7f;
}
.s-bk-lf
{
margin-left:150px;
}
.sm-line
{
width:30%;
float:left;
margin:5px 0px 5px
0px;
font-size:14px;
}
.sm-line-nt {
margin:5px 0px 5px
0px;
font-size:14px;
}
.sm-line-nt img {
border:3px solid
#cdcdcd;
border-radius:6px;
vertical-align:-13px;
}
.sm-line img
{
border:3px solid
#cdcdcd;
border-radius:6px;
vertical-align:-13px;
margin:0px 5px 0px
0px;
}
.m-tb {
background: #2C8F89;
color:white;
}
table {
border:none; }
td {
margin-right:5px;
}
.bs-py {
border: 1px
solid #8d8d8d;
border-radius:6px;
background: url(/img/inpt-hov.png)
repeat-x;
width:115px;
height:24px;
color:#f77827;
text-align:center;
margin:0px
0px 0px 0px;
padding:3px 0px 0px 0px;
}
.out-my {
background:
none;
border: 1px solid #8d8d8d;
border-radius:6px;
background:
url(/img/inpt.png) repeat-x;
width:187px;
height:24px;
padding:0px
0px 0px 6px;
margin:1px 0px 0px 0px;
}
.out-my:hover {
background:
url(/img/inpt-hov.png)
repeat-x;
width:187px;
height:24px;
}
/*############# FOOTER
#############*/
.footer {
margin-top:60px;
}
.htt:hover
{background-color:#ccffcc;}
.table img,
table img {
background:
#fff;
margin: 5px 0;
border:1px solid #cdcdcd;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
.tour_playNow {
text-align:
center;
}
a.btnPlaynow {
background: transparent
url(/img/btnPlayNow_r.png) no-repeat scroll top right;
display:
inline-block;
height: 51px;
padding-right: 60px;
color: #fff;
font:
16px Verdana;
font-weight: bold;
text-decoration:
none;
}
a.btnPlaynow span {
background: transparent
url(/img/btnPlayNow_span.png) no-repeat;
display: block;
line-height:
41px;
padding: 3px 0 7px 30px;
}
a.btnPlaynow:hover {
color:
#fff;
text-decoration: none;
background-position: bottom
right;
outline: none;
}
a.btnPlaynow:hover span
{
background-position: bottom left;
}