The author of this message was banned from the forum -
See the messageBài viết : 130
Tài sản : 544
Uy tín : 37
giúp bỏ nền xám khi rê chuột vào box giống như Devs.
Khi rê chuột vô box bất kì trong skin devs thì nền box chuyển sang màu xám, mình mún bỏ chuyển màu ấy và mình mún cái kiểu khi rê chuột vào box như thế này:
http://dc-boys.forum-viet.com/
Thanks!
Answer:
https://devs.forumvi.com/t581-hoi-dap-giup-bo-nen-xam-khi-re-chuot-vao-box?showpost=p3461Bài viết : 80
Tài sản : 93
Uy tín : 73
Có phải cái này?
- Code:
.c_border :hover {
-moz-box-shadow: -2px 2px 2px #fff;
-moz-transition: all .5s ease-in-out!important;
-webkit-box-shadow: -2px 2px 2px #fff;
-webkit-transition: all .5s ease-in-out!important;
background: url(http://i40.servimg.com/u/f40/15/90/92/64/atl-bg10.jpg) bottom left repeat-x;
border: 1px solid #36CEFC;
box-shadow: 0 0 10px 0 #36CEFC;
transition: all .5s ease-in-out!important;
width: 100%px;
z-index: 999;
}
thay
.c_border bằng class box của bạn. ;)
The author of this message was banned from the forum -
See the messageBài viết : 130
Tài sản : 544
Uy tín : 37
cậu giúp mình đi:
code css:
- Spoiler:
- Code:
/* Main box by zzbaivong */
#page-body{background:#FFF;margin:0}
#indexBox .main-head,#pun-info .main-head {margin-top:30px}
.main .main-head > .page-title{margin:0}
.pun .main-content{border:0 none;padding:0 0 10px}
.pun .main .main-content p.message{border:0;margin:0;padding:10px 0}
.main .main-content.frm{padding:10px 0}
.postfoot, .pun .main-content {
padding: 0;
border: 0px solid #d7d7d7;
}
.avatarBox thead{display:none}
.pun table.table th{color:#999}
.pun table.table .status{margin-left:-50px}
#indexBox .status img{width:22px;height:22px;position:absolute;margin-left:20px;z-index:10}
#pun-legend img,.thumbnail{width:45px;height:45px}
#indexBox .desc img:first-child,#pun-info .imgleft{transition:all .2s;-webkit-transition:all .2s;position:absolute;margin-left:-50px;height:45px;margin-top:-16px;width:45px}
.thumbnail{background:transparent}
.pun .main table.table td{line-height:20px;background:#FFF;border-color:#F2F2F2;border-style:solid;border-width:1px 0 0}
.pun table.table tr:first-child td{border-top:0}
.pun table.table td.tcl{overflow:visible;border-left:0;padding-left:62px!important;}
.pun table .tcr{width:25%}
.stat4r{color:#888;font-size:12px;padding-right:10px}
.stat4r > strong{color:#333}
.sub4r.stat4r{position:relative}
.subLink{padding:0!important;position:absolute;display:none;left:0;list-style:none;background:#FFF;top:15px;z-index:30;min-width:97px;border:2px solid #666}
.sub4r.stat4r:hover .subLink{display:block}
.stat4r .subLink + strong{padding-right:15px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/arrow_10.png) no-repeat right center transparent}
.subLink li a{white-space:nowrap;height:20px;line-height:20px;display:block;padding:0 7px}
.subLink li a:hover{background:#f2f2f2}
#indexBox .desc{font-style:italic}
#indexBox .tcr a[href=""]:after{color:#888;content:"Không có bài viết";font-style:italic}
.pun table.table tr:hover td,#pun-info dd:hover{background-color:#F5F5F5!important}
.pun #left table.table tr:hover td{background-color:#FFF!important}
#indexBox tr:hover a.forumtitle{color:red}
#indexBox tr:hover .tcl strong{color:#359BED}
#indexBox tr:hover .desc img:first-child,#pun-info dd:hover .imgleft{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.pun table .tcr > span.stat4r{display:block;padding-left:60px}
.faq{padding:0}
.faq dd{border:1px solid #DDD;position:relative;background:#FFF;margin:15px 0 5px;padding:10px 10px 0}
.faq > dd:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #CCC;position:absolute;right:10px;width:10px;left:10px;top:-10px}
.faq > dd:after{content:'';display:inline-block;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:9px solid #fff;position:absolute;right:11px;left:11px;width:9px;top:-9px}
#pun-info .ddleft{background:transparent;min-height:55px;padding:5px 0 5px 55px}
#pun-info .dttitle{font-weight:600;height:26px;line-height:25px;border-bottom:1px solid #f2f2f2}
#pun-info .dttitle,#pun-info .dttitle a{color:#999}
#pun-info .imgleft{margin-top:0}
#legend{border-top:1px solid #F3F3F3;line-height:20px;height:84px;padding:10px 0}
#legend b{display:block;width:25%;float:left;padding:0 10px}
#legend b:before{content:"[ "}
#legend b:after{content:" ]"}
#content {width: 98%!important}
#indexBox .desc {
font-style: italic;
}
/* avatar index_box tròn */
.avs a.inx img {
float: left;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #DDD;
margin: 0 5px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
max-width: 200px;
max-height: 200px;
}
/* RPG sheet */
.rpgsomething {background: #fff;float: left;margin-left: 610px;}
.rpgsomething .medaldo:after, .rpgsomething .medaldo:before, .rpgsomething .pet:before, .rpgsomething .pet:after {content: '';position: absolute;width: 0;height: 0;border-bottom: 7px solid #535353;border-top: 0px solid transparent;border-left: 6px solid transparent;margin-left: -7px;margin-top: -1px;}
.rpgsomething .pet:after, .rpgsomething .medaldo:after {margin-left: 1px;border-right: 6px solid transparent;border-left: 0px solid transparent;}
.somethingpet {width: 100px;height: 100px;float: left;text-align: center;}
.tennochucaigi {display: none;position: absolute;line-height: 20px;background: rgba(0,0,0,.8);color: #fff;font-weight: bold;font-family: courier new;width: 100px;margin-top: -20px;overflow:hidden;white-space:nowrap}
.somethingpet > img:hover + .tennochucaigi, .tennochucaigi:hover {display:block}
.somethingmedal {position: absolute;width: 150px;height: 100px;overflow: hidden;overflow-y: scroll;}
.rpgsomething .medaldo {width: 150px;white-space: nowrap;}
.rpgsomething .medaldo:after {margin-left: 151px;}
.rpgsomething .medaldo img{width:38px;height:38px;border-radius:100%;box-shadow: 0px 0px 5px #000;display:inline-block}
.batlayno {padding-left:5px;padding-bottom:5px;float:left}
.tenmedal {line-height: 25px;font-weight: bold;text-align: center;width: 152px;height: 25px;background: rgba(0,0,0,.7);position: absolute;margin-left: 115px;margin-top: 35px;color: #fff;display:none}
.rpgsomething .pet,.rpgsomething .medaldo{border:1px solid #d7d7d7;margin-top:-133px;background:#fff;position:absolute;height:100px;width:100px;box-shadow:0 5px 10px #999;line-height:100px;margin-left:-322px}
.rpgsomething .medaldo{margin-left:-200px;margin-top:-148px;width:150px;white-space:nowrap}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:800px;}
a[href="/u1"] {
text-shadow: 0 0 0.2em yellow, 0 0 0.2em yellow, 0 0 0.2em yellow;
color: rgb(255,0 ,0 );
}
/*
* jQuery plugin zzImgUr ver 1.6 by zzbaivong
* http://devs.forumvi.com/
*/
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px!important}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0!important}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}
.classic,.important,.warning,.tip,.help,.info,.success,.error,.validation,.suggest{width:95%;border-radius:10px 10px;-moz-border-radius:10px 10px;-webkit-border-radius:20px 20px;-webkit-box-shadow:2px 2px 3px #999;-moz-box-shadow:2px 2px 3px #999;min-height:40px;height:40px;overflow:visible;position:relative;top:6px;left:5px;border:1px solid #999999;background-position:20px 50%;background-repeat:no-repeat;text-align:justify;margin:10px 0px 15px 5px;padding:25px 20px 15px 80px}
.classic{background-color:#EEF;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/note10.png)}
.important{background-color:#FFC;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png)}
.warning{background-color:#FDD;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png)}
.tip{background-color:#E4F6F8;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png)}
.help{background-color:#D8F3C9;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png)}
.info{background-color:#BDE5F8;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png)}
.success{background-color:#DFF2BF;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png)}
.error{background-color:#FFBABA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png)}
.validation{background-color:#FFCCBA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png)}
.suggest{background-color:#F1AF84;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png)}
#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ffffff none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ffffff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
/* fb_Vote - DEVs.forumvi.com */
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:2em;float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{background:#FFF;position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
#content-container div#container {background:#fff}
#mudimPanel{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background:url(http://c3zone.forumj.net/users/1214/94/30/93/album/rib10.png) center right no-repeat ,url(http://c3zone.forumj.net/users/1214/94/30/93/album/ribbg10.png) center left repeat-x!important;bottom:9px!important;left:-333px!important;width:330px!important;height:45px!important;font-weight:bold!important;font-size:9px!important;vertical-align:middle;border:none!important;padding:11px 37px 11px 5px !important;z-index: 100;
}
#mudimPanel:hover{left:0!important;}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
#cssmenu {
background: #5bcdf7;
width: auto;
}
#cssmenu ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
display: block;
zoom: 1;
}
#cssmenu ul:after {
content: ' ';
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
#cssmenu ul li {
float: left;
display: block;
padding: 0;
}
#cssmenu ul li a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 15px 25px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: relative;
-webkit-transition: color .25s;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
transition: color .25s;
}
#cssmenu ul li a:hover {
color: #333333;
}
#cssmenu ul li a:hover:before {
width: 100%;
}
#cssmenu ul li a:after {
content: '';
display: block;
position: absolute;
right: -3px;
top: 19px;
height: 6px;
width: 6px;
background: #ffffff;
opacity: .5;
}
#cssmenu ul li a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #333333;
-webkit-transition: width .25s;
-moz-transition: width .25s;
-ms-transition: width .25s;
-o-transition: width .25s;
transition: width .25s;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
display: none;
}
#cssmenu ul li.active a {
color: #333333;
}
#cssmenu ul li.active a:before {
width: 100%;
}
@media screen and (max-width: 768px) {
#cssmenu ul li {
float: none;
}
#cssmenu ul li a {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu ul li a:after {
display: none;
}
#cssmenu ul li a:before {
height: 1px;
background: #ffffff;
width: 100%;
opacity: .2;
}
#cssmenu ul li.last > a:before,
#cssmenu ul li:last-child > a:before {
display: none;
}
}
#cssmenu li:hover > ul {
display: block;
}
#cssmenu li li {
display: block;
float: none;
padding: 0px;
position: relative;
width: 225px;
}
#cssmenu li ul a {
display: block;
font-size: 12px;
font-style: normal;
padding: 0px 10px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover {
background: #949494;
color: #000000;
opacity: 1.0;
filter: alpha(opacity=100);
}
#cssmenu p {
clear: left;
}
#cssmenu .active > a {
background: #1b9cff;
-webkit-box-shadow: 0 -4px 0 #1b9cff, 0 -5px 0 #59abe9, 0 -6px 0 #1b9cff;
-moz-box-shadow: 0 -4px 0 #1b9cff, 0 -5px 0 #59abe9, 0 -6px 0 #1b9cff;
box-shadow: 0 -4px 0 #1b9cff, 0 -5px 0 #59abe9, 0 -6px 0 #1b9cff;
color: #ffffff;
}
#cssmenu .active > a:hover {
color: white;
}
#cssmenu {
background: #333;
border-bottom: 4px solid #1b9bff;
font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
font-size: 12px;
}
#cssmenu ul {
text-transform: uppercase;
}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto} /* Lightbox @leandrovieira ver 0.5 */ #jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0} #jquery-lightbox a img{border:none} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto} #lightbox-container-image{padding:10px} #lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} #lightbox-container-image-box > #lightbox-nav{left:0} #lightbox-nav a{outline:none} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block} #lightbox-nav-btnPrev{left:0;float:left} #lightbox-nav-btnNext{right:0;float:right} #lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px} #lightbox-container-image-data{color:#666;padding:0 10px} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left} #lightbox-image-details-caption{font-weight:700} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em} #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
.main .main-head .page-title {
font-size: 20px;
font-weight: 400;
}
#content-container div#main {
margin-bottom: 1em;
overflow: visible;
}
.dropmenudiv a {
color: #333;
width: 220px;
margin:0 auto;
/*text-shadow: 0px -1px 0px #343a3c;*/
display:block;
font-weight:bold;
padding:5px 0;
text-decoration:none;
z-index: 999;
border-bottom: 1px dotted #999;
}
.dropmenudiv a:hover {
/*text-shadow: 0px -1px 0px #343a3c;*/
color: #555;
font-weight:bold;
z-index: 999;
text-decoration:none;
background: url(http://i55.servimg.com/u/f55/16/58/45/96/single10.gif) left center no-repeat;
text-indent: 10px;
}
#content-container div#left {float: none;margin-bottom: 10px;width: 100%;}.module.main {margin: 0!important;}
div.mekiep {
float: left;
margin-right: -1px;
overflow: hidden;
position: relative;
z-index: 100;
width:800px;
}
.tag div.active {background: #86C2F1;cursor: none;font-style: italic;position: relative;z-index: 999;}
.tag div {background: none repeat scroll 0 0 #F6F8FB;cursor: pointer;float: left;padding: 7px;}
.last { display: block;font-size: 11px;font-weight: 700;line-height: normal;outline: none;text-decoration: none;width: 116px;}
#lastest {line-height: 20px;list-style: decimal-leading-zero outside none;}.fuck ol.activea {display: block;}#lastest li {clear: both;}.fuck ol {display: none;}
.user-basic-info1 a img {
padding: 2px;
border: 1px solid #7C4A4A;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
width:192px;
height:185px;
}
.user-basic-info a img {
background-color: rgb(255, 255, 255);
padding: 2px;
border: 1px solid rgb(213, 213, 213);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
width:114px;
height:96px;
}
.user-basic-info a img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.pun .main-content {
background-color: #fff!important;
padding: 0 0 10px;
}
.poster-name{
display: none;
}
body {
line-height: 18px;
text-align: left;
background: #eee;
color: #333;
font-size: 11px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
#header {
width: 100%;
clear: both;
padding: 0px;
background: url(images/header.png) center top repeat-x;
background: #c33;
}
#banner {
width: 1024px;
clear: both;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg11.png) left bottom no-repeat;
}
#headerlogo {
width: 200px;
float: left;
height: 115px;
}
.logo {
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png);
font-size: 10px;
height: 115px;
margin-left: 2px;
margin-top: 0px;
text-align: left;
text-indent: -9999px;
transition: all .2s ease-out;
width: 330px;
z-index: 10;
}
#header-search {
float: right;
margin-top: 35px;
}
#header-search-box {
margin: 0 auto;
}
#header-search-box input {
border: 0;
float: left;
position: relative;
top: 0px;
left: 0px;
width: 300px;
margin-top: 4px;
padding: 10px;
text-indent: 20px;
color: #333;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
border: 7px solid #772f2c;
background: #fff url(http://i58.servimg.com/u/f58/18/67/94/07/search10.png) 5px center no-repeat;
}
.clear {
border-top: 1px solid transparent !important;
margin-top: -1px !important;
border-top: 0;
margin-top: 0;
clear: both;
width: 100%;
visibility: hidden;
}
.chromestyle {
font-weight: none;
height: 35px;
float: left;
z-index: 999;
margin-top: 8px;
}
.chromestyle ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0 2px 0 0;
float: left;
}
.chromestyle ul li {
float: left;
}
.chromestyle ul li a {
color: #fff;
display: block;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 27px;
padding: 0px 9px 8px 9px;
font-weight: bold;
text-decoration: none;
margin-left: 3px;
}
.chromestyle:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#wrapper {
text-align: left;
font-size: 12px;
margin: 0px auto;
text-align: left;
width: 1024px;
}
#footer {
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 5px solid #772f2c;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #fff;
background: #222 url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg10.png) 800px 60px no-repeat;
}
#footer #head {
background: #c33;
width: 100%;
border-bottom: 1px solid #000;
}
#footer #head #inner {
margin: 0 auto;
width: 1024px;
padding: 0;
}
#footer #head #inner #cp {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
padding: 10px 0px;
margin: 0;
}
#footer .inner {
width: 1024px;
margin: 0 auto;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #999;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png) right center no-repeat;
}
#footer .inner #contact {
float: left;
width: 400px;
margin: 10px 0px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
}
#footer .inner #thongke div, #footer .inner #contact div, #footer .inner #nav-footer div {
color: #d1d6d9;
font-size: 13px;
line-height: 21px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
#footer .inner #contact div #cp {
margin-top: -10px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
color: #f6f6f6;
text-shadow: #000 1px 1px 0;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
#footer .inner #contact #processtime {
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
font-size: 11px;
}
#footer .inner #contact div #admin {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_t10.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #mail {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f12.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #phone {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f11.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #add {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f10.png) left top no-repeat;
text-indent: 30px;
}
#tieude {
float: left;
width: 200px;
font-size: 16px;
text-align: left;
height: 30px;
text-indent: 10px;
line-height: 25px;
z-index: 1;
}
.panel {
padding: 0px;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-top: 1px solid #d7d7d7;
margin: 5px 0px 10px;
}
.panel h5 {
cursor: pointer;
margin: 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/panel10.png) center right no-repeat;
padding: 12px 0px 15px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-family: Segoe UI Light;
text-indent: 30px;
margin-right: -8px;
margin-top: -4px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000;
}
.panel h5 a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: normal;
}
.panel-content {
width: 270px;
margin: 0 auto;
line-height: 180%;
color: #333;
font-size: 11px;
padding: 0px 0px 5px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
.zcms-tab {
border: 1px solid #C4CDE0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0px 0px 0px 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/linez10.png) repeat-x scroll left bottom #FFFFFF;
}
.zcms-tab ul#mntabs {
background: #F6F7F8;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #D3D6DB;
width: 99.3%;
height: 30px;
padding: 3px;
list-style: none;
float: left;
display: block;
}
.zcms-tab ul#mntabs li {
margin: 1px 0px 0px -3px;
list-style: none;
float: left;
}
.tabs-thongbao {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/ui410.png) no-repeat 0px 0px;
padding-left: 17px;
padding-bottom: 2px;
}
.zcms-tab .products {
height: auto;
overflow: hidden;
position: relative;
margin-top: 0px;
padding: 0px 5px;
}
/* Latest topics */
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
/* Paging */
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent}
.paging a,.paging b,.paging input{font-size:14px!important;border-color:#666;border-style:solid;border-width:1px 0;padding:3px 6px;}
.paging a:hover,.paging b{background-color:#000!important;border-radius:4px 4px 4px 4px;color:#FFF;visibility:visible;margin:-1px;padding:7px;}
.paging > a:last-child{border-right:1px solid #666;}
.paging > a:nth-child(2){border-left:1px solid #666;}
.sprite-arrow_prosilver_right{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;height:10px;width:10px}
.sprite-arrow_prosilver_left{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;height:10px;width:10px}
form[name="go_page"] .forumline{background:none repeat scroll 0 0 #FFF}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
form[name="go_page"] .bginput{border:1px solid #F3F3F3;height:18px}
form[name="go_page"] .row1,form[name="go_page"] .thHead{padding:5px 0}
form[name="go_page"] .thHead{background:none repeat scroll 0 0 #666;color:#FFF}
/* Spoiler + code + quote */
.codebox{background:transparent;border:0 none;margin:0 0 10px}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox > dt{position:relative;background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center #777;color:#FFF;border:1px solid #e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px 10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;max-height:300px;overflow:auto;border:1px solid #e2e2e2}
.cont_code > code{white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler > dt{border:0;background:url(http://i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif) no-repeat 10px center #777;width:100%}
.codebox > dt:hover{color:#333;background-color:#F2F2F2}
.spoiler_content{color:#333;margin:10px 20px}
.postmain blockquote{border-color:#DDD;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important}
.postmain cite{font-size:13px;text-decoration:underline;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.postmain blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;top:10px;left:-10px}
.postmain blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
/* Lightbox @leandrovieira ver 0.5 */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
Bài viết : 618
Tài sản : 3129
Uy tín : 779
Đây thưa thím
Tìm trong CSS
- Code:
.pun table.table tr:hover td, #pun-info dd:hover {background-color: #F5F5F5!important;}
Thay thành
- Code:
.pun table.table tr td {border-color: #F2F2F2;box-shadow:0 0 0px 0 transparent;transition: 0s!important;} .pun table.table tr:hover td {border-color: #36CEFC;box-shadow:0 0 10px 0 #36CEFC;transition: all .5s ease-in-out!important;} #pun-info dd:hover {background-color: #F5F5F5!important;}