|
|
|
|
@ -1,52 +1,55 @@ |
|
|
|
|
.chatboxmain { |
|
|
|
|
position: fixed; |
|
|
|
|
width: auto; |
|
|
|
|
z-index: 9000; |
|
|
|
|
bottom: 0px; |
|
|
|
|
right: 20px; |
|
|
|
|
display: block; |
|
|
|
|
position: fixed; |
|
|
|
|
width: auto; |
|
|
|
|
z-index: 9000; |
|
|
|
|
bottom: 0px; |
|
|
|
|
right: 20px; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxheadmain { |
|
|
|
|
color: #ffffff; |
|
|
|
|
background-color: #000; |
|
|
|
|
min-height: 34px; |
|
|
|
|
padding: 0 10px; |
|
|
|
|
color: #ffffff; |
|
|
|
|
background-color: #000; |
|
|
|
|
min-height: 34px; |
|
|
|
|
padding: 0 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#chatboxtitlemain { |
|
|
|
|
font-weight: normal; |
|
|
|
|
float: left; |
|
|
|
|
font-size: 12px; |
|
|
|
|
padding-top: 2px; |
|
|
|
|
cursor:pointer; |
|
|
|
|
font-weight: normal; |
|
|
|
|
float: left; |
|
|
|
|
font-size: 12px; |
|
|
|
|
padding-top: 2px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.user_status_main { |
|
|
|
|
width:18px; |
|
|
|
|
display:inline; |
|
|
|
|
float:left; |
|
|
|
|
width: 18px; |
|
|
|
|
display: inline; |
|
|
|
|
float: left; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatbox { |
|
|
|
|
position: fixed; |
|
|
|
|
position:expression("absolute"); |
|
|
|
|
width: 320px; |
|
|
|
|
display:none; |
|
|
|
|
z-index: 9000; |
|
|
|
|
position: fixed; |
|
|
|
|
position: expression("absolute"); |
|
|
|
|
width: 320px; |
|
|
|
|
display: none; |
|
|
|
|
z-index: 9000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxmessage_me { |
|
|
|
|
background-color: #4080ff; |
|
|
|
|
color: #fff; |
|
|
|
|
width: 80%; |
|
|
|
|
float:right !important; |
|
|
|
|
float: right !important; |
|
|
|
|
border-radius: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxmessage { |
|
|
|
|
background-color: #ebedf2; |
|
|
|
|
color: #2a2f35; |
|
|
|
|
margin-left:1em; |
|
|
|
|
margin-left: 1em; |
|
|
|
|
width: 80%; |
|
|
|
|
float:left; |
|
|
|
|
float: left; |
|
|
|
|
border-radius: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -54,131 +57,134 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxcontent { |
|
|
|
|
font-family: arial,sans-serif; |
|
|
|
|
font-size: 13px; |
|
|
|
|
color: #333333; |
|
|
|
|
max-height:200px; |
|
|
|
|
overflow-y:auto; |
|
|
|
|
overflow-x:auto; |
|
|
|
|
padding:7px; |
|
|
|
|
border-left:1px solid #cccccc; |
|
|
|
|
border-right:1px solid #cccccc; |
|
|
|
|
border-bottom:1px solid #eeeeee; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
line-height: 1.3em; |
|
|
|
|
font-family: arial, sans-serif; |
|
|
|
|
font-size: 13px; |
|
|
|
|
color: #333333; |
|
|
|
|
max-height: 200px; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
overflow-x: auto; |
|
|
|
|
padding: 7px; |
|
|
|
|
border-left: 1px solid #cccccc; |
|
|
|
|
border-right: 1px solid #cccccc; |
|
|
|
|
border-bottom: 1px solid #eeeeee; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
line-height: 1.3em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxcontent .alert { |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.user_status { |
|
|
|
|
width:8px; |
|
|
|
|
display:inline-block; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
width: 8px; |
|
|
|
|
display: inline-block; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatimage { |
|
|
|
|
display: inline-block; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
display: inline-block; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxtitle { |
|
|
|
|
font-weight: normal; |
|
|
|
|
display: inline-block; |
|
|
|
|
font-size: 10px; |
|
|
|
|
width: auto; |
|
|
|
|
cursor:pointer; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding-left: 2px; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
line-height: 10px; |
|
|
|
|
font-weight: normal; |
|
|
|
|
display: inline-block; |
|
|
|
|
font-size: 10px; |
|
|
|
|
width: auto; |
|
|
|
|
cursor: pointer; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding-left: 2px; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
line-height: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxhead { |
|
|
|
|
/* background-color: #222; */ |
|
|
|
|
padding: 5px; |
|
|
|
|
color: #ffffff; |
|
|
|
|
border-right:1px solid #222; |
|
|
|
|
border-left:1px solid #222; |
|
|
|
|
background-color: #222; |
|
|
|
|
background-repeat: repeat-x; |
|
|
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); |
|
|
|
|
background-image: -moz-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -ms-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); |
|
|
|
|
background-image: -webkit-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -o-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: linear-gradient(top, #333333, #222222); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
|
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
/* background-color: #222; */ |
|
|
|
|
padding: 5px; |
|
|
|
|
color: #ffffff; |
|
|
|
|
border-right: 1px solid #222; |
|
|
|
|
border-left: 1px solid #222; |
|
|
|
|
background-color: #222; |
|
|
|
|
background-repeat: repeat-x; |
|
|
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); |
|
|
|
|
background-image: -moz-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -ms-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); |
|
|
|
|
background-image: -webkit-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: -o-linear-gradient(top, #333333, #222222); |
|
|
|
|
background-image: linear-gradient(top, #333333, #222222); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
|
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxblink { |
|
|
|
|
background-color: #FF921F; |
|
|
|
|
border-right:1px solid #EF7A00; |
|
|
|
|
border-left:1px solid #EF7A00; |
|
|
|
|
background-color: #FF921F; |
|
|
|
|
border-right: 1px solid #EF7A00; |
|
|
|
|
border-left: 1px solid #EF7A00; |
|
|
|
|
background-repeat: repeat-x; |
|
|
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#FF921F), to(#FF921F)); |
|
|
|
|
background-image: -moz-linear-gradient(top, #FF921F, #FFAC55); |
|
|
|
|
background-image: -ms-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF921F), color-stop(100%, #FF921F)); |
|
|
|
|
background-image: -webkit-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: -o-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#FF921F), to(#FF921F)); |
|
|
|
|
background-image: -moz-linear-gradient(top, #FF921F, #FFAC55); |
|
|
|
|
background-image: -ms-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF921F), color-stop(100%, #FF921F)); |
|
|
|
|
background-image: -webkit-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: -o-linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
background-image: linear-gradient(top, #FF921F, #FF921F); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxinput { |
|
|
|
|
padding: 5px; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
border-left:1px solid #cccccc; |
|
|
|
|
border-right:1px solid #cccccc; |
|
|
|
|
border-bottom:1px solid #cccccc; |
|
|
|
|
padding: 5px; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
border-left: 1px solid #cccccc; |
|
|
|
|
border-right: 1px solid #cccccc; |
|
|
|
|
border-bottom: 1px solid #cccccc; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxtextarea { |
|
|
|
|
width: 300px; |
|
|
|
|
height:44px; |
|
|
|
|
padding:3px 0pt 3px 3px; |
|
|
|
|
border: 1px solid #eeeeee; |
|
|
|
|
margin: 1px; |
|
|
|
|
overflow:hidden; |
|
|
|
|
width: 300px; |
|
|
|
|
height: 44px; |
|
|
|
|
padding: 3px 0pt 3px 3px; |
|
|
|
|
border: 1px solid #eeeeee; |
|
|
|
|
margin: 1px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxtextareaselected { |
|
|
|
|
border: 2px solid #f99d39; |
|
|
|
|
margin:0; |
|
|
|
|
border: 2px solid #f99d39; |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxinfo { |
|
|
|
|
margin-left:-1em; |
|
|
|
|
color:#666666; |
|
|
|
|
margin-left: -1em; |
|
|
|
|
color: #666666; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxmessagefrom { |
|
|
|
|
margin-left:-1em; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin-left: -1em; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxoptions { |
|
|
|
|
float: right; |
|
|
|
|
float: right; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxoptions a { |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: white; |
|
|
|
|
font-weight:bold; |
|
|
|
|
font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif; |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: white; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-family: Verdana, Arial, "Bitstream Vera Sans", sans-serif; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatboxoptions a:hover { |
|
|
|
|
background-color: #aaa; |
|
|
|
|
background-color: #aaa; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatbox_checks { |
|
|
|
|
float:right; |
|
|
|
|
float: right; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chatbox_checked { |
|
|
|
|
color: #13A7F0; |
|
|
|
|
color: #13A7F0; |
|
|
|
|
} |
|
|
|
|
|
Julio Montoya
6 years ago