Tình hình là Chatbox ở rum mình ko hiển thị tên người online!
Demo:
Đây là code css:
Demo:
Đây là code css:
- Code:
a[class="genmed"][href="/register?agreed=true&step=2"] {
font-size: 0;
display: inline-block;
}
a[class="genmed"][href="/register?agreed=true&step=2"]::after {
content: "Tôi đồng ý với những quy định trên của diễn đàn Edogaws Fan Club- EFC";
font-size: 11px;
}
body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol85.ani), url(http://cur.cursors-4u.net/holidays/hol-1/hol85.png), progress;}
/* trang màu */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.warning2 {
-moz-box-shadow: 1px 1px 10px red;
-webkit-box-shadow: 1px 1px 10px red;
border-color: red;
box-shadow: 1px 1px 10px red;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding: 15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.warning2 {
color: red;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/error10.png');
}
.lock2 {
-moz-box-shadow: 1px 1px 10px blue;
-webkit-box-shadow: 1px 1px 10px blue;
border-color: blue;
box-shadow: 1px 1px 10px blue;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.lock2 {
color: blue;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/lock10.png');
}
.yes2 {
-moz-box-shadow: 1px 1px 10px green;
-webkit-box-shadow: 1px 1px 10px green;
border-color: green;
box-shadow: 1px 1px 10px green;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.yes2 {
color: green;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/accept11.png');
}
.tag2 {
-moz-box-shadow: 1px 1px 10px orange;
-webkit-box-shadow: 1px 1px 10px orange;
border-color: orange;
box-shadow: 1px 1px 10px orange;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.tag2 {
color: orange;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png');
}
.move2 {
-moz-box-shadow: 1px 1px 10px indigo;
-webkit-box-shadow: 1px 1px 10px indigo;
border-color: indigo;
box-shadow: 1px 1px 10px indigo;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.move2 {
color: indigo;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png');
}
.ban2 {
-moz-box-shadow: 1px 1px 10px #000;
-webkit-box-shadow: 1px 1px 10px #000;
border-color: #000;
box-shadow: 1px 1px 10px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.ban2 {
color: #000;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png');
}
.tum2 {
-moz-box-shadow: 1px 1px 10px brown;
-webkit-box-shadow: 1px 1px 10px brown;
border-color: brown;
box-shadow: 1px 1px 10px brown;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.tum2 {
color: brown;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png');
}
#vds_nhaplieu{
font: 12pt Tahoma, Arial;
opacity: 0.9;filter: alpha(opacity=90);
position:fixed;
left:30%;
top:50px;
overflow:hidden;
background-color:#000;
padding:5px;
width:400px;
border:10px solid #5E9EFF;
z-index: 999;}
.an{display:none}
.khungqtanvds{
margin:2px;
width:99%;
height:62px;
}
.qtantdytvds{
font: 12pt Tahoma, Arial;
width:98%;
height:110px;
position:relative;
}
.botrongoc{border-radius:33px}
.ds1vds{
display:none;
overflow:auto;
z-index: 999;
opacity: 0.5;filter: alpha(opacity=50);
background-color:#bce82c;
overflow:auto;
padding:3px;
max-height:400px;
position:absolute;
border:2px solid green;
height:150px;
width:393px;
right:40px;
top:115px;
}
.anhienlck{
background-color: #FFF;
z-index: 999;
width:400px;
position:absolute;
right:40px;
bottom:30px;
border:3px solid #000;
}
.qtan1vds{
background:#bce82c url(http://i49.servimg.com/u/f49/16/29/88/81/music-10.png) no-repeat;
position:relative;
width:400px;
height:66px;
}
.lck1vds{
display:none;
word-wrap:break-word;
width:95%;
overflow:auto;
height:200px;
margin-top:20px;
padding:5px;
position:relative;
bottom:15px;
}
.tdyt1vds{
z-index: 99;
background:#FFFFFF url(http://i48.servimg.com/u/f48/13/58/60/43/bgqtan10.png) repeat fixed top center;
padding:10px 2px 2px 2px;
width:100%;
height:50px;
display:block;
position:absolute;
left:0px;
bottom:0px;
border:3px solid #ff0000;
}
.nutbam_vds{z-index: 999;position:absolute;right:-5px;bottom:5px;width:30px;height:58px;background-color:#5E9EFF;}
.nutlck{z-index: 999;position:absolute;right:7px;top:7px;cursor:pointer;}
.nutdsn{z-index: 999;position:absolute;right:7px;bottom:7px;cursor:pointer;}
.qtantdyt_new{z-index: 999;position:absolute;right:447px;bottom:33px;cursor:pointer;}
a.dsnhac, a.dsnhac:link{
font-weight: bold;
font-size: 12px;
display:block;
color:#4317d3;padding:1px 20px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}
a.dsnhac:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
#vds_cuon{margin:2px;text-align:right}
#thongtinnguoigui{
overflow:hidden;
border-radius:10px 10px 0 0;
opacity: 0.3;filter: alpha(opacity=30);
background-color:#FFF;
border:3px solid #ff0000;
position:absolute;
bottom:65px;
left:20px;
width:200px;
height:15px;
padding:5px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
#thongtinnguoigui:hover{
overflow:auto;
opacity: 1;filter: alpha(opacity=100);
height:150px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
#qtloadingvds{
z-index: 999;
position:absolute;
left:77px;
top:-11px;
padding:2px;
border:2px solid #000;
background-color:#ff0000;
}
#vds_tenck,#vds_flash,#vds_nlck,#vds_guiden,#vds_ntdyt,#vds_thoat{background-color:#FFFFFF}
#vds_qtgui{background-color:#ff0000;}
.cao_video{height:300px;}
#mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url('http://c3zone.net/users/2611/10/63/87/album/go10.jpg') no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left:-333px!important;width: 330px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}
/* trang màu */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* đóng khung trong vew */
.chupy {
margin-left: 18px;
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #3a3a3a;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 154px;
}
a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{background:#7D2252;color:#FFF!important;border-radius:10px;font:11px Arial,sans-serif;margin:2px;padding:2px 9px}
a[href*="mode=post_profile"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,a[href*="cp?mode=unlock"]:hover,a[href*="merge?t="]:hover,a[href*="cp?mode=split"]:hover,a[href*="cp?mode=lock"]:hover,a[href*="cp?mode=move"]:hover,a[href*="cp?mode=trash"]:hover,a[href*="cp?mode=delete"]:hover,a[href*="mode=unlock&p"]:hover,a[href*="mode=lock&p"]:hover,a[href*="mode=report"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{background:#B35A9C;border:1px solid #FFF}
a[href*="mode=reply"],a[href*="mode=newtopic"]{font:13px Arial,sans-serif!important}
a[href*="mode=quote"]:before{content:"Trích dẫn"}
a[href*="mode=editpost"]:before{content:"Sửa"}
a[href*="&mode=delete"]:before{content:"Xóa"}
a[href*="mode=report"]:before{content:"Báo xấu"}
a[href*="mode=lock&p"]:before{content:"Chặn báo xấu"}
a[href*="mode=unlock&p"]:before{content:"Cho phép báo xấu"}
a[href*="cp?mode=delete"]:before{content:"Xóa chủ đề"}
a[href*="cp?mode=trash"]:before{content:"Cho vào sọt"}
a[href*="cp?mode=move"]:before{content:"Di chuyển"}
a[href*="cp?mode=lock"]:before{content:"Khóa chủ đề"}
a[href*="cp?mode=split"]:before{content:"Tách bài viết"}
a[href*="merge?t="]:before{content:"Gộp bài viết"}
a[href*="cp?mode=unlock"]:before{content:"Mở khóa chủ đề"}
a[href*="mode=post_profile"]:before{content:"//Viết lên tường"}
a[href*="mode=newtopic"]:before{content:"* Tạo chủ đề mới"}
a[href*="mode=reply"]:before{content:"+ Trả lời chủ đề"}
/* Khung viền trả lời */
#text_editor_textarea, textarea{
padding: 3px;
background: white;
border: 2px solid #1E00FF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
}
#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #EDEDED none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
/* link nghiêng */
a:hover {
text-decoration: none;
font-style: italic;
text-shadow: IndianRed 3px 3px 5px;
}
/* xóa g?ch chân ? link */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/* đóng khung trong vew */
.chupy {
margin-left: 18px;
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #3a3a3a;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 154px;
}
.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 15px;
background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px;
border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5;
margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#dhtmlpointer, #dhtmltooltip {
-moz-opacity: .8;
filter: alpha(opacity=80);
left: -300px;
opacity: .8;
position: absolute;
top: 0;
visibility: hidden;
z-index: 999
}
#dhtmltooltip {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #000;
border: #000 0 solid;
border-radius: 6px;
color: #fff;
font-family: Arial;
font-size: 9pt;
font-weight: 700;
max-width: 340px;
padding: 15px;
text-align: left;
width: expression(document.body.clientWidth>340?"340px":"auto")
}
#chatbox > p span.user > span strong, #chatbox_members ul a span:first-child strong {
display: none; }
#chatbox > p span.user > span:after, #chatbox_members ul a span:first-child:after {
color: #105289!important;
content: '[R.S]';(IMG)
font-size: 10px;}
#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ccf0ff none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
.ust {
background: #C8E5E9;
border: #D0ECFB 0px solid;
}
.p2 {
background: #FBFDFF url(http://daknongcity.com/forum/fullvn/nst/alt.jpg) repeat;
padding: 5px;
border: #9FDAE0 1px solid;
font-size: 12px;
color: #273D49;
font-family: arial;
-webkit-box-shadow: 0 2px 6px #B3B3B3;
}
.thead {
background: #5C7099 url(http://daknongcity.com/forum/fullvn/nst/gradient_thead.gif) repeat-x top left;
color: #666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
td.row1.over:hover, td.row2 {
background-color: #ffffff;
}
.quote {
background: url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat scroll 0 0 #FDF9F9; /*Background và màu nền*/
border-color: #E7BABA; /*Màu đường viền*/
border-style: solid; /*Style đường viền*/
border-width: 1px 1px 1px 20px;
color: #C25252; /*Màu chữ*/
margin: 10px 0 10px 10px;
overflow: auto;
padding: 28px 10px 10px;
width: 90%;
}
.quote:hover {
background: url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat scroll 0 0 #FFFFFF; /*Background và màu nền khi rê chuột vào*/
}
.code {
background: url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat scroll 0 0 #F5F8FA; /*Background và màu nền*/
border-color: #D7E8F0; /*Màu đường viền*/
border-style: solid; /*Style đường viền*/
border-width: 1px 1px 1px 20px;
color: #000000; /*Màu chữ*/
font: 13px/16px 'Courier New',Courier,monospace; /*style của chữ*/
margin: 10px 0 10px 10px;
max-height: 500px;
min-height: 16px;
overflow: auto;
padding: 28px 10px 10px;
width: 90%;
}
.code:hover {
background: url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFFFFF; /*background và màu nền khi rê chuột vào*/
}
.cubimtq img{
max-width:100px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;transition:all 0.5s ease;
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
padding: 4px;
position: relative;
display:inline;
box-shadow: 0 0 6px #666;
}
.cubimtq img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
}
.alt1, .alt1Active
{
background: #ececec ;
color: #000000;
border-right:1px solid #dedbdb;
border-left:1px solid #f4f4ed;
border-top:1px solid #f4f4ed;
border-bottom:1px solid #dedbdb;
}
.alt2, .alt2Active
{
background: #ececec ;
repeat-x top left;
color: #000000;
border-right:1px solid #dedbdb;
border-left:1px solid #f4f4ed;
border-top:1px solid #f4f4ed;
border-bottom:1px solid #dedbdb;
}