Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by NgocPRO 6/11/2024, 8:37 am
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
[Help] lỗi box con auto 2 cột[✔]
2 posters
Trang 1 trong tổng số 1 trang
[Help] lỗi box con auto 2 cột[✔]
mấy bạn xem giúp mình mấy cái box con nó bị lỗi vậy nè...fix giúp mình với
demo:
http://chinhphucit1.forumvi.com/
demo:
http://chinhphucit1.forumvi.com/
Re: [Help] lỗi box con auto 2 cột[✔]
Tìm đoạn này trong CSS, hình như có tới 2 chỗ
- Code:
#indexBox .desc img:first-child, #pun-info .imgleft
- Code:
#indexBox .desc>img:first-child, #pun-info .imgleft
- Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
- Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
Re: [Help] lỗi box con auto 2 cột[✔]
handsomevip007 đã viết:Tìm đoạn này trong CSS, hình như có tới 2 chỗThay bằng
- Code:
#indexBox .desc img:first-child, #pun-info .imgleft
Tìm tiếp đoạn này
- Code:
#indexBox .desc>img:first-child, #pun-info .imgleft
Thay bằng
- Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
- Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
minh lam theo roi nhung van con loi hand oi
Re: [Help] lỗi box con auto 2 cột[✔]
Tìm đoạn này trong CSS và xoá đi
- Code:
#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;
}
Re: [Help] lỗi box con auto 2 cột[✔]
đã xóa nhưng vẫn còn lỗi hand ơi
CSS của mình đây :
CSS của mình đây :
- Code:
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
#go_top{background-color:#E52A49;bottom:30px;color:#FFF;display:block;opacity:.3;padding:5px 10px;position:fixed;right:-130px;text-decoration:none}
#go_top:hover{opacity:1}
#go_top{-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;-webkit-transition:all .3s ease 0;transition:all .3s ease 0}
span[style="color:#FF0000"]:before{content: url(http://i38.servimg.com/u/f38/16/18/15/10/do110.gif);}
span[style="color:#FF0000"]:after{content: url(http://i38.servimg.com/u/f38/16/18/15/10/do210.gif);}
span[style="color:#EB9705"]:before{content: url(http://i59.servimg.com/u/f59/19/06/94/12/qs11011.gif);}
span[style="color:#EB9705"]:after{content: url(http://i59.servimg.com/u/f59/19/06/94/12/qs21011.gif);}
span[style="color:#009E0B"]:before{content: url(http://i59.servimg.com/u/f59/19/06/94/12/king1110.gif);}
span[style="color:#009E0B"]:after{content: url(http://i59.servimg.com/u/f59/19/06/94/12/king2110.gif);}
span[style="color:#1D00C4"]:before{content: url(http://i40.servimg.com/u/f40/17/60/05/62/mem10.gif);}
span[style="color:#FF00AE"]:before{content: url(http://i40.servimg.com/u/f40/17/80/99/65/vip10.gif);}
span[style="color:#5C5C5C"]:before{content: url(http://i15.servimg.com/u/f15/17/80/99/65/mods10.gif);}
span[style="color: #000000"],span[style="color:#050000"]{text-decoration:line-through;}
div#textarea_content.posting-block {
width: 98%;
}
/* Zzpreview by devs.forumvi.com */
#Zzpreview_overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.85);z-index:999}
#Zzpreview_post{width:700px;min-height:300px;max-height:500px;overflow:auto;background:#FFF;border:3px solid #333;margin:0 auto;padding:10px 20px}
#Zzpreview_overlay > p.h2{height:40px;line-height:40px;background:#111;border-bottom:3px solid #0085FF;margin-bottom:30px;text-align:right}
#Zzpreview_overlay .Zzpreview_title{font-weight:700;display:block;background:#0085FF;color:#FFF;font-size:1.23em;margin:0 10px;padding:0 15px}
#Zzpreview_overlay > div.center > input.Zzpreview_button{border:1px solid;height:34px!important;line-height:32px;color:#FFF;background:#0085FF;margin:10px;padding:0 15px!important}
#Zzpreview_overlay > div.center > input.Zzpreview_button:hover{cursor:pointer;background:#444}
#Zzpreview_overlay .Zzpreview_close{display:inline-block;height:40px;background:red;color:#FFF;font-weight:700;padding:0 15px}
.Zzpreview_close:hover,.Zzpreview_get:hover{color:#FF0;cursor:pointer}
#Zzpreview_post ol,#Zzpreview_post ul{margin-left:30px}
#chatbox_header, #chatbox_members, #chatbox, #chatbox_footer {
display: none;
}
/*---mobile-metro-style-by Quân Ligerv---*/
@media screen and (max-width: 800px) {
#page-body{background-color:#f6f6f6;}
.mobile_title.application_header{background:#43A6DF;}
.form_login{margin-top:30px;}
.inputTxtContainer{background:none;border:none;margin-top:0;}
.inputTxtContainer .inputTxt{background-color:#FFF!important;line-height:1.4;font-size:16px;display:block;width:97%;border:1px solid #E4E4E4;padding:.4em;}
.autologin{position:relative;z-index:100;}
.autologin label{margin-left:10px;}
#checkbox_autologin{z-index:101;line-height:31px;height:31px;margin-left:10px;}
#checkbox_autologin:after{content:" ";height:31px;width:100%;position:absolute;background:#fff;left:0;z-index:-1;border:1px solid #E4E4E4;top:0;}
.defaultBtn{width:100%;min-height:31px;background:#505558;border-radius:0;}
.mobile_set{background:#2E3539;}
.mobile_item{border:none;border-top:1px solid #e4e4e4;background:#fff;}
.mobile_item:hover{background:#f2f2f2;}
.forum_no_new,.cat_no_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_10.png) no-repeat scroll 0 50%;}
.forum_new,.cat_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_11.png) no-repeat scroll 0 50%;}
.forum_locked{background:url(http://i76.servimg.com/u/f76/15/23/22/46/rsz_re10.png) no-repeat scroll 5px 50%;background-size:25px 25px;}
.mobile_item_link_content{background:url(http://i76.servimg.com/u/f76/15/23/22/46/go10.png) no-repeat scroll 100% 50%;padding:0 2.5em 0 45px;}
.mobile_title{background:#2E3539;border-bottom:1px solid #5e5e5e;}
.mobile_prev_button,.mobile_next_button{border:none;box-shadow:none;width:24px;height:24px;background-image:url(http://i76.servimg.com/u/f76/15/23/22/46/metro-11.png);border-radius:0;background-color:transparent;background-position:-84px 50%;margin:3px;}
.mobile_next_button div,.mobile_next_button p,.mobile_prev_button p,.mobile_prev_button div{display:none;}
.post{background:#FFF;border-bottom:solid 1px #E4E4E4;}
.postbody .post_header{background-color:#F2F2F2;background-image:none;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;border-right:none;border-left:none;color:#3e3e3e;font-weight:700;text-shadow:0 1px 1px #fff;}
blockquote{border-radius:0;border-color:#ccc;}
blockquote cite{border-radius:0;}
.spoiler_title{background:none;border-radius:0;color:#fff;}
.spoiler_content.hidden,.codebox code{background:#4e4e4e;border-radius:0;border:1px solid #555;}
.spoiler,.codebox{background:#2E3539;border-radius:0;color:#fff;border:0;}
.mobile_prev_button{background-position:-112px 50%;}
}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/* zzRedirects v3 - devs.forumvi.com */
#redirects{background:#FFF;width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
.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}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background: rgba(39, 64, 139, 0.8);
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
}
.pun .main-content {
background: #ebf0f3!important;
padding: 9px!important;
border: 1px solid #ddd!important;
}
.popupInner h3 {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://i56.servimg.com/u/f56/18/74/59/53/highli10.png') repeat-x 0 0;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
}
#pun-foot h3 {
margin-top: 0px;
text-align: center;
}
.popupWrapper {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);border-radius: 5px 5px 5px 5px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);padding: 8px;}.ipbfs_login .ipsForm_submit {margin-top: 0;}.ipbfs_login .ipsBox_notice {margin: 0;}.ipbfs_login .input_submit {font-size: 13px;}#sign_in_popup_inner {width: 680px !important;}
.popupInner {background: white;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}.ipsBox_notice {line-height: 1.6;margin-bottom: 10px;padding: 10px;}.ipsBox_notice, .ipsBox_highlight {background: none repeat scroll 0 0 #F4FCFF;border-bottom: 1px solid #CAE9F5;}.ipbfs_login_row {overflow: hidden;}.ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {border-top: 0 none;}.ipbfs_login_col {float: left;padding: 15px 10px;width: 314px;}.desc.lighter, .desc.lighter.blend_links a {color: #646464;}.desc, .desc.blend_links a, p.posted_info {color: #898989;font-size: 11px;}.right {float: right;}.ipbfs_login_col a:hover {text-decoration: underline;}.ipbfs_login_row label {font-size: 1.15em;}input:-moz-placeholder {color: #939393;}.ipbfs_luser {background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/user1010.png") !important;background-position: 7px 50% !important;background-repeat: no-repeat !important;}.ipbfs_login_input {font-size: 14px !important;margin-top: 10px;padding: 6px 0 6px 28px !important;width: 284px;}.ipbfs_lpassword {background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/key1010.png");background-position: 7px 50%;background-repeat: no-repeat;}.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}.left {float: left;}img, .input_check, .input_radio {vertical-align: middle;}.ipsForm_center {text-align: center !important;}.ipsForm_submit {margin-top: 25px;padding: 5px 10px;text-align: right;}.clear {clear: both;}#vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {background: #f4f4f4;border-top: 1px solid #ddd;}.popupClose {position: absolute;right: 20px;top: 20px;}.clickable {cursor: pointer;}.input_submit, .ipsButton_secondary {outline: medium none;}.input_submit {background: url("http://i57.servimg.com/u/f57/17/68/86/50/highli13.png") repeat-x scroll 0 0 #646464;border-color: #3F3F3F;border-radius: 2px 2px 2px 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);border: 0 none;cursor: pointer;padding: 5px 11px;text-decoration: none;}.pun h2, .pun h3, .pun input, .pun select, .pun th {font-family: helvetica,arial,sans-serif !important;font-size: 1em;font-style: normal;font-variant: normal;font-weight: 400;}
.pun .postfoot .user-contact {
float: left;
text-align: left;
width: 15em;
}
.postfoot {
border-top: 0;
margin-left: -14em;
}
.pun .post {
background: #fff;
border: 1px solid #dbe4ef;
}
.pun .post {
border-color: #eee #fff #ccc;
border-style: solid none;
border-width: 2px 0 1px;
}.post h3 {
background: #D8DDE8;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 10px;
}
span.post_id {
margin-left: 4px;
}
.desc.blend_links a {
color: #777;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.post_id a img.small {
margin-left: 3px;
margin-top: -2px;
max-height: 12px;
opacity: .5;
}
.post h3 {
font-size: 16px;
font-weight: 400;
line-height: 36px;
}.pun .postmain {
background-color: #fff;
border-left: 0;
margin-left: 14em;
}.pun .post .user {
font-size: 12px;
line-height: 150%;
margin-left: -170px;
margin-top: -.6em;
text-align: center;
width: 155px;
}.pun .user .user-ident {
font-size: 12px;
padding: 0 0 .7em;
}.pun .user .user-ident .user-basic-info {
color: #a4a4a4;
font-size: 11px;
font-weight: 400;
text-align: center;
}.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);
}.user-basic-info a img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 90px;
padding: 1px;
width: 90px;
}
.main .main-foot, .main .main-head {
color: #fff;
padding: 20px 16px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
background-color: #645d57;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr11.jpg);
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
}.statistics_head {
font-size: 11px;
font-weight: bold;
margin: -8px -8px 8px -8px;
}.statistics_head, .statistics_head a, .poll h3 .desc {
color: #727272;
}.statistics_head {
border-bottom: 1px solid #e3e3e3;
padding: 12px;
text-transform: uppercase;
}#stat_links {
font-weight: normal;
}#stat_links a {
font-size: 10px;
margin: 0 5px;
}.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #777;
}.nexusad {
padding: 10px;
clear: both;
}
.statround {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #EEE url(http://i43.servimg.com/u/f43/17/43/09/69/tcat10.png) repeat-x;
border: 1px solid #CBCBCB;
border-radius: 2px;
color: #777;
margin-left: 20px;
margin-right: 4px;
padding: 4px 10px;
text-shadow: 1px 1px 0 #FAFAFA;
}
#pun-about {
display:none;}
/* 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}
.main .main-foot{background:transparent;color:#999;padding:.7em 0}
#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-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 mới";font-style:italic}
.statusAva{float:left;height:50px;margin:-5px 5px}
#indexBox .statusAva{margin:5px}
.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:" ]"}
#indexBox tr:hover .desc img:first-child, #pun-info dd:hover .imgleft {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.pun .main table.table td {
background: #FFF;
border-style: solid;
border-width: 1px 0 0;
line-height: 20px;
}
body, .noBackgroundBlur .col_c_icon img, .noBackgroundBlur .maintitle {
background-color: #c1b2ab;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr12.jpg);
}
body, .noBackgroundBlur .col_c_icon img, .noBackgroundBlur .maintitle {
background-repeat: no-repeat;
background-position: 50% 0;
background-attachment: fixed;
}
body {
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
#user_navigation a:hover {
background: rgba(0,0,0,0.2);
}
.wrapper {
margin: 0 auto;
width: 96%;
min-width: 990px;
max-width: 1500px;
}
#branding {
height: 90px;
}
#logo {
float: left;
}
#logo a.textLogo {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 2px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans110.png") repeat;
background: rgba(30,30,30,0.15);
height: 90px;
line-height: 90px;
padding: 0 20px;
font-weight: 300;
font-size: 24px;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
display: block;
text-decoration: none;
min-width: 205px;
text-align: center;
}
#search {
margin: 27px 0 0 0;
}
.right {
float: right;
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
#adv_search {
width: 36px;
height: 36px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: none;
}
a {
color: #9e8677;
text-decoration: none;
}
#search_wrap {
position: relative;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans610.png") repeat;
background: rgba(30,30,30,0.6);
display: block;
padding: 0 36px 0 7px;
height: 36px;
line-height: 35px;
min-width: 260px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
}
#main_search {
font-size: 12px;
margin-top: 10px;
border: 0;
padding: 0;
background: transparent;
width: 158px;
outline: 0;
color: #fff;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 30px;
line-height: 30px;
margin: 3px 3px 3px 0;
padding: 0 6px;
background: rgba(255,255,255,0.05);
color: #eee;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search_options_menucontent {
min-width: 130px;
white-space: nowrap;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
#search .submit_input {
background: url('http://i56.servimg.com/u/f56/18/74/59/53/search10.png') no-repeat 50%;
background-color: rgba(255,255,255,0.1);
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.backgroundBlur #userBar, .backgroundBlur #shadowWrap, .backgroundBlur .col_c_icon img, .backgroundBlur .maintitle, .backgroundBlur #footer_utilities, .backgroundBlur .pagination .pages li.active, .backgroundBlur .post_block h3 {
background-color: #645d57;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr11.jpg);
}
.backgroundBlur #userBar, .backgroundBlur #shadowWrap, .backgroundBlur .col_c_icon img, .backgroundBlur .maintitle, .backgroundBlur #footer_utilities, .backgroundBlur .pagination .pages li.active, .backgroundBlur .post_block h3 {
background-repeat: no-repeat;
background-position: 50% 0;
background-attachment: fixed;
}
#shadowWrap {
-webkit-box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
}
#sideNav {
width: 245px;
}
#sideNav {
float: left;
}
#sideNav h4 {
display: block;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #fff;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans310.png") repeat;
background: rgba(0,0,0,0.3);
margin: 0;
padding: 16px 0 16px 20px;
position: relative;
}
#user_navigation {
display: block;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
overflow: hidden;
}
#user_navigation ul li {
margin: 0;
padding: 0;
display: block;
}
#user_navigation a {
color: #fff;
display: block;
padding: 0 0 0 20px;
line-height: 36px;
outline: none;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#sideNav h4 .sideShow {
display: none;
}
#sideNav h4 .sideShow, #sideNav h4 .sideToggle.collapsed {
background-position: 50% 0;
}
#sideNav h4 .sideToggle, #sideNav h4 .sideHide, #sideNav h4 .sideShow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 46px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/sidena10.png") no-repeat 50% -46px;
cursor: pointer;
}
#sideNav h4 .sideHide {
display: block;
}
.sideLinks li, #community_app_menu>li {
margin: 0;
position: relative;
display: block;
float: none;
}
.sideLinks a, #community_app_menu>li>a {
color: #ddd;
color: rgba(255,255,255,0.75);
display: block;
outline: none;
padding-left: 20px;
line-height: 40px;
}
#changeBackgroundLink a:before, #socialSideLinks a:before, #primary_nav a:before {
content: "";
display: inline-block;
position: relative;
width: 17px;
height: 16px;
margin-right: 10px;
top: 4px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/navico11.png") no-repeat 0 0;
opacity: 0.7;
}
#nav_home a:before {
background-position: 0 -16px;
}
#community_app_menu>li.active>a {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/transw10.png") repeat;
background: rgba(255,255,255,0.1);
color: #fff;
position: relative;
}
#changeBackgroundLink a:hover:before, #socialSideLinks a:hover:before, #primary_nav li.active a:before, #primary_nav a:hover:before {
opacity: 1;
}
#nav_app_forums a:before {
background-position: 0 -32px;
}
#nav_app_members a:before {
background-position: 0 -48px;
}
#nav_app_calendar a:before {
background-position: 0 -80px;
}
#nav_app_downloads a:before {
background-position: 0 -128px;
}
#nav_app_blog a:before {
background-position: 0 -64px;
}
#nav_app_nexus a:before {
background-position: 0 -160px;
}
#nav_app_gallery a:before {
background-position: 0 -144px;
}
#nav_app_ccs a:before {
background-position: 0 -112px;
}
#nav_search a:before {
background-position: 0 -304px;
}
#nav_app_rules a:before {
background-position: 0 -176px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.sideLinks li, #community_app_menu>li {
margin: 0;
position: relative;
display: block;
float: none;
}
.sideLinks a, #community_app_menu>li>a {
color: #ddd;
color: rgba(255,255,255,0.75);
display: block;
outline: none;
padding-left: 20px;
line-height: 40px;
}
#sideFacebook a:before {
background-position: 0 -192px;
}
#sideTwitter a:before {
background-position: 0 -208px;
}
#sideYoutube a:before {
background-position: 0 -224px;
}
#sideGoogle a:before {
background-position: 0 -240px;
}
#sideVimeo a:before {
background-position: 0 -256px;
}
#sidePinterest a:before {
background-position: 0 -272px;
}
#sideFlickr a:before {
background-position: 0 -288px;
}
#mainContent {
margin-left: 245px;
}
#mainContent {
background: #fff;
margin-left: 180px;
overflow-x: hidden;
}
#nav_wrap {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/second10.png") repeat-x 0 0;
border-bottom: 1px solid #dbdbdb;
}
#secondary_navigation {
overflow: hidden;
line-height: 45px;
}
.left {
float: left;
}
#secondary_navigation #breadcrumb li {
float: left;
}
.breadcrumb li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -18px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/second11.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}
#secondary_navigation a {
color: #757575;
line-height: 45px;
height: 45px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 7px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/second11.png') no-repeat 100% 0;
}
#secondary_links {
overflow: hidden;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links span, #secondary_links a {
padding: 0 12px;
display: block;
border-left: 1px solid #eaeaea;
cursor: pointer;
}
#secondary_navigation a {
color: #757575;
line-height: 45px;
height: 45px;
}
#secondary_links span, #secondary_links a {
padding: 0 12px;
display: block;
border-left: 1px solid #eaeaea;
cursor: pointer;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 14px -1px 0 -1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#content {
padding: 10px;
line-height: 120%;
}
#secondary_navigation #breadcrumb li a:hover {
background-position: 0 -45px;
}
.sideLinks a:hover, #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans210.png") repeat;
background: rgba(0,0,0,0.2);
color: #fff;
}
#sideNav h4 .sideShow:hover, #sideNav h4 .sideHide:hover, #sideNav h4 .sideToggle:hover {
background-color: rgba(0,0,0,0.2);
}
#logo a.textLogo:hover {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans210.png") repeat;
background: rgba(30,30,30,0.25);
}
.skin_link {
float: left;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#footer_utilities {
padding: 40px 16px;
position: relative;
margin-top: 10px;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
}
/*-----------Last Topic ------*/
/* 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}
Re: [Help] lỗi box con auto 2 cột[✔]
- Code:
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
#go_top{background-color:#E52A49;bottom:30px;color:#FFF;display:block;opacity:.3;padding:5px 10px;position:fixed;right:-130px;text-decoration:none}
#go_top:hover{opacity:1}
#go_top{-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;-webkit-transition:all .3s ease 0;transition:all .3s ease 0}
span[style="color:#FF0000"]:before{content: url(http://i38.servimg.com/u/f38/16/18/15/10/do110.gif);}
span[style="color:#FF0000"]:after{content: url(http://i38.servimg.com/u/f38/16/18/15/10/do210.gif);}
span[style="color:#EB9705"]:before{content: url(http://i59.servimg.com/u/f59/19/06/94/12/qs11011.gif);}
span[style="color:#EB9705"]:after{content: url(http://i59.servimg.com/u/f59/19/06/94/12/qs21011.gif);}
span[style="color:#009E0B"]:before{content: url(http://i59.servimg.com/u/f59/19/06/94/12/king1110.gif);}
span[style="color:#009E0B"]:after{content: url(http://i59.servimg.com/u/f59/19/06/94/12/king2110.gif);}
span[style="color:#1D00C4"]:before{content: url(http://i40.servimg.com/u/f40/17/60/05/62/mem10.gif);}
span[style="color:#FF00AE"]:before{content: url(http://i40.servimg.com/u/f40/17/80/99/65/vip10.gif);}
span[style="color:#5C5C5C"]:before{content: url(http://i15.servimg.com/u/f15/17/80/99/65/mods10.gif);}
span[style="color: #000000"],span[style="color:#050000"]{text-decoration:line-through;}
div#textarea_content.posting-block {
width: 98%;
}
/* Zzpreview by devs.forumvi.com */
#Zzpreview_overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.85);z-index:999}
#Zzpreview_post{width:700px;min-height:300px;max-height:500px;overflow:auto;background:#FFF;border:3px solid #333;margin:0 auto;padding:10px 20px}
#Zzpreview_overlay > p.h2{height:40px;line-height:40px;background:#111;border-bottom:3px solid #0085FF;margin-bottom:30px;text-align:right}
#Zzpreview_overlay .Zzpreview_title{font-weight:700;display:block;background:#0085FF;color:#FFF;font-size:1.23em;margin:0 10px;padding:0 15px}
#Zzpreview_overlay > div.center > input.Zzpreview_button{border:1px solid;height:34px!important;line-height:32px;color:#FFF;background:#0085FF;margin:10px;padding:0 15px!important}
#Zzpreview_overlay > div.center > input.Zzpreview_button:hover{cursor:pointer;background:#444}
#Zzpreview_overlay .Zzpreview_close{display:inline-block;height:40px;background:red;color:#FFF;font-weight:700;padding:0 15px}
.Zzpreview_close:hover,.Zzpreview_get:hover{color:#FF0;cursor:pointer}
#Zzpreview_post ol,#Zzpreview_post ul{margin-left:30px}
#chatbox_header, #chatbox_members, #chatbox, #chatbox_footer {
display: none;
}
/*---mobile-metro-style-by Quân Ligerv---*/
@media screen and (max-width: 800px) {
#page-body{background-color:#f6f6f6;}
.mobile_title.application_header{background:#43A6DF;}
.form_login{margin-top:30px;}
.inputTxtContainer{background:none;border:none;margin-top:0;}
.inputTxtContainer .inputTxt{background-color:#FFF!important;line-height:1.4;font-size:16px;display:block;width:97%;border:1px solid #E4E4E4;padding:.4em;}
.autologin{position:relative;z-index:100;}
.autologin label{margin-left:10px;}
#checkbox_autologin{z-index:101;line-height:31px;height:31px;margin-left:10px;}
#checkbox_autologin:after{content:" ";height:31px;width:100%;position:absolute;background:#fff;left:0;z-index:-1;border:1px solid #E4E4E4;top:0;}
.defaultBtn{width:100%;min-height:31px;background:#505558;border-radius:0;}
.mobile_set{background:#2E3539;}
.mobile_item{border:none;border-top:1px solid #e4e4e4;background:#fff;}
.mobile_item:hover{background:#f2f2f2;}
.forum_no_new,.cat_no_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_10.png) no-repeat scroll 0 50%;}
.forum_new,.cat_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_11.png) no-repeat scroll 0 50%;}
.forum_locked{background:url(http://i76.servimg.com/u/f76/15/23/22/46/rsz_re10.png) no-repeat scroll 5px 50%;background-size:25px 25px;}
.mobile_item_link_content{background:url(http://i76.servimg.com/u/f76/15/23/22/46/go10.png) no-repeat scroll 100% 50%;padding:0 2.5em 0 45px;}
.mobile_title{background:#2E3539;border-bottom:1px solid #5e5e5e;}
.mobile_prev_button,.mobile_next_button{border:none;box-shadow:none;width:24px;height:24px;background-image:url(http://i76.servimg.com/u/f76/15/23/22/46/metro-11.png);border-radius:0;background-color:transparent;background-position:-84px 50%;margin:3px;}
.mobile_next_button div,.mobile_next_button p,.mobile_prev_button p,.mobile_prev_button div{display:none;}
.post{background:#FFF;border-bottom:solid 1px #E4E4E4;}
.postbody .post_header{background-color:#F2F2F2;background-image:none;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;border-right:none;border-left:none;color:#3e3e3e;font-weight:700;text-shadow:0 1px 1px #fff;}
blockquote{border-radius:0;border-color:#ccc;}
blockquote cite{border-radius:0;}
.spoiler_title{background:none;border-radius:0;color:#fff;}
.spoiler_content.hidden,.codebox code{background:#4e4e4e;border-radius:0;border:1px solid #555;}
.spoiler,.codebox{background:#2E3539;border-radius:0;color:#fff;border:0;}
.mobile_prev_button{background-position:-112px 50%;}
}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/* zzRedirects v3 - devs.forumvi.com */
#redirects{background:#FFF;width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
.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}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background: rgba(39, 64, 139, 0.8);
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
}
.pun .main-content {
background: #ebf0f3!important;
padding: 9px!important;
border: 1px solid #ddd!important;
}
.popupInner h3 {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://i56.servimg.com/u/f56/18/74/59/53/highli10.png') repeat-x 0 0;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
}
#pun-foot h3 {
margin-top: 0px;
text-align: center;
}
.popupWrapper {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);border-radius: 5px 5px 5px 5px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);padding: 8px;}.ipbfs_login .ipsForm_submit {margin-top: 0;}.ipbfs_login .ipsBox_notice {margin: 0;}.ipbfs_login .input_submit {font-size: 13px;}#sign_in_popup_inner {width: 680px !important;}
.popupInner {background: white;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}.ipsBox_notice {line-height: 1.6;margin-bottom: 10px;padding: 10px;}.ipsBox_notice, .ipsBox_highlight {background: none repeat scroll 0 0 #F4FCFF;border-bottom: 1px solid #CAE9F5;}.ipbfs_login_row {overflow: hidden;}.ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {border-top: 0 none;}.ipbfs_login_col {float: left;padding: 15px 10px;width: 314px;}.desc.lighter, .desc.lighter.blend_links a {color: #646464;}.desc, .desc.blend_links a, p.posted_info {color: #898989;font-size: 11px;}.right {float: right;}.ipbfs_login_col a:hover {text-decoration: underline;}.ipbfs_login_row label {font-size: 1.15em;}input:-moz-placeholder {color: #939393;}.ipbfs_luser {background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/user1010.png") !important;background-position: 7px 50% !important;background-repeat: no-repeat !important;}.ipbfs_login_input {font-size: 14px !important;margin-top: 10px;padding: 6px 0 6px 28px !important;width: 284px;}.ipbfs_lpassword {background-image: url("http://i57.servimg.com/u/f57/17/68/86/50/key1010.png");background-position: 7px 50%;background-repeat: no-repeat;}.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}.left {float: left;}img, .input_check, .input_radio {vertical-align: middle;}.ipsForm_center {text-align: center !important;}.ipsForm_submit {margin-top: 25px;padding: 5px 10px;text-align: right;}.clear {clear: both;}#vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {background: #f4f4f4;border-top: 1px solid #ddd;}.popupClose {position: absolute;right: 20px;top: 20px;}.clickable {cursor: pointer;}.input_submit, .ipsButton_secondary {outline: medium none;}.input_submit {background: url("http://i57.servimg.com/u/f57/17/68/86/50/highli13.png") repeat-x scroll 0 0 #646464;border-color: #3F3F3F;border-radius: 2px 2px 2px 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);border: 0 none;cursor: pointer;padding: 5px 11px;text-decoration: none;}.pun h2, .pun h3, .pun input, .pun select, .pun th {font-family: helvetica,arial,sans-serif !important;font-size: 1em;font-style: normal;font-variant: normal;font-weight: 400;}
.pun .postfoot .user-contact {
float: left;
text-align: left;
width: 15em;
}
.postfoot {
border-top: 0;
margin-left: -14em;
}
.pun .post {
background: #fff;
border: 1px solid #dbe4ef;
}
.pun .post {
border-color: #eee #fff #ccc;
border-style: solid none;
border-width: 2px 0 1px;
}.post h3 {
background: #D8DDE8;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 10px;
}
span.post_id {
margin-left: 4px;
}
.desc.blend_links a {
color: #777;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.post_id a img.small {
margin-left: 3px;
margin-top: -2px;
max-height: 12px;
opacity: .5;
}
.post h3 {
font-size: 16px;
font-weight: 400;
line-height: 36px;
}.pun .postmain {
background-color: #fff;
border-left: 0;
margin-left: 14em;
}.pun .post .user {
font-size: 12px;
line-height: 150%;
margin-left: -170px;
margin-top: -.6em;
text-align: center;
width: 155px;
}.pun .user .user-ident {
font-size: 12px;
padding: 0 0 .7em;
}.pun .user .user-ident .user-basic-info {
color: #a4a4a4;
font-size: 11px;
font-weight: 400;
text-align: center;
}.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);
}.user-basic-info a img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 90px;
padding: 1px;
width: 90px;
}
.main .main-foot, .main .main-head {
color: #fff;
padding: 20px 16px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
background-color: #645d57;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr11.jpg);
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
}.statistics_head {
font-size: 11px;
font-weight: bold;
margin: -8px -8px 8px -8px;
}.statistics_head, .statistics_head a, .poll h3 .desc {
color: #727272;
}.statistics_head {
border-bottom: 1px solid #e3e3e3;
padding: 12px;
text-transform: uppercase;
}#stat_links {
font-weight: normal;
}#stat_links a {
font-size: 10px;
margin: 0 5px;
}.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #777;
}.nexusad {
padding: 10px;
clear: both;
}
.statround {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #EEE url(http://i43.servimg.com/u/f43/17/43/09/69/tcat10.png) repeat-x;
border: 1px solid #CBCBCB;
border-radius: 2px;
color: #777;
margin-left: 20px;
margin-right: 4px;
padding: 4px 10px;
text-shadow: 1px 1px 0 #FAFAFA;
}
#pun-about {
display:none;}
/* 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}
.main .main-foot{background:transparent;color:#999;padding:.7em 0}
#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-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 mới";font-style:italic}
.statusAva{float:left;height:50px;margin:-5px 5px}
#indexBox .statusAva{margin:5px}
.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:" ]"}
#indexBox tr:hover .desc img:first-child, #pun-info dd:hover .imgleft {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.pun .main table.table td {
background: #FFF;
border-style: solid;
border-width: 1px 0 0;
line-height: 20px;
}
body, .noBackgroundBlur .col_c_icon img, .noBackgroundBlur .maintitle {
background-color: #c1b2ab;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr12.jpg);
}
body, .noBackgroundBlur .col_c_icon img, .noBackgroundBlur .maintitle {
background-repeat: no-repeat;
background-position: 50% 0;
background-attachment: fixed;
}
body {
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
#user_navigation a:hover {
background: rgba(0,0,0,0.2);
}
.wrapper {
margin: 0 auto;
width: 96%;
min-width: 990px;
max-width: 1500px;
}
#branding {
height: 90px;
}
#logo {
float: left;
}
#logo a.textLogo {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 2px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans110.png") repeat;
background: rgba(30,30,30,0.15);
height: 90px;
line-height: 90px;
padding: 0 20px;
font-weight: 300;
font-size: 24px;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
display: block;
text-decoration: none;
min-width: 205px;
text-align: center;
}
#search {
margin: 27px 0 0 0;
}
.right {
float: right;
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
#adv_search {
width: 36px;
height: 36px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: none;
}
a {
color: #9e8677;
text-decoration: none;
}
#search_wrap {
position: relative;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans610.png") repeat;
background: rgba(30,30,30,0.6);
display: block;
padding: 0 36px 0 7px;
height: 36px;
line-height: 35px;
min-width: 260px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
}
#main_search {
font-size: 12px;
margin-top: 10px;
border: 0;
padding: 0;
background: transparent;
width: 158px;
outline: 0;
color: #fff;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 30px;
line-height: 30px;
margin: 3px 3px 3px 0;
padding: 0 6px;
background: rgba(255,255,255,0.05);
color: #eee;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search_options_menucontent {
min-width: 130px;
white-space: nowrap;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
#search .submit_input {
background: url('http://i56.servimg.com/u/f56/18/74/59/53/search10.png') no-repeat 50%;
background-color: rgba(255,255,255,0.1);
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.backgroundBlur #userBar, .backgroundBlur #shadowWrap, .backgroundBlur .col_c_icon img, .backgroundBlur .maintitle, .backgroundBlur #footer_utilities, .backgroundBlur .pagination .pages li.active, .backgroundBlur .post_block h3 {
background-color: #645d57;
background-image: url(http://i56.servimg.com/u/f56/18/74/59/53/backgr11.jpg);
}
.backgroundBlur #userBar, .backgroundBlur #shadowWrap, .backgroundBlur .col_c_icon img, .backgroundBlur .maintitle, .backgroundBlur #footer_utilities, .backgroundBlur .pagination .pages li.active, .backgroundBlur .post_block h3 {
background-repeat: no-repeat;
background-position: 50% 0;
background-attachment: fixed;
}
#shadowWrap {
-webkit-box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.35) 0px 1px 3px;
}
#sideNav {
width: 245px;
}
#sideNav {
float: left;
}
#sideNav h4 {
display: block;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #fff;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans310.png") repeat;
background: rgba(0,0,0,0.3);
margin: 0;
padding: 16px 0 16px 20px;
position: relative;
}
#user_navigation {
display: block;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
overflow: hidden;
}
#user_navigation ul li {
margin: 0;
padding: 0;
display: block;
}
#user_navigation a {
color: #fff;
display: block;
padding: 0 0 0 20px;
line-height: 36px;
outline: none;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#sideNav h4 .sideShow {
display: none;
}
#sideNav h4 .sideShow, #sideNav h4 .sideToggle.collapsed {
background-position: 50% 0;
}
#sideNav h4 .sideToggle, #sideNav h4 .sideHide, #sideNav h4 .sideShow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 46px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/sidena10.png") no-repeat 50% -46px;
cursor: pointer;
}
#sideNav h4 .sideHide {
display: block;
}
.sideLinks li, #community_app_menu>li {
margin: 0;
position: relative;
display: block;
float: none;
}
.sideLinks a, #community_app_menu>li>a {
color: #ddd;
color: rgba(255,255,255,0.75);
display: block;
outline: none;
padding-left: 20px;
line-height: 40px;
}
#changeBackgroundLink a:before, #socialSideLinks a:before, #primary_nav a:before {
content: "";
display: inline-block;
position: relative;
width: 17px;
height: 16px;
margin-right: 10px;
top: 4px;
background: url("http://i56.servimg.com/u/f56/18/74/59/53/navico11.png") no-repeat 0 0;
opacity: 0.7;
}
#nav_home a:before {
background-position: 0 -16px;
}
#community_app_menu>li.active>a {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/transw10.png") repeat;
background: rgba(255,255,255,0.1);
color: #fff;
position: relative;
}
#changeBackgroundLink a:hover:before, #socialSideLinks a:hover:before, #primary_nav li.active a:before, #primary_nav a:hover:before {
opacity: 1;
}
#nav_app_forums a:before {
background-position: 0 -32px;
}
#nav_app_members a:before {
background-position: 0 -48px;
}
#nav_app_calendar a:before {
background-position: 0 -80px;
}
#nav_app_downloads a:before {
background-position: 0 -128px;
}
#nav_app_blog a:before {
background-position: 0 -64px;
}
#nav_app_nexus a:before {
background-position: 0 -160px;
}
#nav_app_gallery a:before {
background-position: 0 -144px;
}
#nav_app_ccs a:before {
background-position: 0 -112px;
}
#nav_search a:before {
background-position: 0 -304px;
}
#nav_app_rules a:before {
background-position: 0 -176px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.sideLinks li, #community_app_menu>li {
margin: 0;
position: relative;
display: block;
float: none;
}
.sideLinks a, #community_app_menu>li>a {
color: #ddd;
color: rgba(255,255,255,0.75);
display: block;
outline: none;
padding-left: 20px;
line-height: 40px;
}
#sideFacebook a:before {
background-position: 0 -192px;
}
#sideTwitter a:before {
background-position: 0 -208px;
}
#sideYoutube a:before {
background-position: 0 -224px;
}
#sideGoogle a:before {
background-position: 0 -240px;
}
#sideVimeo a:before {
background-position: 0 -256px;
}
#sidePinterest a:before {
background-position: 0 -272px;
}
#sideFlickr a:before {
background-position: 0 -288px;
}
#mainContent {
margin-left: 245px;
}
#mainContent {
background: #fff;
margin-left: 180px;
overflow-x: hidden;
}
#nav_wrap {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/second10.png") repeat-x 0 0;
border-bottom: 1px solid #dbdbdb;
}
#secondary_navigation {
overflow: hidden;
line-height: 45px;
}
.left {
float: left;
}
#secondary_navigation #breadcrumb li {
float: left;
}
.breadcrumb li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -18px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/second11.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}
#secondary_navigation a {
color: #757575;
line-height: 45px;
height: 45px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 7px;
background: url('http://i56.servimg.com/u/f56/18/74/59/53/second11.png') no-repeat 100% 0;
}
#secondary_links {
overflow: hidden;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links span, #secondary_links a {
padding: 0 12px;
display: block;
border-left: 1px solid #eaeaea;
cursor: pointer;
}
#secondary_navigation a {
color: #757575;
line-height: 45px;
height: 45px;
}
#secondary_links span, #secondary_links a {
padding: 0 12px;
display: block;
border-left: 1px solid #eaeaea;
cursor: pointer;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 14px -1px 0 -1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#content {
padding: 10px;
line-height: 120%;
}
#secondary_navigation #breadcrumb li a:hover {
background-position: 0 -45px;
}
.sideLinks a:hover, #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans210.png") repeat;
background: rgba(0,0,0,0.2);
color: #fff;
}
#sideNav h4 .sideShow:hover, #sideNav h4 .sideHide:hover, #sideNav h4 .sideToggle:hover {
background-color: rgba(0,0,0,0.2);
}
#logo a.textLogo:hover {
background: url("http://i56.servimg.com/u/f56/18/74/59/53/trans210.png") repeat;
background: rgba(30,30,30,0.25);
}
.skin_link {
float: left;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#footer_utilities {
padding: 40px 16px;
position: relative;
margin-top: 10px;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
}
/*-----------Last Topic ------*/
/* 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}
Similar topics
» [Thắc mắc] Auto viết hoa kí tự đầu tiên của tiêu đề
» lỗi box con auto 2 cột
» [Thắc mắc] Tại sao mem mới ko auto vào nhóm thành viên được
» Sửa Giùm em cái auto tự động cập nhật này với
» giúp 1 vài sự cố về Shop Auto
» lỗi box con auto 2 cột
» [Thắc mắc] Tại sao mem mới ko auto vào nhóm thành viên được
» Sửa Giùm em cái auto tự động cập nhật này với
» giúp 1 vài sự cố về Shop Auto
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết