495 lines
13 KiB
CSS
495 lines
13 KiB
CSS
html,body {
|
||
width:100%;
|
||
height:100%;
|
||
margin:0;
|
||
padding:0;
|
||
overflow:hidden;
|
||
font-size: 10pt;
|
||
font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
|
||
}
|
||
.m0c1 { display:block;margin-top:0px; }
|
||
.m0c2 { display:block;margin-top:2px; }
|
||
.text {
|
||
FONT-SIZE: 10pt; COLOR: #000000; FONT-WEIGHT: normal;
|
||
FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif;
|
||
}
|
||
|
||
.prmimgyn {
|
||
|
||
}
|
||
|
||
.prmimgyn:hover {
|
||
filter: alpha(opacity=50);
|
||
opacity:0.5;
|
||
-moz-opacity:0.5;
|
||
-khtml-opacity:0.5;
|
||
}
|
||
|
||
.h4 { COLOR: #8f0000; FONT-FAMILY: Arial; FONT-SIZE: 11pt; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px;}
|
||
H3 { COLOR: #8f0000; FONT-FAMILY: Arial; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-ALIGN: center }
|
||
H4 { COLOR: #8f0000; FONT-FAMILY: Arial; FONT-SIZE: 11pt; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px;}
|
||
H5 { COLOR: #4f0000; FONT-FAMILY: Arial; FONT-SIZE: 11pt; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px;}
|
||
a,a:visited { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }
|
||
a:active { color: #6F0000}
|
||
a:hover { color: #0066FF}
|
||
.date { font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000}
|
||
.date2 { font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA}
|
||
.sysdate { font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #B00000}
|
||
.private { font-weight:bold; color: red; background-color: #FAE0E0}
|
||
.number { font-size: 11pt; font-weight: bold; color: #6F0000}
|
||
.dsc { color: #606060; font-weight:normal; }
|
||
select,textarea,input { border: solid 1pt #B0B0B0; font-family: MS Sans Serif; font-size: 10px; color: #191970; MARGIN-BOTTOM: 2px; MARGIN-TOP: 1px;}
|
||
/*button { border: solid 1pt #B0B0B0; font-family: MS Sans Serif; font-size: 11px; color: #191970; padding:2px 7px 2px 7px;}
|
||
button:active { padding:3px 6px 1px 8px; }*/
|
||
.ahint {font-family: MS Sans Serif; font-size:8px; text-decoration:none; color:#000080;z-index: 99;}
|
||
#hint2 {position:absolute; width:140; background-color:#FFF6DD; layer-background-color:#FFF6DD; visibility:hidden}
|
||
#hint3 {position:absolute; width:240; background-color:#FFF6DD; layer-background-color:#FFF6DD; visibility:hidden}
|
||
#hint4 {position:absolute; width:240; visibility:hidden}
|
||
.ttl_css{
|
||
position:absolute;
|
||
text-shadow: 0 0 2px #fff;
|
||
padding: 4px 8px;
|
||
border: 1px solid rgba(255,255,255,0.25);
|
||
background-color: #cfcfcf;
|
||
border-radius: 3px;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
box-shadow: 0 0 3px #000000;
|
||
-webkit-box-shadow: 0 0 3px #000000;
|
||
-moz-box-shadow: 0 0 3px #000000;
|
||
|
||
}
|
||
.foryou1 .date {
|
||
font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA;
|
||
}
|
||
.foryou2 .date {
|
||
font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA;
|
||
}
|
||
.B1 { font-weight: bold; color: #6666CC}
|
||
.B2 { font-weight: bold; color: #B06A00}
|
||
.B3 { font-weight: bold; color: #269088}
|
||
.B4 { font-weight: bold; color: #A0AF20}
|
||
.B5 { font-weight: bold; color: #0F79D3}
|
||
.B6 { font-weight: bold; color: #D85E23}
|
||
.B7 { font-weight: bold; color: #5C832F}
|
||
.B8 { font-weight: bold; color: #842B61}
|
||
.B9 { font-weight: bold; color: navy}
|
||
.Bs1 { font-size: 8pt; font-weight:bold; color: #6666CC}
|
||
.Bs2 { font-weight:bold; color: #B06A00}
|
||
img,table {border: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;
|
||
}
|
||
|
||
#main {
|
||
overflow:auto;
|
||
white-space:nowrap;
|
||
height:100%;
|
||
padding:5px 0px 0px 0px;
|
||
}
|
||
|
||
#chat_list {
|
||
overflow:auto;
|
||
height:100%;
|
||
padding:2px;
|
||
}
|
||
|
||
#online_list {
|
||
overflow:auto;
|
||
white-space:normal;
|
||
width:100%;
|
||
height:100%;
|
||
padding-left:5px;
|
||
}
|
||
|
||
#ttSmiles {
|
||
position:absolute;
|
||
right:16px;
|
||
bottom:16px;
|
||
width:400px;
|
||
height:235px;
|
||
border:2px solid #000;
|
||
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;
|
||
}
|
||
|
||
#smilesDiv2 {
|
||
padding:3px;
|
||
height:195px;
|
||
overflow:auto;
|
||
}
|
||
|
||
#reline1 {
|
||
|
||
position:absolute;
|
||
width:100%;
|
||
height:2px;
|
||
background-color:#CCCCCC;
|
||
border-bottom:1px solid #797779;
|
||
cursor:n-resize;
|
||
top:60%;
|
||
z-index:1001;
|
||
|
||
}
|
||
|
||
#reline1:hover {
|
||
background-color:#a1a1a1;
|
||
cursor:n-resize;
|
||
}
|
||
|
||
#reline1:active {
|
||
background-color:#a1a1a1;
|
||
cursor:n-resize;
|
||
}
|
||
|
||
#reline3 {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 1px;
|
||
background-color: #758999;
|
||
/*
|
||
background-color:#CCCCCC;
|
||
border-bottom:1px solid #797779;
|
||
*/
|
||
border-top: 1px solid #aaaaaa;
|
||
border-bottom: 1px solid #010101;
|
||
cursor:default;
|
||
bottom: 34px;
|
||
z-index: 1001;
|
||
}
|
||
|
||
#reline2 {
|
||
position:absolute;
|
||
width:2px;
|
||
background-color:#CCCCCC;
|
||
border-right:1px solid #797779;
|
||
cursor:e-resize;
|
||
top:60%;
|
||
z-index:1000;
|
||
}
|
||
|
||
#reline2:hover {
|
||
background-color:#a1a1a1;
|
||
cursor:e-resize;
|
||
}
|
||
|
||
#reline2:active {
|
||
background-color:#a1a1a1;
|
||
cursor:e-resize;
|
||
}
|
||
#upbox {
|
||
z-index:1002;
|
||
position:absolute;
|
||
width:100%;
|
||
height:100%;
|
||
display:none;
|
||
cursor:default;
|
||
top:0px; left:0px;
|
||
}
|
||
|
||
#wupbox {
|
||
z-index:2000;
|
||
position:absolute;
|
||
width:100%;
|
||
height:100%;
|
||
display:none;
|
||
cursor:default;
|
||
top:0px; left:0px;
|
||
}
|
||
|
||
#chconfig {
|
||
position:absolute;
|
||
bottom:36px;
|
||
background-color:#E1E1E1;
|
||
left:11px;
|
||
width:215px;
|
||
z-index:1005;
|
||
display:none;
|
||
border:1px solid #979797;
|
||
padding:5px;
|
||
color:#333333;
|
||
}
|
||
|
||
#ChatColor {
|
||
width:100%;
|
||
}
|
||
|
||
.eLine {
|
||
background-image:url(../expicLine.gif);
|
||
background-repeat:repeat-x;
|
||
height:7px;
|
||
width:100%;
|
||
}
|
||
|
||
#counters {
|
||
position:absolute;
|
||
bottom:52px;
|
||
right:27px;
|
||
width:88px;
|
||
height:31px;
|
||
filter: alpha(opacity=35);
|
||
opacity:0.35;
|
||
-moz-opacity:0.35;
|
||
-khtml-opacity:0.35;
|
||
z-index:1006;
|
||
}
|
||
|
||
#globalMode {
|
||
|
||
}
|
||
|
||
#counters:hover {
|
||
filter: Glow(strength=2,color=#DDDDDD);
|
||
filter: alpha(opacity=100);
|
||
opacity:1.0;
|
||
-moz-opacity:1.0;
|
||
-khtml-opacity:1.0;
|
||
}
|
||
|
||
.cp{ cursor:pointer; }
|
||
|
||
.fl{ float:left; }
|
||
|
||
.fr{ float:right; }
|
||
|
||
.db{ display:block; }
|
||
|
||
|
||
/* <20><><EFBFBD><EFBFBD> */
|
||
#tdDate {
|
||
text-align: center;
|
||
background: rgb(185, 185, 185, 1);
|
||
border-top: 1px solid rgb(200, 200, 200, 1);
|
||
border-bottom: 2px solid #7f7f7f;
|
||
}
|
||
#contentDate {
|
||
color: black;
|
||
background: #e5cec8;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
font-size: 17px;
|
||
padding: 1px 15px;
|
||
border: 1px solid rgb(150, 150, 150, 0.7);
|
||
border-radius: 5px;
|
||
outline: 0 !important;
|
||
}
|
||
#divFullDate {
|
||
position: absolute;
|
||
width: 130px;
|
||
background: rgb(200, 200, 200, 0.6);
|
||
border: 1px solid grey;
|
||
border-radius: 5px;
|
||
text-align: center;
|
||
padding: 0 2px;
|
||
font-weight: 600;
|
||
line-height: 0.3;
|
||
}
|
||
|
||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||
.URL-a:hover {
|
||
text-decoration: underline
|
||
}
|
||
|
||
|
||
.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;}
|
||
|
||
.my_clip_button { cursor:pointer; }
|
||
|
||
.chatBtn1_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn1.gif') 0px 0px repeat-x;}
|
||
.chatBtn1_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn1.gif') 0px -30px repeat-x;}
|
||
.chatBtn18_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn18.gif') 0px 0px repeat-x;}
|
||
.chatBtn18_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn18.gif') 0px -30px repeat-x;}
|
||
.chatBtn2_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn2.gif') 0px 0px repeat-x;}
|
||
.chatBtn2_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn2.gif') 0px -30px repeat-x;}
|
||
.chatBtn4_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn4.gif') 0px 0px repeat-x;}
|
||
.chatBtn4_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn4.gif') 0px -30px repeat-x;}
|
||
.chatBtn5_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn5.gif') 0px 0px repeat-x;}
|
||
.chatBtn5_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn5.gif') 0px -30px repeat-x;}
|
||
.chatBtn5_3 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn5.gif') 0px -59px repeat-x;}
|
||
.chatBtn6_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn6.gif') 0px 0px repeat-x;}
|
||
.chatBtn6_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn6.gif') 0px -30px repeat-x;}
|
||
.chatBtn7_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn7.gif') 0px 0px repeat-x;}
|
||
.chatBtn7_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn7.gif') 0px -30px repeat-x;}
|
||
.chatBtn7_3 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn7.gif') 0px -60px repeat-x;}
|
||
.chatBtn8_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn8.gif') 0px 0px repeat-x;}
|
||
.chatBtn8_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn8.gif') 0px -30px repeat-x;}
|
||
|
||
.chatBtn21_1 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn21.gif') 0px 0px repeat-x;}
|
||
.chatBtn21_2 { width:30px; height:30px; background: url('https://img.new-combats.com/i/buttons/chatBtn21.gif') 0px -30px repeat-x;}
|
||
|
||
|
||
.topusermenu{ font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif; z-index:1000; position:absolute; background-color:#d2d0d0; font-size:13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #929090; border-right-color: #626060; border-bottom-color: #626060; border-left-color: #929090;}.inviseMen1{ filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }.inviseMen2{ filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; }.inviseMen3{ filter: alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30; }.inviseMen4{ filter: alpha(opacity=10); -moz-opacity: 0.10; -khtml-opacity: 0.10; opacity: 0.10; }
|
||
.topusermenuBtn:hover{ background-color:#a2a2a2; color: #0066FF;}
|
||
.topusermenuBtn{ text-decoration: none; FONT-WEIGHT: bold; color: #003388; padding-left:7px; padding-right:7px; cursor:pointer;}
|
||
|
||
.crop {
|
||
display:inline-block;
|
||
overflow:hidden;
|
||
height: 18px;
|
||
width: 18px;
|
||
vertical-align:text-bottom;
|
||
}
|
||
|
||
.crop img {
|
||
display:inline-block;
|
||
height: 18px;
|
||
vertical-align:text-bottom;
|
||
}
|
||
|
||
.crop2 {
|
||
display:inline-block;
|
||
overflow:hidden;
|
||
height: 16px;
|
||
width: 14px;
|
||
vertical-align:text-bottom;
|
||
}
|
||
|
||
.crop2 img {
|
||
display:inline-block;
|
||
height: 14px;
|
||
vertical-align:text-bottom;
|
||
}
|
||
|
||
.check_gloff {
|
||
margin-left:0px;
|
||
}
|
||
|
||
.check_glon {
|
||
margin-left:-19px;
|
||
}
|
||
|
||
.radio_gloff {
|
||
margin-left:0px;
|
||
}
|
||
|
||
.radio_glon {
|
||
margin-left:-18px;
|
||
}
|
||
|
||
#audioPlayerChat {
|
||
width: 300px;
|
||
height: 20px;
|
||
margin-bottom: -3px;
|
||
}
|
||
|
||
#record {
|
||
width: 116px;
|
||
height: 28px;
|
||
font-size: 16px;
|
||
background: rgba(0, 195, 255, 0.083);
|
||
border-radius: 7px;
|
||
font-weight: 600;
|
||
border: 1px solid rgba(128, 128, 128, 0.5);
|
||
cursor:pointer;
|
||
}
|
||
#timerVoiceMess {
|
||
position: absolute;
|
||
width: 90px;
|
||
color: rgb(214, 0, 0);
|
||
background: rgba(200, 200, 200, 0.5);
|
||
border: 1px solid rgba(128, 128, 128, 0.507);
|
||
border-radius: 5px;
|
||
text-align: center;
|
||
padding: 0 2px;
|
||
font-weight: 600;
|
||
}
|
||
.span_voice {
|
||
margin: 3px 0;
|
||
}
|
||
|
||
/*iPhone 6+ <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||
/* @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { */
|
||
|
||
/* #reline1, #reline2, #deleteFooter, .deleteStyles {
|
||
display: none;
|
||
}
|
||
|
||
#chat_menus, #chat_menu {
|
||
text-align: center
|
||
} */
|
||
|
||
|
||
|
||
/* #chat_list {
|
||
width: 100px;
|
||
} */
|
||
|
||
/* #online {
|
||
display: none;
|
||
} */
|
||
|
||
/* #main_td {
|
||
height: 400px;
|
||
}
|
||
*/
|
||
|
||
/* body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
} */
|
||
|
||
/* #buttonHiddenChat {
|
||
width: 100%;
|
||
font-size: 17pt;
|
||
position: fixed;
|
||
}
|
||
|
||
#deleteFooter {
|
||
display: none;
|
||
}
|
||
|
||
#globalMain {
|
||
|
||
}
|
||
|
||
#main, #touchmain {
|
||
}
|
||
|
||
#reline1, #reline2 {
|
||
display: none;
|
||
}
|
||
|
||
#chat {
|
||
width: 400px;
|
||
}
|
||
|
||
#chat_list {
|
||
width: 400px;
|
||
border: 1px solid black;
|
||
} */
|
||
|
||
/* .deleteMobile { */
|
||
/* <20><><EFBFBD><EFBFBD> TR */
|
||
/* td bgcolor | td bgcolor */
|
||
/* #allChat[0] td bgcolor */
|
||
/* #allChat[1] td valign="botton" | td heigth="30" bgcolor*/
|
||
|
||
/* } */
|
||
/* } */
|
||
|