621 lines
10 KiB
CSS
621 lines
10 KiB
CSS
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;
|
|
} |