178 lines
9.4 KiB
CSS
178 lines
9.4 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
@font-face { font-family:GESS2; src:url(fonts/GESSTwoLight.ttf); font-weight:normal; font-style:normal;}
|
|
@font-face { font-family:Agency; src:url(fonts/AGENCYR.ttf); font-weight:normal; font-style:normal;}
|
|
|
|
body { background:#fff; color:#6f6f6f; margin:0; direction:rtl; font-family:GESS2; font-size:13px; text-align:justify; }
|
|
|
|
a { outline:none; text-decoration:none; color:#196eb3; cursor:pointer;}
|
|
ul { padding:0; margin:0;}
|
|
li { padding:0; margin:0; list-style:none;}
|
|
img { border:none;}
|
|
input { border:1px solid #003133; color:#161616; padding:9px; -webkit-box-shadow: inset 0px 0px 5px 1px #cccccc;
|
|
box-shadow: inset 0px 0px 5px 1px #cccccc; font-family:GESS2; margin:11px 0;}
|
|
input[type="button"] { cursor:pointer;}
|
|
input[type="submit"] { cursor:pointer;}
|
|
select { border:1px solid #003133; color:#161616; padding:9px; -webkit-box-shadow: inset 0px 0px 5px 1px #cccccc;
|
|
box-shadow: inset 0px 0px 5px 1px #cccccc; font-family:GESS2; margin:11px 0;}
|
|
textarea { border:5px solid #ffffff; color:#000; padding:9px; -webkit-box-shadow: inset 0px 0px 5px 1px #cccccc;
|
|
box-shadow: inset 0px 0px 5px 1px #cccccc; font-family:GESS2; margin:11px 0;}
|
|
input.button { color:#fff; padding:13px; box-shadow: none; font-family: Tahoma, Geneva, sans-serif; margin:11px 0; background-color:#000; width:auto; text-align:center; background:#00abb3 url(img/button.png) repeat-x center bottom;}
|
|
h1 {}
|
|
h2 {}
|
|
h3 { color:#00595d; font-size:23px; font-weight:normal; text-align:center; border-bottom:#afec08 solid 5px; width:555px; margin:0 auto; padding:13px 0; margin-bottom:45px;}
|
|
|
|
.ys_content { width:1200px; margin:0 auto !important;}
|
|
|
|
.ys_content_top { width:1200px; margin:0 auto; height:62px;}
|
|
.ys_top { background:url(img/topbg.png) repeat-x top center;}
|
|
.ys_content_top input {}
|
|
.ys_content_top input.go { background:url(img/go_btt.png) no-repeat center right; width:29px; box-shadow:none; border:none; cursor:pointer;}
|
|
|
|
.ys_login_form { float:right; height:62px; background:url(img/topbg_dash.png) no-repeat left top; padding-left:75px; }
|
|
|
|
.ys_top_menu {float:right; height:62px; background:url(img/topbg_dash.png) no-repeat left top; padding-left:75px;}
|
|
.ys_top_menu ul {}
|
|
.ys_top_menu ul li { float:right;}
|
|
.ys_top_menu ul li a { color:#FFF; font-size:15px; padding:0 17px; height:62px; line-height:59px; display:block;}
|
|
.ys_top_menu ul li a:hover { background:url(img/li_hover.png) repeat-x top; color:#afec08;}
|
|
.ys_top_menu ul li a.active { background:url(img/li_hover.png) repeat-x top; color:#afec08;}
|
|
|
|
.ys_top_social { float:left;}
|
|
|
|
.ys_booking { background:#065e62 url(img/bg01.jpg) no-repeat top; color:#FFF; padding:25px;}
|
|
.ys_booking h3 { color:#FFF;}
|
|
.ys_booking_cnt { position:relative;}
|
|
.ys_booking table { width:1150px; padding:25px; background:rgba(0,0,0,0.7); position:relative;}
|
|
|
|
.ys_booking.wtt { background:#065e62 url(img/bg02.png) no-repeat top;}
|
|
.ys_booking.wtt h3 { color:#00595d;}
|
|
|
|
.ys_booking.blc { background:#065e62 url(img/bg04.png) no-repeat top;}
|
|
|
|
.book01, .book02, .book03 {}
|
|
.book03 { text-align:center;}
|
|
.ys_booking table.book02 { position:absolute; top:0; right:1355px;}
|
|
.ys_booking table.book03 { position:absolute; top:0; right:1355px;}
|
|
|
|
.ys_form input[type="text"] { width:231px;}
|
|
.ys_form input[type="date"] { width:231px;}
|
|
.ys_form select { width:250px; border:1px solid #003133;}
|
|
.ys_form span { background:#000; padding:7px 15px;}
|
|
|
|
.ys_masseur { vertical-align:top;}
|
|
.ys_masseur img { -webkit-box-shadow: inset 0px 0px 5px 1px #000c0c; box-shadow: inset 0px 0px 5px 1px #000c0c; padding:7px; }
|
|
.ys_masseur img.active { padding:0; border:#afec08 solid 7px;}
|
|
.ys_masseur a { float:right; width:127px; margin-left:25px;}
|
|
.ys_5tars { background:url(img/masseurs/5stars.png) no-repeat top right; display:block; height:35px;}
|
|
.ys_5tars_bg { background:url(img/masseurs/5stars_bg.png) no-repeat top right; display:block; height:35px; width:107px; margin-right:23px;}
|
|
|
|
.visit_body { background:url(img/nature2.jpg) no-repeat top center; padding-top:225px;}
|
|
.ys_content_visit table { padding:25px; background:rgba(0,0,0,0.7); margin:0 auto;}
|
|
.ys_content_visit table input[type="text"] { height:25px; width:275px; font-family:Tahoma, Geneva, sans-serif; color:#000;}
|
|
|
|
.visit_data {width: 820px;
|
|
margin: 0 auto;
|
|
display: block;
|
|
color:#000;
|
|
text-align:center;
|
|
font-size:25px;
|
|
text-shadow:#FFF 1px 1px;
|
|
line-height:45px;
|
|
/*
|
|
Additional styling
|
|
*/
|
|
padding: 40px;
|
|
margin: 215px auto 0 auto;
|
|
border-radius:6px;
|
|
background:#ffffff;
|
|
background:rgba(255,255,255,0.9);
|
|
border:1px solid #dddddd;
|
|
border:1px solid rgba(255,255,255,1);
|
|
box-shadow:0 2px 12px #DDDDDD;}
|
|
|
|
|
|
.center { text-align:center;}
|
|
.ys_cal td { background-color:#FFFFFF; color:#262626; border:#000000 solid 1px; text-align:center;}
|
|
.fst.ys_cal td { background-color:#D8D8D8; font-family:tahoma;}
|
|
.ys_cal td.ys_day { background-color:#D8D8D8;}
|
|
.ys_cal td a {}
|
|
|
|
.ys_cal:hover td { background-color:#e3e3e3;}
|
|
.ys_cal:hover td.ys_day { background-color:#00747d; color:#FFFFFF;}
|
|
.ys_cal td:hover { background-color:#ffffff;}
|
|
|
|
.ys_form .ys_cal td span { background: none; padding:0 9px 0 0; font-family:tahoma; color: #8B8B8B;}
|
|
|
|
.ys_cal td.ys_waiting { background-color:#ffcc00;}
|
|
.ys_cal td.ys_reserved { background:#eb0032; color:#FFFFFF;}
|
|
.ys_cal td.ys_inactive { background:url(img/activebg.png) repeat; color:#FFFFFF;}
|
|
.ys_cal td.ys_reserved_you { background:#049a00; color:#FFFFFF;}
|
|
|
|
.ys_m_waiting { position:absolute; background-color:#fffc00; color:#000000; text-align:center; width:127px; padding:5px 0; margin:119px 7px 0 0;}
|
|
.ys_m_waiting span, .ys_cal td.ys_waiting span{ font-family:tahoma; padding:0; color:#000000;}
|
|
|
|
.ys_m_inactive { position:absolute; background:#eb0032; color:#FFFFFF; text-align:center; width:127px; padding:5px 0; margin:119px 7px 0 0;}
|
|
|
|
.ys_cal_d { position: absolute; overflow:hidden; z-index:5; top:330px; margin-right:2px;}
|
|
|
|
table.cal { float: right; text-align:center; direction:rtl; margin:9px; color:#c7c7c7; width:555px; font-family:tahoma;}
|
|
table.cal td { padding:5px; border:#909090 solid 1px; background:#FFFFFF;}
|
|
table.cal tr.tr_month td { background:url(img/button.png) repeat top center; color:#FFFFFF; text-shadow:#000000 1px 1px; border:#003133 solid 1px;}
|
|
|
|
table.cal tr.tr_month td .span_left { float:left;}
|
|
table.cal tr.tr_month td .span_right { float:right;}
|
|
|
|
table.cal tr.tr_day td { color:#005f63; background:#D1D1D1; text-shadow:#FFFFFF 1px 1px;}
|
|
table.cal td a { color:#252525;}
|
|
table.cal td a span { color:#008087;}
|
|
|
|
table.cal td.ys_today { border:#005357 solid 3px;}
|
|
|
|
.ys_d_cal_bar { text-align:center; background:rgba(0,0,0,0.7); width:1118px; padding:5px; margin-right:9px;}
|
|
|
|
.ys_user_info { color:#FFFFFF; height:55px;}
|
|
.ys_user_info a {color:#afec08;}
|
|
|
|
.iframe_google { border:#003133 solid 1px; margin:0 15px 0 0;}
|
|
|
|
.log_qu { position:absolute; background:url(img/login_bg.png) no-repeat top center; text-align:center; width:367px; height:29px; margin:-6px -11px 0 0; padding:3px 0; overflow:auto; z-index:15;}
|
|
.log_qu a { color:#FFFFFF;}
|
|
.log_qu a:hover {color:#afec08;}
|
|
|
|
.ys_footer { background:#002123 url(img/footer.png) repeat-x top center; padding-top:231px; font-family:century gothic; color:#FFFFFF; direction:ltr; }
|
|
.ys_footer div { padding:13px 0; width:1200px; margin:0 auto; overflow:hidden; }
|
|
.ys_footer div .ys_top_social { float:right;}
|
|
|
|
.panniation td { text-align:center; direction:rtl; }
|
|
.panniation td a { color:#fff; padding:9px; box-shadow: none; font-family: Tahoma, Geneva, sans-serif; margin:3px; width:auto; text-align:center; background:#00abb3 url(img/button.png) repeat-x center bottom;}
|
|
.panniation td a.active { background:#00abb3 url(img/button2.png) repeat-x top center; }
|
|
|
|
.toprofile { width:1200px; height:279px; overflow:hidden; text-align:center; font-size:15px; }
|
|
.toprofile .forpic { padding-top:23px;}
|
|
.toprofile h3 {
|
|
color:#00282a;
|
|
border-bottom:none;
|
|
font-size: 45px;
|
|
text-shadow:0 1px 0 rgb(174,234,8), 0 2px 0 rgb(174,234,8), 0 3px 0 rgb(174,234,8), 0 4px 0 rgb(228,247,192), 0 5px 0 rgb(228,247,192), 0 6px 0 rgb(228,247,192);}
|
|
|
|
.toprofile .forcnt_a { width:589px; float:right; color:#FFFFFF; text-align:left; padding-top:35px; margin-left:11px;}
|
|
.toprofile .forcnt_a span { color:#afec08; }
|
|
.toprofile .forcnt_b {width:561px; float:left; color:#FFFFFF; text-align:right; font-family:arial; padding-top:35px; margin-right:39px;}
|
|
|
|
.ys_mb { background:#fff url(img/membership/mb01.png) no-repeat center; width:275px; height:852px; float:right; padding:25px; position:relative; margin-left:25px; }
|
|
.ys_mb img { position:absolute; top:25px; right:25px;}
|
|
.ys_mb span { font-family:arial; color:#BFBFBF; color:#c9c9c9; position:absolute; right:53px;}
|
|
|
|
.ys_profile { overflow:auto;}
|
|
.ys_profile h3 { text-align:right; margin-right:350px;}
|
|
.ys_profile table { width:800px;}
|
|
|
|
.mas_name { background:#011010; color:#FFFFFF !important; text-align:center; padding:5px 0; width:141px; display:block;}
|
|
|
|
.ys_points { background:url(res/img/point.png) no-repeat top center; font-family:arial; width:105px; height:183px; line-height:183px; color:#000e0f; margin:0 auto; font-size:55px; font-weight:bold; text-align:right; padding-right:79px; }
|
|
|
|
.ys_price { font-family:Impact; background:url(img/price.png) no-repeat; width:55px; height:44px; position:absolute; color:#FFFFFF; text-align:center; font-size:21px !important; padding:11px 0 0 0; margin:-75px 0 0 0;}
|
|
|
|
.ys_slide { width:1200px;} |