initial commit
@@ -0,0 +1,6 @@
|
||||
.container { width: 800px; margin: 0 auto; }
|
||||
|
||||
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
|
||||
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
|
||||
.autocomplete-selected { background: #F0F0F0; }
|
||||
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
|
||||
@@ -0,0 +1,621 @@
|
||||
html , body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* windows & titles */
|
||||
#windows {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
#preloader {
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
background-color:#FFFFFF;
|
||||
width:100%;
|
||||
height:100%;
|
||||
color:#0D0D0D;
|
||||
z-index:100000000;
|
||||
text-align:center;
|
||||
vertical-align:central;
|
||||
}
|
||||
|
||||
#titles {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
}
|
||||
#elements {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
.main_text { font-weight: bold; font-size: 10px; text-decoration: none; color:#f0f0f0; cursor:pointer; }
|
||||
|
||||
.menutop, a.menutop:visited, a.menutop:active { font-weight: bold; font-size: 10px; text-decoration: none; color: #3B3936;}
|
||||
a.menutop:hover { color: #76726b;}
|
||||
|
||||
.cml {
|
||||
display:inline-block;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
#timeNowLook {
|
||||
position:absolute;
|
||||
bottom:4px;
|
||||
right:10px;
|
||||
z-index:100000;
|
||||
}
|
||||
|
||||
.rsTimeNow {
|
||||
display: inline-block;
|
||||
/*background-color: #bcb9b7;*/
|
||||
height: 25px;
|
||||
width: 70px;
|
||||
color: #000033;
|
||||
font-weight: bolder;
|
||||
cursor:default;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.rstmn {
|
||||
display:inline-block;
|
||||
width:10px;
|
||||
height:15px;
|
||||
margin-left:1px;
|
||||
}
|
||||
|
||||
.rstmnrz {
|
||||
display:inline-block;
|
||||
width:2px;
|
||||
height:16px;
|
||||
margin-left:2px;
|
||||
background-image:url(/static/images/clockrz.png);
|
||||
}
|
||||
.rstmn0 {
|
||||
background-image:url(/static/images/clock0.png);
|
||||
}
|
||||
.rstmn1 {
|
||||
background-image:url(/static/images/clock1.png);
|
||||
}
|
||||
.rstmn2 {
|
||||
background-image:url(/static/images/clock2.png);
|
||||
}
|
||||
.rstmn3 {
|
||||
background-image:url(/static/images/clock3.png);
|
||||
}
|
||||
.rstmn4 {
|
||||
background-image:url(/static/images/clock4.png);
|
||||
}
|
||||
.rstmn5 {
|
||||
background-image:url(/static/images/clock5.png);
|
||||
}
|
||||
.rstmn6 {
|
||||
background-image:url(/static/images/clock6.png);
|
||||
}
|
||||
.rstmn7 {
|
||||
background-image:url(/static/images/clock7.png);
|
||||
}
|
||||
.rstmn8 {
|
||||
background-image:url(/static/images/clock8.png);
|
||||
}
|
||||
.rstmn9 {
|
||||
background-image:url(/static/images/clock9.png);
|
||||
}
|
||||
|
||||
|
||||
.rstm {
|
||||
font-size:10pt;
|
||||
}
|
||||
|
||||
.rstmsec {
|
||||
font-size:7pt;
|
||||
padding-left:3px;
|
||||
display:inline-block;
|
||||
vertical-align:text-top;
|
||||
}
|
||||
|
||||
.rsmn {
|
||||
font-size: 7pt;
|
||||
display: inline-block;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0px;
|
||||
width: 66px;
|
||||
border: 1px solid #000033;
|
||||
line-height: 7px;
|
||||
}
|
||||
|
||||
#ttSmiles {
|
||||
position:absolute;
|
||||
right:18px;
|
||||
bottom:18px;
|
||||
width:350px;
|
||||
height:225px;
|
||||
border:1px solid #717171;
|
||||
filter: alpha(opacity=57);
|
||||
opacity:0.57;
|
||||
-moz-opacity:0.57;
|
||||
-khtml-opacity:0.57;
|
||||
background-color:#dedede;
|
||||
}
|
||||
|
||||
#ttSmiles:hover {
|
||||
filter: alpha(opacity=90);
|
||||
opacity:0.90;
|
||||
-moz-opacity:0.90;
|
||||
-khtml-opacity:0.90;
|
||||
}
|
||||
|
||||
#smilesDiv {
|
||||
padding:3px;
|
||||
height:195px;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.nano { background: ; width: 100%; height: 100%; }
|
||||
.nano .content { padding:10px; }
|
||||
.nano .pane { background: #888; }
|
||||
.nano .slider { background: #111; }
|
||||
|
||||
/* frames css */
|
||||
|
||||
#fm_top_l {
|
||||
background-image:url(/static/images/design/lite/_top_24.gif);
|
||||
}
|
||||
#fm_top_r {
|
||||
background-image:url(/static/images/design/lite/_top_28.gif);
|
||||
}
|
||||
#fm_main_l {
|
||||
background-image:url(/static/images/design/lite/_top_24.gif);
|
||||
}
|
||||
#fm_main_r {
|
||||
background-image:url(/static/images/design/lite/_top_28.gif);
|
||||
}
|
||||
#fm_chat_online_l {
|
||||
background-image:url(/static/images/design/lite/_top_24.gif);
|
||||
}
|
||||
#fm_chat_online_r {
|
||||
background-image:url(/static/images/design/lite/_top_28.gif);
|
||||
}
|
||||
#fm_send_l {
|
||||
background-image:url(/static/images/design/lite/_top_24.gif);
|
||||
}
|
||||
#fm_send_r {
|
||||
background-image:url(/static/images/design/lite/_top_28.gif);
|
||||
}
|
||||
|
||||
#fm {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background-color:#dedede;
|
||||
}
|
||||
|
||||
#send_btns_h2 {
|
||||
background-image:url(/static/images/bgc1.jpg);
|
||||
color:#666666;
|
||||
height:22px;
|
||||
padding-top:8px;
|
||||
}
|
||||
|
||||
#fm_top {
|
||||
height:37px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#topmenunav {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
width:100%;
|
||||
height:37px;
|
||||
}
|
||||
|
||||
#topmenunav {
|
||||
display:inline-block;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#fm_main {
|
||||
position:absolute;
|
||||
width: 100%;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#fmain {
|
||||
height: 100%;
|
||||
width:auto;
|
||||
overflow:auto;
|
||||
white-space: nowrap;
|
||||
position:static;
|
||||
margin-right:16px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#main {
|
||||
width: 100%;
|
||||
position:relative;
|
||||
white-space: nowrap;
|
||||
display:block;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:0;
|
||||
margin-bottom:-16px;
|
||||
}
|
||||
|
||||
.pd5 {
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#online_radio {
|
||||
/*border-top:solid 1px #cac2c2;*/
|
||||
padding-top:5px;
|
||||
margin-top:5px;
|
||||
}
|
||||
.backgrn {
|
||||
background: url('/static/images/design/chat_bg_2.jpg') 5px -26px;
|
||||
}
|
||||
#fm_chat_online {
|
||||
position:relative;
|
||||
background-color:;
|
||||
height:50%;
|
||||
}
|
||||
#chat_online {
|
||||
background-color:#f1f3f1;
|
||||
height:100%;
|
||||
}
|
||||
#chat_online a {
|
||||
/*color:#272727;*/
|
||||
}
|
||||
#chat {
|
||||
position:relative;
|
||||
background-color:#f2f0f0;
|
||||
cursor:default;
|
||||
height:100%;
|
||||
}
|
||||
#chat_list {
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:block;
|
||||
/*overflow:auto;*/
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.ii {
|
||||
margin-bottom:1px;
|
||||
width:12px;
|
||||
height:11px;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#online_users {
|
||||
margin-top:5px;
|
||||
padding:0 5px 0 5px;
|
||||
}
|
||||
|
||||
#online_menu_top {
|
||||
/*border-bottom:solid 1px #cac2c2;*/
|
||||
padding:5px 10px 0 10px;
|
||||
}
|
||||
|
||||
#online_menu_bottom {
|
||||
/*border-top:solid 1px #cac2c2;*/
|
||||
padding:5px 10px 10px 10px;
|
||||
}
|
||||
|
||||
#online_room {
|
||||
padding:5px 5px 0px 5px;
|
||||
color:#8f0000;
|
||||
font-weight: bold;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
tp {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
tp1 {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
|
||||
/* buttons */
|
||||
|
||||
.btn1c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn2.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn2c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn3.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn3c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn1.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn3c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn1.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn4c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn4.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn4c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn4.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn5c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn5.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn5c3 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn5.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn5c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn5.gif') 0px -59px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn6c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn6.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn6c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn6.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn7c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn8.gif') 0px 0px repeat-x;; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn7c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn8.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn8c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn7.gif') 0px 0px repeat-x;; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn8c2 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn7.gif') 0px -30px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn8c3 {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn7.gif') 0px -60px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
.btn9c {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn13.gif') 0px 0px repeat-x; cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
/*#btn1c:active {
|
||||
width:30px; height:30px; background: url('/static/images/design/chatBtn2.gif') 0px -30px repeat-x;; cursor:pointer;
|
||||
}*/
|
||||
|
||||
/* buttons */
|
||||
|
||||
#msg_text {
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
#fm_send img {
|
||||
border:0px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.omnav_wrap {
|
||||
display:none;
|
||||
height:29px;
|
||||
width:100%;
|
||||
position:relative;
|
||||
text-align:left;
|
||||
margin-bottom:-29px;
|
||||
}
|
||||
|
||||
#omnav {
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
top:-29px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:29px;
|
||||
background: url('/static/images/chatmenu.png') 0px -29px repeat-x;
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
.cmnav_wrap {
|
||||
display:none;
|
||||
height:29px;
|
||||
width:100%;
|
||||
position:relative;
|
||||
margin-bottom:-29px;
|
||||
}
|
||||
|
||||
#cmnav {
|
||||
overflow:hidden;
|
||||
white-space: nowrap;
|
||||
top:-29px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:29px;
|
||||
background: url('/static/images/chatmenu.png') 0px -29px repeat-x;
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
}
|
||||
|
||||
#online {
|
||||
width:220px;
|
||||
background-color:#faf2f2;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#online_list {
|
||||
width:220px;
|
||||
height:100%;
|
||||
overflow:auto;
|
||||
white-space: nowrap;
|
||||
position:relative;
|
||||
margin-bottom:-30px;
|
||||
}
|
||||
|
||||
#online_list img {
|
||||
border:0;
|
||||
}
|
||||
|
||||
|
||||
#fm_send {
|
||||
position:relative;
|
||||
height:30px;
|
||||
background-color:;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.onlpr {
|
||||
display:inline-block;
|
||||
vertical-align:bottom;
|
||||
width:20px;
|
||||
height:15px;
|
||||
}
|
||||
|
||||
.onlinf {
|
||||
display:inline-block;
|
||||
vertical-align:baseline;
|
||||
width:12px;
|
||||
height:11px;
|
||||
}
|
||||
|
||||
.onbtn_1 {
|
||||
background-image: url('/static/images/chatmenu.png');
|
||||
background-repeat: no-repeat;
|
||||
/*background-position: 0px 0px;*/
|
||||
background-position: -94px 0px;
|
||||
width:46px;
|
||||
height:29px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.onbtn_1:hover {
|
||||
/*background-position: -94px 0px;*/
|
||||
/*background-position: 0px 0px;*/
|
||||
}
|
||||
|
||||
.onbtn_2 {
|
||||
background-image: url('/static/images/chatmenu.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: -46px 0px;
|
||||
width:46px;
|
||||
height:29px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.onbtn_2 img {
|
||||
filter: alpha(opacity=33);
|
||||
opacity:0.33;
|
||||
-moz-opacity:0.33;
|
||||
-khtml-opacity:0.33;
|
||||
}
|
||||
|
||||
.onbtn_2:hover {
|
||||
background-position: -140px 0px;
|
||||
}
|
||||
|
||||
.onbtn_2:hover img {
|
||||
filter: alpha(opacity=66);
|
||||
opacity:0.66;
|
||||
-moz-opacity:0.66;
|
||||
-khtml-opacity:0.66;
|
||||
}
|
||||
|
||||
#canal0 {
|
||||
|
||||
}
|
||||
|
||||
.uin_border {
|
||||
border-right:1px solid #6c6867;
|
||||
border-bottom:1px solid #6c6867;
|
||||
border-top:1px solid #fefdf9;
|
||||
border-left:1px solid #fefdf9;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.hplinetxt {
|
||||
line-height: 9px;
|
||||
font-size: 9px;
|
||||
height:9px;
|
||||
}
|
||||
|
||||
.mplinetxt {
|
||||
line-height: 9px;
|
||||
font-size: 9px;
|
||||
height:9px;
|
||||
}
|
||||
|
||||
.hplinegrey {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.mplinegrey {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.hpln {
|
||||
width:100%;
|
||||
height:9px;
|
||||
background: url('../images/hp.jpg') 0px 0px repeat-x;
|
||||
display:inline-block;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.mpln {
|
||||
width:100%;
|
||||
height:9px;
|
||||
background: url('../images/hp.jpg') 0px 0px repeat-x;
|
||||
display:inline-block;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.hplnin {
|
||||
width: 0%;
|
||||
height: 9px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
background-image: url(../images/hp.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -30px;
|
||||
}
|
||||
|
||||
.mplnin {
|
||||
width:0%;
|
||||
height:9px;
|
||||
background: url('../images/hp.jpg') 0px -40px repeat-x;
|
||||
display:inline-block;
|
||||
float:left;
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
#hline {
|
||||
width:100%;
|
||||
height:2px;
|
||||
position:absolute;
|
||||
top:100px;
|
||||
left:0px;
|
||||
cursor:row-resize;
|
||||
background-color:#a0a0a0;
|
||||
border-bottom:1px solid #808080;
|
||||
border-top:1px solid #c0c0c0;
|
||||
z-index:1003;
|
||||
}
|
||||
|
||||
#vline {
|
||||
width:1px;
|
||||
height:50%;
|
||||
position:absolute;
|
||||
top:120px;
|
||||
left:100px;
|
||||
cursor:col-resize;
|
||||
background-color:#a0a0a0;
|
||||
border-left:1px solid #c0c0c0;
|
||||
/*border-right:1px solid #808080;*/
|
||||
z-index:1001;
|
||||
}
|
||||
|
||||
.hlinelz {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:-1px;
|
||||
background-image:url(/static/images/design/lite/_top_24.gif);
|
||||
height:5px;
|
||||
width:8px;
|
||||
}
|
||||
|
||||
.hlinerz {
|
||||
position:absolute;
|
||||
right:0px;
|
||||
top:-1px;
|
||||
background-image:url(/static/images/design/lite/_top_28.gif);
|
||||
height:5px;
|
||||
width:10px;
|
||||
}
|
||||
|
||||
.hline_mini {
|
||||
width:100%;
|
||||
height:1px;
|
||||
cursor:row-resize;
|
||||
background-color:red;
|
||||
}
|
||||
|
||||
.vline_mini {
|
||||
width:1px;
|
||||
height:100%;
|
||||
cursor:col-resize;
|
||||
background-color:red;
|
||||
}
|
||||
|
||||
#vline:hover {
|
||||
cursor:col-resize;
|
||||
}
|
||||
|
||||
#hline:hover {
|
||||
cursor:row-resize;
|
||||
}
|
||||
|
||||
#vline img {
|
||||
height:100%;
|
||||
width:2px;
|
||||
background-color:red;
|
||||
border:0px;
|
||||
}
|
||||
|
||||
/*#hline img {
|
||||
width:100%;
|
||||
height:2px;
|
||||
background-color:red;
|
||||
border:0px;
|
||||
}*/
|
||||
|
||||
#bline {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
height:0p;
|
||||
display:none;
|
||||
z-index:1005;
|
||||
}
|
||||
|
||||
#bline:hover {
|
||||
cursor:default;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.loading_data {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
body {
|
||||
background-color: black;
|
||||
font-family: Tahoma, Verdana, Segoe, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#top-logo {
|
||||
background-image: url(/static/images/logo/290x187.png);
|
||||
width: 290px;
|
||||
height: 186px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(3, 136, 137);
|
||||
}
|
||||
|
||||
a[href="#"] {
|
||||
text-decoration: line-through;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#footer,
|
||||
form,
|
||||
#bottom-menu,
|
||||
#error {
|
||||
width: 752px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
form {
|
||||
height: 356px;
|
||||
background-image: url(/static/images/forgot-password/background.png);
|
||||
}
|
||||
|
||||
form h1 {
|
||||
padding: 2.8em 6em 2em;
|
||||
color: rgb(242, 241, 238);
|
||||
text-align: center;
|
||||
font-size: 19px;
|
||||
text-shadow:
|
||||
-1px -1px 0 rgb(27, 31, 21),
|
||||
1px -1px 0 rgb(27, 31, 21),
|
||||
-1px 1px 0 rgb(27, 31, 21),
|
||||
1px 1px 0 rgb(27, 31, 21);
|
||||
}
|
||||
|
||||
form .form-input {
|
||||
width: 500px;
|
||||
margin: .5em auto 0;
|
||||
padding-top: .3em;
|
||||
border-top: solid 1px rgb(229, 130, 62);
|
||||
|
||||
border-style: solid;
|
||||
border-width: 3px 0px 0px;
|
||||
-moz-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
-webkit-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
-o-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
}
|
||||
|
||||
form .form-input:nth-of-type(1) {
|
||||
border-image: none;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
form .form-input .name,
|
||||
form .form-input .value {
|
||||
vertical-align: top;
|
||||
width: 49%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
form .captcha .name {
|
||||
width: 320px;
|
||||
}
|
||||
form .captcha .value {
|
||||
width: 172px;
|
||||
}
|
||||
|
||||
form .form-input .value input[type="text"],
|
||||
form .form-input .value input[type="password"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form .form-input input[type="checkbox"] {
|
||||
cursor: hand;
|
||||
}
|
||||
form .submit {
|
||||
width: 320px;
|
||||
height: 60px;
|
||||
margin: 0px auto;
|
||||
background: url('/static/images/register/bottom_menu.png') 50% 0px no-repeat;
|
||||
border: 0px solid transparent;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
form input[type="submit"] {
|
||||
background: url('/static/images/register/button.png') no-repeat;
|
||||
font-family: arial;
|
||||
font-variant: small-caps;
|
||||
border: 0;
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
width: 164px;
|
||||
position: relative;
|
||||
top: 14px;
|
||||
left: 78px;
|
||||
height: 30px;
|
||||
color:#f2f1ee;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
text-decoration:none;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
|
||||
}
|
||||
form input[type="submit"]:hover {
|
||||
background-image: url('/static/images/register/button_hover.png');
|
||||
}
|
||||
form input[type="submit"]:active {
|
||||
background-image: url('/static/images/register/button_pressed.png');
|
||||
}
|
||||
|
||||
#bottom-menu a {
|
||||
color: rgb(242, 241, 238);
|
||||
margin-left: .8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#bottom-menu a:hover {
|
||||
color: rgb(155, 251, 252);
|
||||
}
|
||||
|
||||
#bottom-menu a:nth-of-type(1) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
form .form-input .comment {
|
||||
font-size: 8pt;
|
||||
color: rgb(101, 66, 41);
|
||||
}
|
||||
|
||||
form .checkboxes em,
|
||||
form .name em {
|
||||
font-size: 8pt;
|
||||
font-style: normal;
|
||||
color: rgb(169, 30, 3);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
form .checkboxes em:before,
|
||||
form .name em:before {
|
||||
content: "(";
|
||||
}
|
||||
form .checkboxes em:after,
|
||||
form .name em:after {
|
||||
content: ")";
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: white;
|
||||
font-size: 9px;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#minimum-age,
|
||||
#disclaimer {
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
min-height: 51px;
|
||||
padding-left: 55px;
|
||||
vertical-align: top;
|
||||
margin: 0 5em;
|
||||
}
|
||||
|
||||
#disclaimer em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#minimum-age {
|
||||
background: url('/static/images/register/18.png') no-repeat;
|
||||
padding-top: 1.5em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#disclaimer {
|
||||
background: url('/static/images/register/gear.png') no-repeat;
|
||||
padding-top: 1em;
|
||||
width: 20%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
clear: both;
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#error {
|
||||
background-color: rgb(233, 234, 238);
|
||||
border: solid 1px rgb(163, 163, 163);
|
||||
color: rgb(140, 8, 0);
|
||||
margin: 2em auto;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#error h1 {
|
||||
padding-bottom: .2em;
|
||||
border-bottom: solid 1px silver;
|
||||
}
|
||||
|
After Width: | Height: | Size: 212 B |
|
After Width: | Height: | Size: 208 B |
|
After Width: | Height: | Size: 335 B |
|
After Width: | Height: | Size: 207 B |
|
After Width: | Height: | Size: 262 B |
|
After Width: | Height: | Size: 262 B |
|
After Width: | Height: | Size: 332 B |
|
After Width: | Height: | Size: 280 B |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,2 @@
|
||||
.menu { overflow:hidden; list-style:none;}
|
||||
.menu li { display:inline-block; padding:20px; }
|
||||
@@ -0,0 +1,291 @@
|
||||
/*
|
||||
* qTip2 - Pretty powerful tooltips
|
||||
* http://craigsworks.com/projects/qtip2/
|
||||
*
|
||||
* Version: nightly
|
||||
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
|
||||
*
|
||||
* Dual licensed under MIT or GPLv2 licenses
|
||||
* http://en.wikipedia.org/wiki/MIT_License
|
||||
* http://en.wikipedia.org/wiki/GNU_General_Public_License
|
||||
*
|
||||
* Date: Sun Feb 26 18:17:58.0000000000 2012
|
||||
*/
|
||||
|
||||
/* Core qTip styles */
|
||||
.ui-tooltip, .qtip{
|
||||
position: absolute;
|
||||
left: -28000px;
|
||||
top: -28000px;
|
||||
display: none;
|
||||
|
||||
max-width: 280px;
|
||||
min-width: 50px;
|
||||
|
||||
font-size: 10.5px;
|
||||
line-height: 13px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ui-tooltip p, .qtip p{
|
||||
margin-bottom: 8px;
|
||||
|
||||
}
|
||||
|
||||
/* Fluid class for determining actual width in IE */
|
||||
.ui-tooltip-fluid {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
position: static !important;
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.ui-tooltip-content{
|
||||
position: relative;
|
||||
padding: 5px 9px;
|
||||
overflow: hidden;
|
||||
|
||||
border: 1px solid #000001;
|
||||
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-tooltip-titlebar{
|
||||
position: relative;
|
||||
min-height: 14px;
|
||||
padding: 5px 35px 5px 10px;
|
||||
overflow: hidden;
|
||||
|
||||
border: 1px solid #000001;
|
||||
border-width: 1px 1px 0;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
|
||||
|
||||
/*! Default close button class */
|
||||
.ui-tooltip-titlebar .ui-state-default{
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
top: 50%;
|
||||
margin-top: -9px;
|
||||
|
||||
cursor: pointer;
|
||||
outline: medium none;
|
||||
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
|
||||
|
||||
.ui-tooltip-titlebar .ui-icon,
|
||||
.ui-tooltip-icon .ui-icon{
|
||||
display: block;
|
||||
text-indent: -1000em;
|
||||
}
|
||||
|
||||
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.ui-tooltip-icon .ui-icon{
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
font: normal bold 10px/13px Tahoma,sans-serif;
|
||||
|
||||
color: inherit;
|
||||
background: transparent none no-repeat -100em -100em;
|
||||
}
|
||||
|
||||
|
||||
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
|
||||
.ui-tooltip-focus{
|
||||
|
||||
}
|
||||
|
||||
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
|
||||
.ui-tooltip-hover{
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*! Default tooltip style */
|
||||
.ui-tooltip-default .ui-tooltip-titlebar,
|
||||
.ui-tooltip-default .ui-tooltip-content{
|
||||
border-color: #F1D031;
|
||||
background-color: #FFFFA3;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.ui-tooltip-default .ui-tooltip-titlebar{
|
||||
background-color: #FFEF93;
|
||||
}
|
||||
|
||||
.ui-tooltip-default .ui-tooltip-icon{
|
||||
border-color: #CCC;
|
||||
background: #F1F1F1;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
|
||||
border-color: #AAA;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
/* Tips plugin */
|
||||
.ui-tooltip .ui-tooltip-tip{
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.ui-tooltip .ui-tooltip-tip,
|
||||
.ui-tooltip .ui-tooltip-tip *{
|
||||
position: absolute;
|
||||
|
||||
line-height: 0.1px !important;
|
||||
font-size: 0.1px !important;
|
||||
color: #123456;
|
||||
|
||||
background: transparent;
|
||||
border: 0px dashed transparent;
|
||||
}
|
||||
|
||||
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
|
||||
|
||||
|
||||
/*! Light tooltip style */
|
||||
.ui-tooltip-light .ui-tooltip-titlebar,
|
||||
.ui-tooltip-light .ui-tooltip-content{
|
||||
border-color: #E2E2E2;
|
||||
color: #454545;
|
||||
}
|
||||
|
||||
.ui-tooltip-light .ui-tooltip-content{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ui-tooltip-light .ui-tooltip-titlebar{
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
|
||||
/*! Dark tooltip style */
|
||||
.ui-tooltip-dark .ui-tooltip-titlebar,
|
||||
.ui-tooltip-dark .ui-tooltip-content{
|
||||
border-color: #303030;
|
||||
color: #f3f3f3;
|
||||
}
|
||||
|
||||
.ui-tooltip-dark .ui-tooltip-content{
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
.ui-tooltip-dark .ui-tooltip-titlebar{
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
.ui-tooltip-dark .ui-tooltip-icon{
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
|
||||
border-color: #303030;
|
||||
}
|
||||
|
||||
|
||||
/*! Cream tooltip style */
|
||||
.ui-tooltip-cream .ui-tooltip-titlebar,
|
||||
.ui-tooltip-cream .ui-tooltip-content{
|
||||
border-color: #F9E98E;
|
||||
color: #A27D35;
|
||||
}
|
||||
|
||||
.ui-tooltip-cream .ui-tooltip-content{
|
||||
background-color: #FBF7AA;
|
||||
}
|
||||
|
||||
.ui-tooltip-cream .ui-tooltip-titlebar{
|
||||
background-color: #F0DE7D;
|
||||
}
|
||||
|
||||
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
|
||||
background-position: -82px 0;
|
||||
}
|
||||
|
||||
|
||||
/*! Red tooltip style */
|
||||
.ui-tooltip-red .ui-tooltip-titlebar,
|
||||
.ui-tooltip-red .ui-tooltip-content{
|
||||
border-color: #D95252;
|
||||
color: #912323;
|
||||
}
|
||||
|
||||
.ui-tooltip-red .ui-tooltip-content{
|
||||
background-color: #F78B83;
|
||||
}
|
||||
|
||||
.ui-tooltip-red .ui-tooltip-titlebar{
|
||||
background-color: #F06D65;
|
||||
}
|
||||
|
||||
.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
|
||||
background-position: -102px 0;
|
||||
}
|
||||
|
||||
.ui-tooltip-red .ui-tooltip-icon{
|
||||
border-color: #D95252;
|
||||
}
|
||||
|
||||
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
|
||||
border-color: #D95252;
|
||||
}
|
||||
|
||||
|
||||
/*! Green tooltip style */
|
||||
.ui-tooltip-green .ui-tooltip-titlebar,
|
||||
.ui-tooltip-green .ui-tooltip-content{
|
||||
border-color: #90D93F;
|
||||
color: #3F6219;
|
||||
}
|
||||
|
||||
.ui-tooltip-green .ui-tooltip-content{
|
||||
background-color: #CAED9E;
|
||||
}
|
||||
|
||||
.ui-tooltip-green .ui-tooltip-titlebar{
|
||||
background-color: #B0DE78;
|
||||
}
|
||||
|
||||
.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
|
||||
background-position: -42px 0;
|
||||
}
|
||||
|
||||
|
||||
/*! Blue tooltip style */
|
||||
.ui-tooltip-blue .ui-tooltip-titlebar,
|
||||
.ui-tooltip-blue .ui-tooltip-content{
|
||||
border-color: #ADD9ED;
|
||||
color: #5E99BD;
|
||||
}
|
||||
|
||||
.ui-tooltip-blue .ui-tooltip-content{
|
||||
background-color: #E5F6FE;
|
||||
}
|
||||
|
||||
.ui-tooltip-blue .ui-tooltip-titlebar{
|
||||
background-color: #D0E9F5;
|
||||
}
|
||||
|
||||
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
|
||||
background-position: -2px 0;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
html,body {
|
||||
overflow: auto;
|
||||
}
|
||||
#lib_menu {
|
||||
width:250px;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#lib_content {
|
||||
width:700px;
|
||||
margin-right:-290px;
|
||||
padding:10px;
|
||||
}
|
||||
@@ -0,0 +1,411 @@
|
||||
/* main css */
|
||||
html, body {
|
||||
/*width:100%;
|
||||
height:100%;
|
||||
margin:0;
|
||||
padding:0;*/
|
||||
/*overflow: hidden;*/
|
||||
/*
|
||||
font-size: 10pt;
|
||||
font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
|
||||
|
||||
font-size: 13px;
|
||||
font-family: Tahoma, Verdana, Helvetica, Times;
|
||||
|
||||
font-size: 10pt;
|
||||
font-family: Tahoma, Verdana, Helvetica, Times;
|
||||
*/
|
||||
font-size: 10pt;
|
||||
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
|
||||
line-height: 11pt;
|
||||
}
|
||||
|
||||
input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.dhline {
|
||||
height:1px; width:100%; background-color:#999999; margin-top:10px; margin-bottom:10px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top:1px solid #9a9a9a;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
|
||||
*[onselectstart="return false"] {
|
||||
-moz-user-select: none;
|
||||
-o-user-select:none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pH3 { COLOR: #8f0000; FONT-FAMILY: Arial; FONT-SIZE: 12pt; FONT-WEIGHT: bold; }
|
||||
|
||||
.alink {
|
||||
color:#3b3936;
|
||||
FONT-WEIGHT: bold;
|
||||
white-space: nowrap;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.alink:hover {
|
||||
color:#76727b;
|
||||
}
|
||||
|
||||
.rtxt {
|
||||
color:#F00;
|
||||
}
|
||||
|
||||
a {
|
||||
FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
a:visited {
|
||||
FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
a:active {
|
||||
COLOR: #6f0000
|
||||
}
|
||||
|
||||
a:hover {
|
||||
COLOR: #0066ff
|
||||
}
|
||||
|
||||
.dn {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.db {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.dib {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.fl {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.fr {
|
||||
float:right;
|
||||
}
|
||||
|
||||
.nb {
|
||||
border:0px;
|
||||
}
|
||||
|
||||
.cp {
|
||||
cursor:pointer;
|
||||
cursor:hand;
|
||||
}
|
||||
|
||||
.cd {
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
.pa {
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.ps {
|
||||
position:static;
|
||||
}
|
||||
|
||||
.pr {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.w100p {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.imgb {
|
||||
vertical-align:middle;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color:#f0f0f0;
|
||||
border: solid 1px #B0B0B0;
|
||||
font-family: MS Sans Serif;
|
||||
font-size: 11px;
|
||||
color: #191970;
|
||||
margin-right:2px;
|
||||
padding:2px 7px 2px 7px;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
button:active {
|
||||
padding:2px 6px 2px 8px;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
background-color:#a9afc0;
|
||||
border: solid 1pt #B0B0B0;
|
||||
font-family: MS Sans Serif;
|
||||
font-size: 11px;
|
||||
color: #191970;
|
||||
padding:2px 7px 2px 7px;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
border: solid 1pt #B0B0B0;
|
||||
font-family: MS Sans Serif;
|
||||
font-size: 10px;
|
||||
color: #191970;
|
||||
padding:2px 7px 2px 7px;
|
||||
}
|
||||
|
||||
/* Ргровые стили */
|
||||
.infuser {
|
||||
display:inline-block;
|
||||
background-image:url(../i/inf.gif);
|
||||
background-repeat:no-repeat;
|
||||
width:12px;
|
||||
height:11px;
|
||||
vertical-align:bottom;
|
||||
padding-bottom:3px;
|
||||
}
|
||||
|
||||
.hplnmp {
|
||||
background-image:url('../i/undrhpmp.jpg');
|
||||
}
|
||||
.hmpsee {
|
||||
background-image:url('../i/hp.jpg');
|
||||
height:10px;
|
||||
}
|
||||
|
||||
.greenhp {
|
||||
background: url('../i/hp.jpg') 0px -30px repeat-x;
|
||||
}
|
||||
.redhp {
|
||||
background: url('../i/hp.jpg') 0px -10px repeat-x;
|
||||
}
|
||||
.yellowhp {
|
||||
background: url('../i/hp.jpg') 0px -20px repeat-x;
|
||||
}
|
||||
.greyhp {
|
||||
background: url('../i/hp.jpg') 0px 0px repeat-x;
|
||||
}
|
||||
.mananp {
|
||||
background: url('../i/hp.jpg') 0px -40px repeat-x;
|
||||
}
|
||||
|
||||
.hmplup {
|
||||
position:relative;
|
||||
width:120px;
|
||||
height:10px;
|
||||
}
|
||||
.hp_line {
|
||||
height:10px;
|
||||
width:100%;
|
||||
}
|
||||
.mp_line {
|
||||
height:10px;
|
||||
width:100%;
|
||||
}
|
||||
.hpline {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
color: #F4F4F4; line-height: 7px; font-size: 9px; font-weight: bold; padding-top: 1px; margin-left: 3px; padding-left:3px;
|
||||
}
|
||||
.mpline {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
color: #00FFFF; line-height: 7px; font-size: 9px; font-weight: bold; padding-top: 1px; margin-left: 3px; padding-left:3px;
|
||||
}
|
||||
|
||||
.usr_inf_border {
|
||||
border-top:1px solid #ffffff;
|
||||
border-left:1px solid #ffffff;
|
||||
border-bottom:1px solid #666666;
|
||||
border-right:1px solid #666666;
|
||||
margin:2px;
|
||||
padding:2px;
|
||||
}
|
||||
.usr_inf_blocked {
|
||||
text-align: center;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
padding:2px;
|
||||
background-color:#EFEFEF;
|
||||
}
|
||||
|
||||
/* Главные стили */
|
||||
|
||||
.btn {
|
||||
background-color:#504F4C;
|
||||
border: 1px double #9a9996;
|
||||
font-family: MS Sans Serif;
|
||||
font-size: 11px;
|
||||
color: #dfdfdf;
|
||||
margin-right:2px;
|
||||
padding:2px 7px 2px 7px;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: #CECECE;
|
||||
background-color:#393937;
|
||||
}
|
||||
|
||||
.iblue {
|
||||
background:url(../images/blink.gif);
|
||||
}
|
||||
.ired {
|
||||
background:url(../images/glow_pink.gif);
|
||||
}
|
||||
.iblued4d4d4 {
|
||||
background:url(../images/apxb_d4d4d4.gif);
|
||||
}
|
||||
.ibluec8c8c8 {
|
||||
background:url(../images/apxb_c8c8c8.gif);
|
||||
}
|
||||
.iredd4d4d4 {
|
||||
background:url(../images/apxr_d4d4d4.gif);
|
||||
}
|
||||
.iredc8c8c8 {
|
||||
background:url(../images/apxr_c8c8c8.gif);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
padding:2px 6px 2px 8px;
|
||||
}
|
||||
|
||||
.date {
|
||||
FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
.date2 {
|
||||
FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; BACKGROUND-COLOR: #00ffaa; TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
.bred {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sysdate {
|
||||
FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #b00000; FONT-FAMILY: Courier; TEXT-DECORATION: none
|
||||
}
|
||||
|
||||
.private {
|
||||
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
|
||||
}
|
||||
|
||||
.private A {
|
||||
cursor: pointer;
|
||||
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0;
|
||||
}
|
||||
|
||||
.private A:hover {
|
||||
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0;
|
||||
|
||||
}
|
||||
|
||||
.private A:visited {
|
||||
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
|
||||
}
|
||||
|
||||
.private A:active {
|
||||
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
|
||||
}
|
||||
|
||||
.number {
|
||||
FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f0000
|
||||
}
|
||||
|
||||
.dsc {
|
||||
FONT-WEIGHT: normal; COLOR: #606060
|
||||
}
|
||||
|
||||
#context_menu {
|
||||
top:0px;
|
||||
left:0px;
|
||||
background-color:#cccccc;
|
||||
border:1px solid #666666;
|
||||
z-index:100000;
|
||||
color: #003388;
|
||||
font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
|
||||
font-size: 8pt;
|
||||
font-weight: bolder;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#context_menu div {
|
||||
border: 0px solid #000000;
|
||||
padding: 2px 12px 2px 8px;
|
||||
}
|
||||
|
||||
#context_menu div:hover {
|
||||
background-color: #a2a2a2;
|
||||
color: #0066FF;
|
||||
}
|
||||
|
||||
.context_menudivhover {
|
||||
background-color: #a2a2a2;
|
||||
color: #0066FF;
|
||||
}
|
||||
|
||||
#context_menu_global {
|
||||
top:0px;
|
||||
left:0px;
|
||||
min-width:150px;
|
||||
background-color:#ffffff;
|
||||
border:1px solid #bababa;
|
||||
z-index:100000;
|
||||
color: #000000;
|
||||
font-size: 10pt;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
|
||||
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Для Firefox */
|
||||
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Для Safari и Chrome */
|
||||
box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Параметры тени */
|
||||
}
|
||||
|
||||
#context_menu_global hr {
|
||||
background-color:#e9e9e9;
|
||||
border:0;
|
||||
height:1px;
|
||||
padding:0;
|
||||
margin:1px;
|
||||
/*border-top:1px solid #e9e9e9;*/
|
||||
}
|
||||
|
||||
#context_menu_global div {
|
||||
border: 0px solid #000000;
|
||||
padding:3px 21px 3px 21px;
|
||||
}
|
||||
|
||||
#context_menu_global div:hover {
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
hr {
|
||||
padding:0;
|
||||
margin:5px 0 5px 0;
|
||||
border-top:1px solid #B6B6B6;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
color:#191992;
|
||||
background-color:#dddddd;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
color:#191992;
|
||||
background-color:#a9afc0;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
html, body {
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-color:#000000;
|
||||
font-size:10pt;
|
||||
font-family:Verdana, Times, Helvetica, Tahoma;
|
||||
}
|
||||
|
||||
.input_base {
|
||||
outline: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
width: 132px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
padding-left:5px;
|
||||
margin: 0;
|
||||
background-color: #c7c7c7;
|
||||
color: #231609;
|
||||
/*font-weight: bold;*/
|
||||
font-size:10pt;
|
||||
font-family:Verdana, Times, Helvetica, Tahoma;
|
||||
}
|
||||
|
||||
.input_btn {
|
||||
padding-top:0px;
|
||||
padding-bottom:1px;
|
||||
}
|
||||
|
||||
.input_btn:active {
|
||||
padding-top:1px;
|
||||
padding-bottom:0px;
|
||||
}
|
||||
|
||||
input {
|
||||
outline: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
#userInformation {
|
||||
width:250px;
|
||||
}
|
||||
|
||||
#userStats {
|
||||
width:200px;
|
||||
}
|
||||
|
||||
#incentoryMain {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.invb1 {
|
||||
color: #003388;
|
||||
font-weight: bold;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.invb1:hover {
|
||||
color: #0066ff;
|
||||
background-color:#bfbfbf;
|
||||
}
|
||||
|
||||
.invb2 {
|
||||
color: #003388;
|
||||
background-color:#a5a5a5;
|
||||
font-weight: bold;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.invb2:hover {
|
||||
color: #0066ff;
|
||||
}
|
||||
|
||||
.itmInv {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,207 @@
|
||||
body {
|
||||
background-color: black;
|
||||
font-family: Tahoma, Verdana, Segoe, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#top-logo {
|
||||
background-image: url(/static/images/logo/290x187.png);
|
||||
width: 290px;
|
||||
height: 186px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(3, 136, 137);
|
||||
}
|
||||
|
||||
#footer,
|
||||
form,
|
||||
#error {
|
||||
width: 753px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
form {
|
||||
height: 803px;
|
||||
background-image: url(/static/images/register/background.png);
|
||||
}
|
||||
|
||||
form h1 {
|
||||
padding: 2em 6em;
|
||||
color: rgb(229, 130, 62);
|
||||
text-align: center;
|
||||
font-size: 21px;
|
||||
text-shadow:
|
||||
-1px -1px 0 rgb(27, 31, 21),
|
||||
1px -1px 0 rgb(27, 31, 21),
|
||||
-1px 1px 0 rgb(27, 31, 21),
|
||||
1px 1px 0 rgb(27, 31, 21);
|
||||
}
|
||||
|
||||
form .form-input {
|
||||
width: 500px;
|
||||
margin: .5em auto 0;
|
||||
padding-top: .3em;
|
||||
border-top: solid 1px rgb(229, 130, 62);
|
||||
|
||||
border-style: solid;
|
||||
border-width: 3px 0px 0px;
|
||||
-moz-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
-webkit-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
-o-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
|
||||
}
|
||||
|
||||
form .form-input:nth-of-type(1) {
|
||||
border-image: none;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
form .form-input .name,
|
||||
form .form-input .value {
|
||||
vertical-align: top;
|
||||
width: 49%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
form .captcha .name {
|
||||
width: 320px;
|
||||
}
|
||||
form .captcha .value {
|
||||
width: 172px;
|
||||
}
|
||||
|
||||
form .form-input .value input[type="text"],
|
||||
form .form-input .value input[type="password"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form .form-input input[type="checkbox"] {
|
||||
cursor: hand;
|
||||
}
|
||||
form .submit {
|
||||
width: 320px;
|
||||
height: 120px;
|
||||
margin: 0px auto;
|
||||
background: url('/static/images/register/bottom_menu.png') 50% 0px no-repeat;
|
||||
border: 0px solid transparent;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
form input[type="submit"] {
|
||||
background: url('/static/images/register/button.png') no-repeat;
|
||||
font-family: arial;
|
||||
font-variant: small-caps;
|
||||
border: 0;
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
width: 164px;
|
||||
position: relative;
|
||||
top: 14px;
|
||||
left: 78px;
|
||||
height: 30px;
|
||||
color:#f2f1ee;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
text-decoration:none;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
|
||||
}
|
||||
form input[type="submit"]:hover {
|
||||
background-image: url('/static/images/register/button_hover.png');
|
||||
}
|
||||
form input[type="submit"]:active {
|
||||
background-image: url('/static/images/register/button_pressed.png');
|
||||
}
|
||||
|
||||
form .form-input .comment {
|
||||
font-size: 8pt;
|
||||
color: rgb(101, 66, 41);
|
||||
}
|
||||
|
||||
form .comment.attention:before {
|
||||
content: "Внимание! ";
|
||||
font-style: normal;
|
||||
color: rgb(169, 30, 3);
|
||||
}
|
||||
|
||||
form .checkboxes em,
|
||||
form .name em {
|
||||
font-size: 8pt;
|
||||
font-style: normal;
|
||||
color: rgb(169, 30, 3);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
form .checkboxes em:before,
|
||||
form .name em:before {
|
||||
content: "(";
|
||||
}
|
||||
form .checkboxes em:after,
|
||||
form .name em:after {
|
||||
content: ")";
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: white;
|
||||
font-size: 9px;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#minimum-age,
|
||||
#disclaimer {
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
min-height: 51px;
|
||||
padding-left: 55px;
|
||||
vertical-align: top;
|
||||
margin: 0 5em;
|
||||
}
|
||||
|
||||
#disclaimer em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#minimum-age {
|
||||
background: url('/static/images/register/18.png') no-repeat;
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
#disclaimer {
|
||||
background: url('/static/images/register/gear.png') no-repeat;
|
||||
padding-top: 1em;
|
||||
width: 20%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
clear: both;
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#error {
|
||||
background-color: rgb(233, 234, 238);
|
||||
border: solid 1px rgb(163, 163, 163);
|
||||
color: rgb(140, 8, 0);
|
||||
margin: 2em auto;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#error h1 {
|
||||
padding-bottom: .2em;
|
||||
border-bottom: solid 1px silver;
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
.w_l {
|
||||
display:inline-block;
|
||||
width:60px;
|
||||
height:200px;
|
||||
margin-bottom:9px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.w_c {
|
||||
display:inline-block;
|
||||
width:76px;
|
||||
height:209px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.ws_border {
|
||||
display:inline-block;
|
||||
/*
|
||||
border-top:1px solid #FFF;
|
||||
border-bottom:1px solid #000;
|
||||
border-left:1px solid #FFF;
|
||||
border-right:1px solid #000;
|
||||
*/
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.hpblock {
|
||||
width:196px;
|
||||
}
|
||||
|
||||
.wi {
|
||||
display:inline-block;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.wib {
|
||||
display:inline-block;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
vertical-align:baseline;
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
.w1 {
|
||||
position:absolute;
|
||||
z-index:1102;
|
||||
}
|
||||
|
||||
.1x1 {
|
||||
width:1px;
|
||||
height:1px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
#wupbox {
|
||||
position:absolute;
|
||||
z-index:21111;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#windows {
|
||||
position:absolute;
|
||||
z-index:10101;
|
||||
width:1px;
|
||||
height:1px;
|
||||
top:-1px;
|
||||
left:-1px;
|
||||
}
|
||||
|
||||
/* First style */
|
||||
.wi1s0 {
|
||||
width:5px;
|
||||
height:6px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_03.gif) 1px 0px no-repeat;
|
||||
}
|
||||
.wi1s1 {
|
||||
height:6px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_05.gif);
|
||||
}
|
||||
.wi1s2 {
|
||||
width:5px;
|
||||
height:6px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_03.gif) -2px 0px no-repeat;
|
||||
}
|
||||
.wi1s3 {
|
||||
width:5px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_17.gif) 1px 0px repeat-y;
|
||||
}
|
||||
.wi1s4 {
|
||||
width:5px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_19.gif) -1px 0px repeat-y;
|
||||
background-position:right;
|
||||
background-color:#675600;
|
||||
}
|
||||
.wi1s5 {
|
||||
width:5px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_19.gif) 0px 0px repeat-y;
|
||||
}
|
||||
.wi1s6 {
|
||||
height:6px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_05.gif);
|
||||
}
|
||||
.wi1s7 {
|
||||
background:#ddd5bf;
|
||||
}
|
||||
|
||||
.wi1s8 {
|
||||
background:url(http://img.combatz.ru/i/bneitral_05.gif);
|
||||
}
|
||||
.wi1s9 {
|
||||
width:5px;
|
||||
height:6px;
|
||||
background:url(http://img.combatz.ru/i/bneitral_19.gif);
|
||||
}
|
||||
.wi1s10 {
|
||||
background-color:#b1a993;
|
||||
white-space:nowrap;
|
||||
color:#003388;
|
||||
padding:2px 2px 2px 7px;
|
||||
min-width:140px;
|
||||
}
|
||||
.wi1s10 text {
|
||||
cursor:move;
|
||||
}
|
||||
.wi1s10 img {
|
||||
cursor:pointer;
|
||||
}
|
||||
.wi1s11 {
|
||||
|
||||
}
|
||||
.wi1s12 {
|
||||
|
||||
}
|
||||