CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» 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

Go down

[Help] lỗi box con auto 2 cột[✔] Empty [Help] lỗi box con auto 2 cột[✔]

Bài gửi by Rain Sounds 30/11/2014, 9:52 am

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:
[Help] lỗi box con auto 2 cột[✔] 2zjb3th
http://chinhphucit1.forumvi.com/
Rain Sounds
Rain Sounds
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 10/07/2014
Số bài : 22
CPP : -12
Châm ngôn sống : Trong tim anh có một phần là của em

http://sinhvienit.info

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by handsomevip007 30/11/2014, 10:40 am

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
Thay bằng
Code:
#indexBox .desc>img:first-child, #pun-info .imgleft
Tìm tiếp đoạn này
Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
Thay bằng
Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
Rose
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by Rain Sounds 30/11/2014, 10:47 am

handsomevip007 đã viế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
Thay bằng
Code:
#indexBox .desc>img:first-child, #pun-info .imgleft
Tìm tiếp đoạn này
Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
Thay bằng
Code:
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 165px;
}
Rose

minh lam theo roi nhung van con loi hand oi
Rain Sounds
Rain Sounds
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 10/07/2014
Số bài : 22
CPP : -12
Châm ngôn sống : Trong tim anh có một phần là của em

http://sinhvienit.info

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by handsomevip007 30/11/2014, 11:20 am

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;
}
Rose
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by Rain Sounds 30/11/2014, 11:31 am

đã xóa nhưng vẫn còn lỗi hand ơi Buồn

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}


Rain Sounds
Rain Sounds
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 10/07/2014
Số bài : 22
CPP : -12
Châm ngôn sống : Trong tim anh có một phần là của em

http://sinhvienit.info

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by handsomevip007 30/11/2014, 4:19 pm

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}
Rose
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by Rain Sounds 30/11/2014, 4:29 pm

<3 thanks hand nhiều lắm
Rain Sounds
Rain Sounds
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 10/07/2014
Số bài : 22
CPP : -12
Châm ngôn sống : Trong tim anh có một phần là của em

http://sinhvienit.info

Về Đầu Trang Go down

[Help] lỗi box con auto 2 cột[✔] Empty Re: [Help] lỗi box con auto 2 cột[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết