share skin Consice Punbb

Code:

#pun-announcement{background:none;border:none!important;border-bottom:1px solid #ccc!important;margin:-13px -13px 14px!important;padding:0!important}
.multilingual-post{background:#fff;border:1px solid #ccc;border-radius:100%;float:left;margin:-.3% 0;padding:3px}
.default_content{float:left;padding-right:8px}
.sceditor-button-alias div{background-image:url(https://www.translationscloud.com/fa_sceditor/fa-alias-button.png)!important}
alias{background:#444;border-bottom:2px solid #6D6B6B;border-radius:2px;box-shadow:0 0 1px #fff;color:#fff;display:inline-block!important;font-size:11px;font-style:italic;padding:4px!important}
body {
   background: #eee url(https://i.imgur.com/eRGL4P9.png) repeat;
   color: #5a5a5a;
   font-family: Lato,tahoma,helvetica,arial,sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   margin: 0 auto!important;
   max-width: 1600px;
   min-width: 980px;
   position: relative;
   width: 980px;
}
.lastpost-avatar{float:left;padding:2px}
.lastpost-avatar img{-moz-border-radius:5px;border:1px solid #ccc;border-radius:50px;box-shadow:0 1px 8px #ccc;height:38px;margin-right:9px;padding:1px;width:38px}
.fa_avatar{background:#fafafa;border:1px solid #ccc;border-radius:3px;float:left;height:43px;margin-bottom:-10px;margin-right:5px;padding:1px;position:relative;right:8px;top:-3px;width:auto}
#fa_ticker_block{color:#5a5a5a!important;font-weight:700;height:40px;left:66px;margin-bottom:-45px;position:relative;top:-45px;width:684px}
#fa_ticker_block a{color:#5a5a5a!important}
#mods{background-color:#F6F6F6;border:1px solid #E3E3E3;border-left:5px solid #00a5cd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 0 0 #fff;margin:5px 0;overflow:auto;padding:10px;width:100%!important}
li{list-style:none}
hr{background-color:#ededed;border:0 solid #ddd;color:#ededed;height:1px;margin:9px -11px}
.frm-form{background-color:transparent!important}
a{color:#333;text-decoration:none!important}
a:hover{color:#111}
::-moz-selection{background:#82b8e6;color:#fff}
::selection{background:#82b8e6;color:#fff}
.pun{-moz-border-radius:3px;-moz-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:rgba(0,0,0,0.06) 0 1px 6px;margin-left:84px;min-height:780px;padding:10px;width:874px!important}
#pun-visit{display:none}
.main-head{background:none!important;border-bottom:1px solid #ccc!important;color:#111!important;font-family:Lato!important;font-size:20px!important;font-weight:300!important;margin:0 -10px!important;overflow:hidden;padding:12px!important}
.page-title,.page-title h2,.subtitle{color:#111!important;font-family:Lato!important;font-size:20px!important;font-weight:300!important}
.main-content{background:none!important;border:none!important}
.hide{font-size:0;margin-bottom:-3px}
.hide strong{font-size:12px!important}
.hide2{font-size:0;margin-top:-31px!important}
.hide2 a{font-size:12px!important;text-transform:capitalize}
.guestMessage{-moz-border-radius:3px;-moz-box-shadow:inset #d49934 0 1px 4px;-webkit-border-radius:3px;-webkit-box-shadow:inset #d49934 0 1px 4px;background:#f9d79b;border:1px solid #d4a24a;border-radius:3px;box-shadow:inset #d49934 0 1px 4px;color:#b85f1d;font-size:13px;line-height:170%;margin-bottom:10px;padding:10px}
.guestMessage a{border-bottom:1px solid #d48041;color:#b85f1d;text-decoration:none}
.frm-info{-moz-border-radius:3px;-moz-box-shadow:inset #d49934 0 1px 4px;-webkit-border-radius:3px;-webkit-box-shadow:inset #d49934 0 1px 4px;background:#f9d79b;border:1px solid #d4a24a!important;border-radius:3px;box-shadow:inset #d49934 0 1px 4px;color:#b85f1d;font-size:12px;line-height:170%;margin:10px!important;padding:10px}
.frm-info li{margin:none!important;padding:none!important}
ul.frm-info{padding-bottom:-10px!important}
#submit_button,.button,.button2,.fontbutton,.fontbutton_normal,.status-button,input[type=submit]{-moz-border-radius:2px;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0!important;border:1px solid #205bbb!important;border-radius:2px;border-style:solid;border-width:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 3px;color:#fff!important;cursor:pointer;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important;padding:4px 10px!important;text-decoration:none;text-shadow:rgba(0,0,0,0.2) 0 -1px 0!important}
#submit_button:hover,.button2:hover,.button:hover,.fontbutton_hover,.status-button:hover,fontbutton:hover,input[type=submit]:hover{background-color:#4685eb!important;color:#fff!important}
#submit_button:active,.button2:active,.button:active,.fontbutton:active,.fontbutton_clicked,.fontbutton_selected,.status-button:active,input[type=submit]:active{-moz-box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;position:relative;top:1px}
.inputbox,input[type=password],input[type=text],textarea{-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;background:#fcfcfc;border:1px solid #d4d4d4;box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;color:#9f9f9f;padding:6px;text-shadow:#fff 0 1px 0}
.inputbox:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{-moz-box-shadow:inset 0 0 4px #bce6fb,#ddf4ff 0 0 3px;-webkit-box-shadow:inset 0 0 4px #bce6fb,#ddf4ff 0 0 3px;background-color:#fefefe;border-color:#afd6ea;box-shadow:inset 0 0 4px #bce6fb,#ddf4ff 0 0 3px;color:#555;outline:none}
#backtotop,#bottomScroll{-moz-border-radius:16px;-moz-box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;-webkit-border-radius:16px;-webkit-box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;background:#bdbdbd;border-radius:16px;box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;display:inline-block;height:24px;left:50%;line-height:20px;margin-left:30px;margin-top:0;opacity:.4;outline:0;padding:0;position:absolute;text-align:center;top:50%;width:24px}
#backtotop:hover,#bottomScroll:hover{background:#8a8a8a;color:#fff;opacity:1}
#footer_utilities{font-size:11px;padding:10px 8px 10px 94px;position:relative;text-shadow:#fff 0 1px 0}
#footer_utilities,#footer_utilities a{color:#848484}
#footer_utilities .ipbmenu_content a{color:#333}
#footer_utilities .ipsList_inline{clear:left;float:left;margin-top:3px}
#footer_utilities .ipsList_inline>li{display:inline-block;font-size:11px;margin:0 3px}
#footer_utilities .ipsList_inline>li>a{display:inline-block;margin-right:0;padding:4px 10px}
#footer_utilities a.menu_active{-moz-border-radius:10px;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;-webkit-border-radius:10px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;background:rgba(0,0,0,0.3);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;color:#fff;text-shadow:rgba(0,0,0,0.3) 0 -1px 0}
#copyright{float:right;line-height:22px;text-align:right}
#ipsDebug_footer{color:#404040;font-size:11px;margin:8px auto 0;text-align:center;width:900px}
#ipsDebug_footer strong{margin-left:20px}
#ipsDebug_footer a{color:#404040}
#backtotop img,#bottomScroll img{padding:5px}
.statistics{font-size:11px;line-height:1.3;margin:20px -10px 0!important;overflow:hidden;padding:8px}
.statistics_head{background:#fafafa;border-bottom:1px solid #eee;border-top:1px solid #eee;font-size:11px;font-weight:700;margin:12px -8px 8px;padding:8px}
.statistics_head,.statistics_head
a{color:#727272}
.statistics .statistics_head:not(:first-of-type){margin-top:0}
#stat_links{font-weight:400}
#stat_links
a{margin:0 5px}
#stat_links li{display:inline-block;font-size:11px;margin:0 3px}
#board_stats
ul{text-align:center}
#board_stats
li{display:inline-block;font-size:11px;margin:0 20px 0 3px!important}
#board_stats
.value{-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;background:rgba(0,0,0,0.1);border-radius:3px;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;color:#222;display:inline-block;font-weight:700;margin-right:3px;padding:3px 7px;text-shadow:rgba(255,255,255,0.6) 0 1px 0}
.pun-crumbs{border-bottom:1px solid #ededed;clear:both;font-color:#fff;font-size:0;font-style:normal;line-height:37px;margin:-14px -10px -2px;overflow:hidden;padding:0;text-shadow:#fff 0 1px 0}
.pun-crumbs a{-moz-border-radius:3px 0 0;-webkit-border-top-left-radius:3px;background:url(https://i.servimg.com/u/f72/17/19/90/23/second10.png) no-repeat 100% 0;border-radius:3px 0 0 0;color:#3677e0!important;display:block;float:left;font-size:11px!important;height:37px;line-height:37px;margin-left:-0;outline:none;padding-left:12px!important;padding-right:17px;text-decoration:none}
.pun-crumbs a:hover{background-position:100% -43px;color:#222}
.pun-crumbs strong{font-color:#5a5a5a!important;font-size:12px!important;font-style:normal!important;height:37px;line-height:37px;padding-left:12px}
.tc2,.tc3,.tc4,.tcl,.tcr{background:#fff!important;border:none!important;color:#6C6C6C;font-size:11px}
.tc2:hover,.tc3:hover,.tc4:hover,.tcl:hover,.tcr:hover{background-color:#fcfcfc}
.tcr{margin-right:-10px!important}
.table{border:1px solid #dcdcdc!important}
.descimg img{margin-left:-43px;margin-top:-10px}
.topictitle{color:#222!important;display:inline-block;font-family:Lato;font-size:13px;font-weight:400;margin-bottom:5px!important}
.topictitle:hover{color:#000!important}
#tabs{position:relative!important;text-align:center!important}
#tabs ul{background:#f6f6f6!important;border-bottom:1px solid #eaeaea!important;border-top:1px solid #eaeaea!important;height:24px!important;margin-left:-10px!important;margin-right:-10px!important;padding:10px!important;text-align:center!important}
#tabs a{background:#fff!important;border-left:1px solid #eaeaea!important;color:gray!important;display:inline-block!important;font-size:12px!important;margin-left:-5px!important;margin-top:-10px!important;padding:10px 8px!important}
#branding{height:75px;padding-left:86px}
#logo{float:left;margin-top:-5px!important;padding-left:42px!important;z-index:999}
#logo
a{color:#5f5f5f;display:block;font-family:Lato,sans-serif;font-size:35px;font-weight:300;height:75px;line-height:75px;padding:0 12px;position:relative!important;text-decoration:none;text-shadow:#fff 0 1px 0;z-index:999!important}
#logo a:hover{color:#222}
#primary_nav{left:0;overflow:hidden;position:absolute!important;top:83px;width:85px}
#community_app_menu>li{display:block;float:none;margin:0;position:relative}
#community_app_menu>li>a{-moz-border-radius:3px 0 0 3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-radius:3px 0 0 3px;color:#909090;display:block;margin-bottom:1px;outline:none;padding:10px 0;text-align:center;text-shadow:#fff 0 1px 0}
#search{border-left:1px solid #ddd;float:left;height:50px;margin-left:13px;padding:25px 0 0 25px;width:350px}
#main_search{background:transparent;border:0;box-shadow:none!important;font-size:12px;margin:5px;outline:0;padding:0;width:160px}
#main_search.inactive{color:#bcbcbc}
#search_wrap{-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);background:#fff;border:1px solid #c7c7c7;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);display:block;float:left;height:26px;line-height:25px;min-width:270px;position:relative}
#search_wrap:hover{border-color:#999}
#adv_search{-moz-border-radius:3px;-webkit-border-radius:3px;background:url(https://i.servimg.com/u/f72/17/19/90/23/advanc10.png) no-repeat 50% 50%;border-radius:3px;display:inline-block;float:left;height:28px;margin-left:3px;text-indent:-3000em;width:28px}
#adv_search:hover{background-color:rgba(0,0,0,0.08)}
#search
.submit_input{background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/search10.png) no-repeat 50%;border:0;border-left:0;bottom:-1px;display:block;height:28px;padding:0;position:absolute;right:-1px;text-indent:-3000em;top:-1px;width:27px}
#search .submit_input:hover{background-color:#2966c9}
#search_options{background:#f5f5f5;border-left:1px solid #eaeaea;display:inline-block;float:right;font-size:11px;height:26px;line-height:26px;margin:0;padding:0 6px;text-shadow:#fff 0 1px 0}
#search_options_menucontent{background:#fff;border:1px solid #c6c6c6;min-width:130px;padding:0;white-space:nowrap}
#search_options_menucontent
input{margin-right:10px}
#search_options_menucontent
li{border-bottom:1px solid #ededed;white-space:nowrap}
#search_options_menucontent li:last-of-type{border-bottom:0}
#search_options_menucontent label:hover{background:#f5f5f5}
#search_options_menucontent
label{cursor:pointer;display:block;padding:0 6px}
#search input[type=submit]{-moz-border-radius:none!important;-moz-box-shadow:none!important;-webkit-border-radius:none!important;-webkit-box-shadow:none!important;background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/search10.png) no-repeat 50%!important;border:none!important;border-radius:none!important;box-shadow:none!important}
fieldset{border:none!important}
#community_app_menu>li>a.menu_active,#community_app_menu>li>a:hover{background:rgba(0,0,0,0.03);color:#555}
#community_app_menu>li.active{position:relative}
#community_app_menu>li.active>a{-moz-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;-webkit-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;background:#fff;border:1px solid #ddd;border-right:0;box-shadow:rgba(0,0,0,0.06) 0 1px 6px;color:#3677e0;position:relative;text-shadow:none}
#community_app_menu a:before{background:url(http://fmcodes.vacau.com/public/style_images/concise/nav_icon.png) no-repeat 50% 50%;content:"";display:block;height:32px;margin:0 auto 8px;width:32px}
#community_app_menu #nav_home a:before{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/house10.png)}
#community_app_menu #nav_forum a:before{background-image:url(https://i.servimg.com/u/f58/17/19/90/23/nav_fo10.png)}
#community_app_menu #nav_app_partners a:before{background-image:url(https://i.servimg.com/u/f58/17/19/90/23/websit10.png)}
#community_app_menu #nav_app_members a:before{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/users10.png)}
#community_app_menu #nav_app_blog a:before,#nav_tutorials a:before{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/clipbo12.png)}
#community_app_menu #nav_app_calendar a:before{background-image:url(http://fmcodes.vacau.com/public/style_images/concise/nav_calendar.png)}
#community_app_menu #nav_app_gallery a:before{background-image:url(http://fmcodes.vacau.com/public/style_images/concise/nav_gallery.png)}
#community_app_menu #nav_chat a:before{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/microp11.png)}
#community_app_menu #nav_issue a:before{background-image:url(http://icons.iconarchive.com/icons/bogo-d/project/32/Bell-icon.png)}
#community_app_menu #nav_app_ccs a:before{background-image:url(http://fmcodes.vacau.com/public/style_images/concise/nav_icon.png)}
#community_app_menu #nav_app_downloads a:before{background-image:url(http://fmcodes.vacau.com/public/style_images/concise/nav_downloads.png)}
#community_app_menu #nav_app_nexus a:before{background-image:url(http://fmcodes.vacau.com/public/style_images/concise/nav_nexus.png)}
#community_app_menu #nav_app_services a:before{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/wand_a10.png)}
#community_app_menu #nav_app_school a:before{background-image:url(https://i.servimg.com/u/f58/17/19/90/23/chalkb11.png)}
#primary_nav .active:after,#primary_nav .active:before{background:url(https://i.servimg.com/u/f72/17/19/90/23/nav_cu10.png) no-repeat 0 0;content:"";height:3px;position:absolute;right:0;top:-2px;width:3px;z-index:2}
#primary_nav .active:after{background-position:0 -3px;bottom:-2px;top:auto}
#primary_nav a.ipbmenu
img{margin-right:-6px}
#more_apps_menucontent,#primary_extra_menucontent,.submenu_container{-moz-border-radius:0 0 4px 4px;-moz-box-shadow:none;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-box-shadow:none;background:#173455;border:0;border-radius:0 0 4px 4px;box-shadow:none;font-size:12px;min-width:140px}
#more_apps_menucontent
li,#primary_extra_menucontent li,.submenu_container li{border:0;float:none!important;min-width:150px;padding:0}
#fa_toolbar{background:none!important;height:0!important;margin-top:18px!important;position:absolute!important;z-index:1!important}
#notif_list li{padding:10px 10px 0!important}
#notif_list a,#notif_list li .contentText a,#notif_list li a{text-decoration:none!important;text-underline:none!important}
#notif_list li.see_all{background-color:transparent!important}
#notif_list li.see_all a{color:#5a5a5a!important}
#fa_right{margin-right:9px!important}
#fa_hide,#fa_icon,#fa_search,#fa_service,#fa_share,#fa_toolbar_hidden{display:none!important}
#fa_service{color:#5f5f5f!important;font-family:Lato!important;font-size:12px;margin-left:25px!important;padding-top:21px!important}
#fa_service:before{content:'Powered by ';display:none}
#fa_icon{margin-left:100px!important;margin-top:-5px!important}
#fa_menu a,#fa_notifications,#fa_right a.rightHeaderLink{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#5f5f5f!important;font-family:Lato!important;font-size:12px;height:36px!important;line-height:36px!important;outline:none!important;padding:0 12px}
#fa_menu a:hover,#fa_notifications:hover,#fa_right a.rightHeaderLink:hover{background:rgba(255,255,255,0.8);text-decoration:none!important}
#fa_notifications{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/icon_n11.png);background-position:10px 9px;background-repeat:no-repeat;padding-left:35px!important;padding-right:12px!important}
#fa_notifications:hover{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/icon_n11.png)!important;background-position:10px -19px!important;background-repeat:no-repeat!important}
#fa_menulist,#notif_list{-moz-border-radius:0 0 5px 5px!important;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px;-webkit-border-bottom-left-radius:5px!important;-webkit-border-bottom-right-radius:5px!important;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px;background-color:#fff!important;background-position:bottom!important;border:none!important;border-radius:0 0 5px 5px!important;box-shadow:rgba(0,0,0,0.1) 0 0 10px;color:#323232!important}
#fa_menulist img{-moz-box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;border-radius:3px;box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;height:94px;padding:0;position:relative;vertical-align:top;width:auto}
#notif_list{color:#5a5a5a!important;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important}
.ipsbox{background:#f9f9f9;border:1px solid #dcdcdc}
.avatarsmall img,.gen img{-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 5px,rgba(0,0,0,0.08) 0 0 0 1px!important;-webkit-border-radius:3px;-webkit-box-shadow:irgba(0,0,0,0.2) 0 1px 5px,rgba(0,0,0,0.08) 0 0 0 1px!important;border:none!important;border-radius:3px;box-shadow:rgba(0,0,0,0.2) 0 1px 5px,rgba(0,0,0,0.08) 0 0 0 1px!important;height:54px!important;width:54px!important}
.tclyyyy span strong{font-size:17px}
.gen strong{margin-top:-20px;padding:10px;text-decoration:none!important}
.ipsFilterbar
li{display:inline-block;font-family:Tahoma,Geneva,sans-serif;font-size:11px;margin:0 15px 0 0}
.ipsFilterbar li
a{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;color:#333}
.ipsFilterbar.bar.altbar li
a{color:#333;text-shadow:none}
.ipsFilterbar li a:hover{color:#111}
.ipsFilterbar
li.active{opacity:1}
.ipsFilterbar li.active a,.ipsFilterbar.bar.altbar li.active
a{-moz-border-radius:10px;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;-webkit-border-radius:10px!important;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;background:rgba(0,0,0,0.3);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;color:#fff;font-weight:700;opacity:1;padding:4px 10px}
.ipbfs_titlebox{-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.05) 0 1px 4px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.05) 0 1px 4px;background:#f9f9f9;border:1px solid #e6e6e6;border-radius:3px;box-shadow:inset rgba(0,0,0,0.05) 0 1px 4px;margin-top:-4px!important;overflow:hidden;padding:10px;text-shadow:#fff 0 1px 0}
.ipsType_pagetitle,.ipsType_subtitle{color:#323232;font-family:Helvetica,Arial,sans-serif;font-size:26px;font-style:normal;font-variant:normal;font-weight:300;line-height:1.4}
.ipsType_pagedesc{color:#7f7f7f;line-height:1.5}
.ipsBtn_secondary a,.ipsButton_secondary,.ipsButton_secondary a{-moz-border-radius:2px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;-webkit-border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;background:#ececec url(https://i.servimg.com/u/f72/17/19/90/23/highli11.png) repeat-x 0 0;border:1px solid #d0d0d0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.1),inset rgba(255,255,255,0.7) 0 1px 0;color:#616161;cursor:pointer;display:inline-block;font-size:11px;height:24px;line-height:24px;padding:0 10px;text-shadow:#fff 0 1px 0;white-space:nowrap}
.ipsBtn_secondary a,.ipsButton_secondary
a{color:#616161!important}
.ipsBtn_secondary a:hover,.ipsButton_secondary:hover{background-color:#f8f8f8;color:#4c4c4c}
.ipsBtn_secondary a,.ipsButton_secondary a:hover{color:#616161}
.ipsButton_secondary:active,ipsBtn_secondary a:active{-moz-box-shadow:inset rgba(0,0,0,0.15) 0 1px 2px,rgba(255,255,255,0.5) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.15) 0 1px 2px,rgba(255,255,255,0.5) 0 1px 0;box-shadow:inset rgba(0,0,0,0.15) 0 1px 2px,rgba(255,255,255,0.5) 0 1px 0;position:relative;top:1px}
.topic_buttons
li{display:inline-block;float:right;margin:0 0 10px 10px}
.ipsButton,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.topic_buttons li.important a,.topic_buttons li.important span{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4),inset rgba(0,0,0,0.1) 0 4px 12px;-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4),inset rgba(0,0,0,0.1) 0 4px 12px;background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.4),inset rgba(0,0,0,0.1) 0 4px 12px;color:#fff;cursor:pointer;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:300;height:32px;line-height:32px;min-width:125px;padding:0 10px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.3)}
.ipsButton .important,.ipsButton.important,.topic_buttons li.important a,.topic_buttons li.important span{background:#8b1515 url(https://i.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0!important;border-color:#790f0f}
.ipsButton:hover,.topic_buttons li a:hover{background-color:#2c2c2c;color:#fff}
.ipsButton:active,.topic_buttons li a:active{-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px;position:relative;top:1px}
.topic_buttons li.non_button
a{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;background:transparent!important;background-color:transparent!important;border:0;box-shadow:none!important;color:#777;font-weight:400;min-width:0;padding-bottom:1px;padding-top:1px;text-shadow:none}
.topic_buttons li.non_button a:active{top:0}
.topic_buttons li.disabled
span,.topic_buttons li.disabled a{-moz-box-shadow:none;-webkit-box-shadow:none;background:#ebebeb;border:0;box-shadow:none;color:#7f7f7f;text-shadow:none}
.topic_buttons li
span{cursor:default!important}
.topic_buttons li a{color:#fff!important}
.topic_buttons li.non_button a{color:#777!important}
.ipsSteps{-moz-border-radius:3px;-webkit-border-radius:3px;background:#e9e9e9;border-radius:3px;height:55px}
.ipsSteps li:first-child{-moz-border-radius:3px 0 0 3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-radius:3px 0 0 3px}
.ipsSteps ul
li{background-image:url(https://i.servimg.com/u/f72/17/19/90/23/wizard10.png);background-position:100% -56px;background-repeat:no-repeat;color:#323232;display:inline-block;float:left;height:39px;padding:11px 33px 5px 18px;position:relative;text-shadow:rgba(255,255,255,0.6) 0 1px 0}
.ipsSteps
.ipsSteps_active{background-position:100% 0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.8)}
.ipsSteps_desc{font-size:11px}
.ipsSteps_arrow{display:none}
.ipsSteps_title{display:block;font-size:14px;padding-bottom:4px}
.ipsSteps_active
.ipsSteps_arrow{background:url(https://i.servimg.com/u/f72/17/19/90/23/wizard10.png) no-repeat 0 -112px;display:block;height:55px;left:-23px;position:absolute;top:0;width:23px}
.ipsSteps ul li:first-child
.ipsSteps_arrow{display:none!important}
.page_padding{padding:10px}
.frm-buttons{background:#f8f8f8;border-top:1px solid #eee!important;margin-bottom:-40px!important;margin-left:-30px!important;margin-right:-30px!important;padding:10px 10px 10px 140px!important}
.user{background:#f6f6f6;border-bottom:1px solid #eaeaea;float:none;position:relative;text-align:left;text-shadow:#fff 0 1px 0;width:auto}
.exthelp{display:none!important}
.horizontalAvatar{margin-right:10px}
.horizontalUserInfo{overflow:hidden}
.horizontalUsername,.horizontalUsername span{font-size:24px;font-weight:700;padding:6px 0 3px}
.horizontalInfoList{color:#a4a4a4;float:left;font-size:11px;margin-left:-40px!important;width:175px}
.horizontalInfoList
li{display:inline-block;padding:2px 0}
.horizontalView
.custom_fields{margin-top:0}
.horizontalView .author_info
.group_icon{margin:0}
.pun .posthead2{background:#f6f6f6;border-bottom:1px solid #eaeaea;float:none;height:100px;margin-left:-10px;margin-right:-10px;padding:10px;position:relative;text-align:left;text-shadow:#fff 0 1px 0;width:auto}
.postavatars img{border-radius:4px;max-height:100px}
.pun .postfoot{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;margin-left:-10px!important;margin-right:-10px;padding:3px!important}
.postInfoBottom{font-size:11px;opacity:0;padding:10px}
.post:hover
.postInfoBottom{opacity:1}
.postInfoBottom
input.post_mod{margin:2px 0 0}
.postInfoBottom
span.post_id{margin:0}
.postInfoBottom,.postInfoBottom
a{color:#a4a4a4}
.postDate{margin-right:15px}
.post_control{border-left:1px solid #f0f0f0;color:#3677e0;display:inline;height:30px;line-height:30px;margin-left:-3px!important;margin-top:-2px!important;padding:10px;text-decoration:none}
.post_control img{margin-bottom:-4px!important}
.post_control:hover{background-color:#f7f7f7;color:#222}
.codepost{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#FAFAFA;border:1px solid #CCC;border-bottom:1px solid #E3E3E3;border-bottom-width:5px;border-radius:5px;border-top:1px solid #fff;box-shadow:0 0 13px #FAFAFA;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:auto;padding:10px;width:520px}
.codepost .valide,.tuto .valide{background-color:#F6F6F6;border:1px solid #E3E3E3;border-radius:2px 2px 2px 2px;box-shadow:0 1px 0 0 #fff;color:#444;display:block;font-size:18px;padding:10px;text-align:center;text-shadow:1px 1px 0 #fff}
.codepost .description,.tuto .description{margin:10px;width:500px}
.tuto .inner-content{margin:10px;width:auto}
.codepost h2,.tuto h2{color:#00A5CD;font-family:arial;font-size:15px;font-weight:700;letter-spacing:3px;margin:15px 2px 8px;padding:0;text-shadow:1px 1px 0 #fff}
.codepost .content,.codepost .contenu,.tuto .content{background-color:#F6F6F6;border:1px solid #E3E3E3;border-left:5px solid #00a5cd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 0 0 #fff;margin:5px 0;overflow:auto;padding:10px}
.codepost .demo,.tuto .demo{margin:10px}
.codepost h1,.tuto h1{color:#333;font-family:Arial,sans-serif;font-size:20px;font-variant:inherit;letter-spacing:3px;text-align:center;text-shadow:1px 1px 0 #fff}
.codepost .data,.tuto .data{background-color:#F6F6F6;border:1px solid #E3E3E3;border-left:5px solid #00A5CD;border-radius:2px 2px 2px 2px;box-shadow:0 1px 0 0 #fff;display:block;margin:5px 0;padding:10px}
.codepost .data span,.tuto .data span{color:#464646;display:inline-block;font-family:Trebuchet MS,sans-serif;font-variant:small-caps;padding-right:5px;text-align:right;text-shadow:0 1px 1px #fff;width:85px}

Code:


------------------------------
.demo{background:-webkit-gradient(linear,leftbottom,lefttop,color-stop(0,#F2F2F2),color-stop(1,white));box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pun table .tdtopics .status{margin-left:-36px!important}
div#tutoalert{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background:url(http://theme3.cssactif.com/js/slider/img/panel.jpg) repeat-x bottom center #F0F0F0;background-position:0 33px;border:1px solid #CCC;border-radius:4px;color:#686868;font-size:11px;padding:5px;text-shadow:1px 1px 0 #fff;vertical-align:middle}
.user-info img{padding-left:7px}
#tutoalert #title{bottom:4px;color:#444;font-size:16px;font-weight:700;position:relative;text-shadow:0 1px 1px #dcdcdc}
.tuto .title{background-color:#F6F6F6;border:1px solid #E3E3E3;border-radius:2px 2px 2px 2px;box-shadow:0 1px 0 0 #fff;color:#333;display:block;font-family:Arial,sans-serif;font-size:20px;font-variant:inherit;letter-spacing:3px;padding:15px;text-align:center;text-shadow:1px 1px 0 #fff}
.tuto{display:block}
#chatbox,#chatbox_members,body.chatbox{background:#fff!important;color:#111!important;font-family:Lato!important;font-weight:300!important;overflow:hidden}
#chatbox{margin-top:1px!important;width:720px!important}
#chatbox_members{border-right:1px solid #eaeaea!important;margin-top:1px!important}
#chatbox_header{background:#f6f6f6!important;border-bottom:1px solid #eaeaea!important;color:#5a5a5a;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;height:30px!important;line-height:!important;padding:0!important;width:905px!important}
#chatbox_header a{color:#5a5a5a;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important}
.chatbox-title{display:none!important}
#chatbox_footer{background:#f6f6f6!important;border-bottom:1px solid #ccc!important;border-top:1px solid #eaeaea!important;color:#5a5a5a;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;height:47px!important;line-height:!important;margin-top:330px!important;padding-right:10px!important;position:relative!important;width:884px!important}
#chatbox_footer .right{margin-left:40px!important}
span.user{background:none!important;border:none!important}
@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local(Lato-Light),url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format("woff")}
@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local(Lato-Regular),url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local(Lato-Bold),url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")}
#hitskin_preview{display:none!important}
.postavatars a[href="/u2"] img{border-radius:4px;height:100px;width:auto}
#profile_field_13_8{display:none}
#LGstatus_notice{color:#C05;margin-left:5px}
.status-button{cursor:pointer;display:inline;margin-left:5px}
.status-button:hover{border:1px solid #999;color:#333}
.paging{line-height:22px;padding:5px 0}
.paging a{-moz-border-radius:3px;-webkit-border-radius:3px;background:#efefef;border-radius:3px;color:#747474;display:inline-block;font-size:11px;font-weight:400;padding:2px 8px;text-transform:lowercase;vertical-align:middle!important}
.paging a:hover{background-color:#e6e6e6;color:#747474}
.pagination .disabled
a{display:none;opacity:.4}
.pagination
.pages{font-size:11px}
.pagejump,.pagination .pages a{display:inline-block}
.pagination .pagejump
a{padding:0 7px}
.pagination .pagejump a:hover{text-decoration:underline}
.pagination
li{margin:0}
.paging b{-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px;background:#3677e0!important;border-radius:3px;box-shadow:inset rgba(0,0,0,0.4) 0 1px 3px;color:#fff;cursor:default;padding:4px 8px}
.pagination.no_pages
span{color:#acacac;display:inline-block;height:20px;line-height:20px}
ul.mini_pagination{display:inline;font-size:.8em;margin-left:7px}
ul.mini_pagination li
a{-moz-border-radius:2px;-webkit-border-radius:2px;background:#5f5f5f;border-radius:2px;color:#fff;padding:2px 6px}
ul.mini_pagination li a:hover{background:#444}
ul.mini_pagination
li{display:inline;margin:0 1px 0 0}
.vote{float:right;margin-left:4px;position:relative;right:7px;width:9px}
div.plus{-moz-border-radius:2px;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0!important;border:1px solid #205bbb!important;border-radius:2px;border-style:solid;border-width:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 3px;height:17px;min-width:50px!important;position:relative;right:53px;top:12px}
div.plus a{color:#fff!important;cursor:pointer;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:!important;padding:4px 10px!important;text-decoration:none;text-shadow:rgba(0,0,0,0.2) 0 -1px 0!important}
div.plus:hover{background-color:#4685eb!important;color:#fff!important}
.vote .vote-no-bar{display:none}
#importanttopics table tbody tr td{background:#fafafa!important}
tr.newpost td{background:#fafafa!important}
.spoiler > dt::after{content:"Show the content";float:right}
.ipsVerticalTabbed_content{min-height:400px}
.ipsVerticalTabbed_tabs>ul{border-top:1px solid #dcdcdc;margin-top:10px;width:150px!important}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs>ul{width:40px!important}
.ipsVerticalTabbed_tabs
li{background:#f8f8f8;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;color:gray!important;font-size:12px}
.ipsVerticalTabbed_tabs li
a{color:gray!important;display:block;outline:0;padding:10px 8px}
.ipsVerticalTabbed_tabs li a:hover{background:#f2f2f2;color:gray}
.ipsVerticalTabbed_tabs li.active
a{background:#fff;font-weight:700;position:relative;width:135px;z-index:999}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active
a{color:#353535;width:24px}
.ipsBox_container{background:#fff;border:1px solid #dcdcdc;margin-left:150px;margin-top:-155px;width:82%!important}
.ipsBox{background:#f9f9f9}
#profile_content_main{line-height:1.3;margin-bottom:20px;min-height:75px}
.ipsBox,.ipsPad{padding:9px}
.ipsList_data
li{line-height:1.3;padding:6px}
.ipsList_data
.row_data{display:inline-block}
.ipsList_data
.ft,.ipsList_data .row_title{display:inline-block;float:left;font-weight:700;padding-right:10px;text-align:right;width:120px}
.ipsList_data.ipsList_data_thin
.ft,.ipsList_data.ipsList_data_thin .row_title{width:80px}
.general_box
h3{background:#fafafa;border-bottom:1px solid #eee;border-top:1px solid #eee;color:#727272;font-family:Lato,tahoma,helvetica,arial,sans-serif;font-weight:700;margin-left:-9px;margin-right:-9px;padding:8px;text-transform:uppercase}
.ipsList_inline>li:first-child{margin-left:0}
.ipsList_inline>li:last-child{margin-right:0}
.ipsList_inline.ipsList_reset>li:first-child{margin-left:3px}
.ipsList_inline.ipsList_reset>li:last-child{margin-right:3px}
.ipsList_inline.ipsList_nowrap{white-space:nowrap}
.ipsList_withminiphoto>li{padding:7px}
.ipsList_withmediumphoto > li
.list_content{margin-left:60px}
.ipsList_withminiphoto > li
.list_content{margin-left:44px}
#index_stats .ipsList_withtinyphoto .list_content,.ipsList_withtinyphoto > li
.list_content{margin-left:32px}
.list_content{word-wrap:break-word}
.profileavatars img{border-radius:4px;height:140px;width:140px}
.ipsLayout_content{float:left;width:100%}
.ipsBadge{-moz-border-radius:3px;-webkit-border-radius:3px;background-image:url(https://i.servimg.com/u/f58/17/19/90/23/highli10.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;height:16px;line-height:16px;padding:0 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase;vertical-align:middle}
.ipsBadge_green{background-color:#7ba60d}
.ipsBadge_orange{background-color:#ED7710}
.ipsBadge_purple{background-color:#af286d}
.ipsBadge_grey{background-color:#5b5b5b}
.ipsBadge_lightgrey{background-color:#b3b3b3}
.ipsBadge_red{background-color:#bf1d00}
.ipsBadge_yellow{background-color:#B8860B}
.ipsBadge_blue{background-color:#00a5cd}
.tuto li{list-style:initial!important}
dl.newpost{background:#FFBCBC!important}
tr.readhere td{background:#f7eed2!important}
.selectCode{color:#00a5cd!important}
#ptrafic_open{display:none!important}
#tablepartner,#tablepartner td{border:none!important}
#tablepartner td{text-align:center}
#tablepartner{margin-left:0!important}
.frm-buttons.fb{width:758px!important}
#page-body{background:#fff!important;padding-bottom:57px!important}
ul#mNavbar{background:#eee url(https://i.servimg.com/u/f72/17/19/90/23/backgr10.png) repeat;border-top:1px solid #ddd;bottom:0!important;color:#555;display:block!important;left:0;overflow:hidden;padding:3px!important;position:absolute!important;text-align:center;width:100%}
a.navElement span.navBtnLabel{color:#909090;font-weight:400;text-shadow:#fff 0 1px 0}
a.navElement span.navBtnIcon{background:transparent url(https://i.servimg.com/u/f58/17/19/90/23/sprite13.png) no-repeat -224px 0;display:inline-block;height:32px;width:32px}
a#mToggleArrow,a#mToggleArrow.hiddenBar,a#mToggleArrow.shownBar{display:none!important}
div#mToggleContainer{background:none!important;bottom:0!important;display:absolute!important;float:left!important;position:fixed!important;width:100%!important;z-index:9999!important}
.mobile_title h1,.mobile_title_content{color:#5f5f5f;font-family:Lato!important;font-size:20px!important;font-weight:300!important;overflow:hidden;text-align:center;text-shadow:#fff 0 1px 0}
.mobile_set,.post_header{background:#fff;border-bottom:1px solid #ccc;color:#111!important;margin:0;padding:10px}
.mobile_set_content{color:#111;font-family:Lato;font-size:14px;font-weight:300;overflow:hidden;text-shadow:none}
.mobile_item{background:#fff;border:none;border-bottom:1px solid #ededed!important;font-size:13px;margin:0;padding:.5em 0;width:100%}
.mobile_item_link_content h2,.mobile_item_link_content h3{font-weight:400!important}
.mobile_next_button,.mobile_prev_button{-moz-border-radius:2px;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 3px;background:#3677e0 url(https://i.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0!important;border:1px solid #205bbb!important;border-radius:2px;border-style:solid;border-width:1px;box-shadow:rgba(0,0,0,0.2) 0 1px 3px;color:#fff!important;cursor:pointer;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important;margin-top:1px;padding-left:10px!important;padding-right:10px!important;position:relative;text-decoration:none;text-shadow:rgba(0,0,0,0.2) 0 -1px 0!important}
.mobile_next_button p,.mobile_prev_button p{font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important;margin-top:5px!important}
.mobile_next_button:hover,.mobile_prev_button:hover{background-color:#4685eb!important;color:#fff!important}
.mobile_next_button:active,.mobile_prev_button:active{-moz-box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;box-shadow:inset rgba(0,0,0,0.4) 0 1px 4px;position:relative;top:1px}
.forabg,.mobile_set{width:100%!important}
.mobile_title.application_header{background:#eee url(https://i.servimg.com/u/f72/17/19/90/23/backgr10.png) repeat;border-bottom:1px solid #ddd;margin-top:-2px;overflow:hidden;padding:3px!important;width:100%!important}
#mobileActionBar{background:#eee url(https://i.servimg.com/u/f72/17/19/90/23/backgr10.png) repeat;border-top:1px solid #ddd;margin-bottom:57px!important;overflow:hidden;padding:3px!important;width:100%!important}
#mobileActionBar .navbar,.mobileActionLabel{color:#111!important;font-family:Lato!important;font-size:13px!important;font-weight:300!important;overflow:hidden;text-shadow:#fff 0 1px 0}
.mobile_comment{font-size:11px!important;font-weight:400!important;letter-spacing:none!important}
span#fb_likebtn{margin-left:6px;position:relative;top:7px}
.codebox dd.cont_code{background:#fff;border:1px solid #ccc;border-left:5px solid #00a5cd!important;border-radius:2px;color:#000;max-height:200px;overflow:auto}
.codebox dt{background:#fff;border:1px solid #ccc;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;left:23px;letter-spacing:.5px;padding:.25em;position:relative;top:6px;width:200px}
.tuto.valide img{vertical-align:middle}
.postmain blockquote{background-color:#fff;border:1px solid #ccc;border-bottom-width:3px;border-radius:3px;padding:.5em 1em}
blockquote cite{background-color:#E4EAF2;background-image:url(https://2img.net/i/fa/invision/css_img_quote.gif);background-position:top right;background-repeat:no-repeat;color:#000;font-size:11px;margin-left:-12px!important;padding:3px;width:100%}
th.tc2,th.tc3 th.tc1,th.tcl,thead th.tcr{background:#eee url(http://fmcodes.vacau.com/public/style_images/concise/highlight.png) repeat-x 0 0!important;border-bottom:1px solid #e2e2e2!important;color:#727272!important;font-family:Lato,tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:bold!important;line-height:!important;padding:10px!important;text-shadow:rgba(255,255,255,0.8) 0 1px 0!important}
th.tcr{margin-right:-2px!important}
.sub-head{display:none!important}
#sce_smilies_body{background-color:#fff!important;width:100%!important}
#smiley-box{width:140px!important}
.avatar-index{float:left}
.avatar-index img{border-radius:100px;height:40px;margin:2px 5px 0;padding:1px;width:40px}
td.tcr span{display:inline-block!important}
p#onlineusers{background:#f6f6f6 url(https://i.servimg.com/u/f56/18/00/81/97/online10.png) no-repeat;background-position:21px;border-bottom:1px solid #eaeaea;float:none;font-size:12px;height:auto;margin-left:-10px;margin-right:-10px;padding:10px 10px 22px 103px!important;position:relative;text-align:left;text-shadow:#fff 0 1px 0;width:auto}
#stafflegend span{background-color:#fff;border:1px solid #ccc;border-bottom-width:2px;border-radius:15px;display:inline-block;line-height:19px;margin:3px 5px;padding:3px 10px;position:relative;text-shadow:0 -1px 1px #fff;z-index:100}
img#today{left:65px;position:fixed;top:45px;width:86px}
.popupWrapper{-moz-border-radius:5px;-moz-box-shadow:rgba(0,0,0,0.5) 0 10px 20px;-webkit-border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 0 10px 20px;background:rgba(0,0,0,0.6);border-radius:5px;box-shadow:rgba(0,0,0,0.5) 0 10px 20px;padding:8px}
.popupInner{-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);box-shadow:0 0 3px rgba(0,0,0,0.4);overflow:auto;overflow-x:hidden;width:500px}
,.popupInner{background:#fff}
.popupInner h3{background:#eee url(http://fmcodes.vacau.com/public/style_images/concise/highlight.png) repeat-x 0 0;border-bottom:1px solid #d8d8d8;font-size:16px;font-weight:300;padding:8px 10px 9px;text-shadow:rgba(255,255,255,0.8) 0 1px 0}
.ipsPad_half{padding:4px!important}
.popupClose{position:absolute;right:20px;top:20px}
.clickable{cursor:pointer}
#infos fieldset.frm-set.login input#password.inputbox.autowidth,#infos fieldset.frm-set.login input#username.inputbox.autowidth{border-radius:4px;max-width:122px}
#infos .fb_login_widge,#infos label[for="autologin"]{display:none}
#infos [name="login"].button1{left:-21px;margin-bottom:-20px;position:relative;top:-10px}
#infos .main-head h1.page-title{padding-left:7px}
#infos .module.main .main-head h3 span{color:#111!important;font-family:Lato!important;font-size:18px!important;font-style:normal;font-variant:normal;font-weight:300!important;overflow:hidden;padding-left:6px}
div#widgets{-moz-border-radius:3px;-webkit-border-radius:3px;background:rgba(0,0,0,0.03);border-bottom-left-radius:0;border-left:0!important;border-radius:3px;border-top-left-radius:0;min-height:50px;position:absolute;right:-185px;top:83px;width:185px}
#infos{width:185px!important}
#infos .module.main .main-head h3{color:#111!important;font-family:Lato!important;font-size:20px!important;font-style:normal;font-variant:normal;font-weight:300!important;overflow:hidden;padding-left:6px}
#infos .main-content.clearfix.details .left img{border:1px solid #ccc;border-radius:4px;margin:0 auto 7px;max-width:150px;padding:2px;position:relative;width:100%}
#secondary_links{bottom:36px;float:right!important;list-style:none;margin-right:-10px;overflow:hidden;position:relative}
#secondary_links
li{border-left:1px solid #ededed;float:left;margin:0}
#secondary_links
a{border-radius:0 3px 0 0;color:#3677e0;display:block;height:37px;line-height:37px;padding:0 12px}
#secondary_links a:hover{background:#fafafa}
h2.u{display:none}
.frm-buttons,.frm-buttons a{font-family:tahoma,helvetica,arial,sans-serif!important;font-size:12px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important}
#separatores{background:#eee url(https://i.servimg.com/u/f72/17/19/90/23/backgr10.png) repeat;height:5px;margin-left:-10px;position:relative;top:-10px;width:102.4%}
#_28Win_20credits_29_20Best_20communities_20on_20the_20web td{background:#fafafa!important}
a.userNavPhoto:after{-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;border-radius:3px;box-shadow:inset rgba(0,0,0,0.2) 0 1px 5px,inset rgba(0,0,0,0.08) 0 0 0 1px;content:"";position:absolute;z-index:1}
.user_photo{-webkit-border-radius:3px;border-radius:3px;float:left;height:36px;margin-right:40px!important;position:relative;width:auto}
.a_chat_pm td,.a_chat_pm tr,.a_chat_tab td,.a_chat_tab tr{display:none!important}
.a_chat_pm:before,.a_chat_tab:before{content:'Hidden Content';font-style:italic}
h4.away,h4.away + ul{display:none}
#avacweb_chat #chatbox,#avacweb_chat #chatbox_members,body.chatbox{background:#initial!important;color:initial!important;font-family:initial!important;font-weight:initial!important;overflow:initial!important}
#avacweb_chat #chatbox{margin-top:initial!important;width:initial!important}
#avacweb_chat #chatbox_members{border-right:initial!important;margin-top:initial!important}
#avacweb_chat #chatbox_header{border-bottom:initial!important;color:initial!important;font-family:initial!important;font-size:!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;height:initial!important;line-height:!important;padding:initial!important;width:9initial!important}
#avacweb_chat #chatbox_header a{color:initial!important;font-family:initial!important;font-size:!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important}
#avacweb_chat .chatbox-title{display:initial!important}
#avacweb_chat #chatbox_footer{background:initial!important;border-bottom:initial!important;border-top:initial!important;color:#5a5a5a;font-family:initial!important;font-size:!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;height:initial!important;line-height:!important;margin-top:initial!important;padding-right:initial!important;position:rinitial!important;width:initial!important}
#avacweb_chat #chatbox_footer .right{margin-left:initial!important}
#avacweb_chat #chatbox_header.main-head{background-color:#fafafa!important;width:101%!important}
#avacweb_chat #chatbox_members .member-title{background-color:white!Important!important;border:1px solid #ccc!important;border-bottom:2px solid #ccc!important;box-shadow:initial!important!important;color:#555!important;padding:.5em .25em!important;text-align:center!important}
#avacweb_chat span{background:#fff;border:1px solid #00a5cd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;padding:5px}
#avacweb_chat_button,#avacweb_chat_button:hover{background:#fafafa!important;border:1px solid #ccc!important;border-bottom:none!important;border-top-left-radius:4px!important;border-top-right-radius:4px!important;box-shadow:inset 0 10px 10px #fff!important;color:#555!important}
tr#forumids:hover span.t-views{-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;float:right;font-size:9px;font-weight:initial;opacity:1;transition:.5s}
span.t-views{float:right;font-size:9px;font-weight:initial;opacity:.3}
#quick-avatar img{border:1px solid #ccc;border-radius:50%;float:left;height:70px;margin-right:-80px;padding:2px;width:70px}
#myNotices{-moz-border-radius:3px;-moz-box-shadow:inset #d49934 0 1px 4px;background:#f9d79b;border:1px solid #d4a24a;border-left:none;border-right:none;color:#b85f1d;font-size:13px;line-height:170%;margin:10px -10px;padding:3px 3px 3px 30px;position:relative;top:-6px}
.tipsy{font-size:11px;padding:5px;position:absolute;text-shadow:none;z-index:999}
.tipsy-inner{-moz-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#000 url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;background-color:#000;border-radius:3px;color:#fff;max-width:200px;padding:8px;text-align:center}
.tipsy-arrow{background:url(http://cuul.tk/img/tipsy.gif) no-repeat top left;height:5px;position:absolute;width:9px}
.tipsy-n .tipsy-arrow{left:50%;margin-left:-4px;top:0}
.tipsy-nw .tipsy-arrow{left:10px;top:0}
.tipsy-ne .tipsy-arrow{right:10px;top:0}
.tipsy-s .tipsy-arrow{background-position:bottom left;bottom:0;left:50%;margin-left:-4px}
.tipsy-sw .tipsy-arrow{background-position:bottom left;bottom:0;left:10px}
.tipsy-se .tipsy-arrow{background-position:bottom left;bottom:0;right:10px}
.tipsy-e .tipsy-arrow{background-position:top right;height:9px;margin-top:-4px;right:0;top:50%;width:5px}
.tipsy-w .tipsy-arrow{height:9px;left:0!important;margin-top:-4px;top:50%;width:5px}
#mods.warning{background:rgba(233,25,58,0.09) url(https://i.servimg.com/u/f58/17/19/90/23/traffi10.png);background-position:7px 50%;background-repeat:no-repeat;border-color:#E9193A;color:#E9193A;padding-left:49px;width:780px!important}
#mods.infos{background:rgba(0,165,205,0.09) url(https://i.servimg.com/u/f72/17/19/90/23/get-in10.png);background-position:7px 50%;background-repeat:no-repeat;border-color:#00a5cd;color:#00a5cd;padding-left:49px;width:780px!important}
#mods.other{background:rgba(212,162,74,0.22) url(https://i.servimg.com/u/f72/17/19/90/23/mug10.png);background-position:7px 50%;background-repeat:no-repeat;border-color:#d4a24a;color:#d4a24a;padding-left:49px;width:780px!important}
#mods.valid{background:rgba(123,166,13,0.2) url(https://i.servimg.com/u/f39/18/00/81/97/status10.png);background-position:7px 50%;background-repeat:no-repeat;border-color:#7ba60d;color:#7ba60d;padding-left:49px;width:780px!important}
#lastmemeber{color:#111!important;display:block;font-family:Lato!important;font-size:20px!important;font-weight:300!important;margin-bottom:10px}
.rules #mods span,h5{border-bottom:1px solid rgba(0,165,205,0.18)!important;color:#00a5cd!important;font-family:Lato!important;font-size:19px!important;font-weight:300!important;padding-bottom:5px!important}
.rules #mods{width:100%!important}
.rules .valid td{font-size:15px;font-weight:300}
.rules #mods li{list-style:initial;margin-left:-31px!important}
#inbox_link img{background-image:url(https://i.imgur.com/6REF008.png);background-position:0 0;background-repeat:no-repeat;height:20px;margin-top:-2px;width:20px}
#pun-about{font-size:.8em}#pun-about form{display:none}

Code:

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="fullWidth">
    <div id="board_statistics" class="statistics clearfix">
        <h4 class="statistics_head clearfix"><ul id="stat_links" class="ipsList_inline right ipsType_small"><!--
 Hook point -->
          <li><a href="/memberlist?mode=today_posters" title="View today's top 20 posters">Most active members today</a></li>
          <li><a href="/memberlist?mode=overall_posters" title="View the board's overall top posters">Most active members ever</a></li>
          </ul><div class="hide">{LOGGED_IN_USER_LIST}  Đang xem diễn đàn
         
          </div></h4>
        <p class="statistics_brief desc">{TOTAL_USERS_ONLINE}
         
          <a href="/viewonline">(See full list)</a>
        </p>
        <br>
        <p>Registered Users: {NEWEST_USER}
          <br/>
          <br/>
        </p>
        <p id="onlineusers"><span id="lastmemeber">{L_CONNECTED_MEMBERS}</span>
        </p>
              <br/>
        <p></p>
        <center><span id="title" style="font-family: Verdana,Arial,sans-serif;    font-size: 17px;">Group</span>
            <div id="stafflegend" style=" font-weight: bold; margin-top: 6px;"><span>{GROUP_LEGEND}</span></div>
        </center>
        <p></p>
    </div>
</div>
<!-- END disable_viewonline -->


Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                                                   
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
                                 
                                 
                                  <center><div class="guestMessage" style="margin: 0 auto!important;display:table-cell;width:auto; height: 90px;text-align:center;vertical-align:middle;"><span style="font-size:20px;">YOUR BANNER HERE</span><br/>728x90</div></center>
                                 
                                 
                                 
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
         
         
         
         
   </div>
  </div>
  <br/>

<div id="footer_utilities" class="clearfix clear">
  <a rel="nofollow" href="#top" id="backtotop" title="Go to top"><img src="https://i.servimg.com/u/f72/17/19/90/23/top10.png" alt=""/>
    </a>
  <p id="copyright"><span><a href="https://www.facebook.com/FMcodesOFFICIAL"><img src="https://i.servimg.com/u/f58/17/19/90/23/facebo10.png"/></a> <a href="https://twitter.com/#!/Fmcodes" title="Twitter"><img src="https://i.servimg.com/u/f58/17/19/90/23/twitte10.png"/></a> <a href="https://www.youtube.com/user/FmcodesOFFICIAL"><img src="https://i.servimg.com/u/f58/17/19/90/23/youtub10.png"/></a> <a href="https://plus.google.com/u/0/b/103753182492359073405/103753182492359073405"><img src="https://i.servimg.com/u/f58/17/19/90/23/google10.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </p>
    <ul class="ipsList_inline left">
        <li><a href="https://www.forumotion.com/">Forumotion</a>
        </li>
        <li><a href="https://www.forumotion.com/en/punbb/" title=" PunBB"> PunBB</a>
        </li>
        <li><a href="/contact" title="Contact Us">Contact Us</a>
        </li>
        <li><a href="/abuse?page=%2F&amp;report=1" title="Report Abuse">Report Abuse</a>
        </li>
    </ul>
  <br/>
    <ul class="ipsList_inline left" style="margin-left:13px">Theme ported from IPB by Niko and Mathias • 2013-2014</ul>
</div>
 
  <br/><br/>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

Code:

#pun-foot {
 display:none;
}
/* Posting */
#textarea_content{width:85% !important;margin-bottom:10px}
.sceditor-container{border-radius:0 !important;border:1px solid #e7e7e7 !important}
div.sceditor-toolbar{background:#f5f5f5 !important;border-bottom:1px solid #e7e7e7 !important;border-radius:0 !important;padding:3px 5px !important;text-align:left}
div.sceditor-group{background:#fff !important;border-radius:0 !important;border:1px solid #e7e7e7 !important;padding:0 !important;margin:2px 5px 2px 0 !important}
.sceditor-button{border-right:1px solid #e7e7e7;border-radius:0 !important;box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
div.sceditor-group > .sceditor-button:last-child{border:0}
div.sceditor-dropdown{border-color:#ddd!important}
div.sceditor-dropdown label{padding: 0 0 5px!important}
div.sceditor-dropdown input, div.sceditor-dropdown textarea{padding:0 10px!important;border:1px solid #e7e7e7!important;margin:0 0 10px!important;border-radius:0!important;font-family:Roboto,arial,sans-serif!important}
div.sceditor-dropdown .button{background:#4993c5!important;color:#fff!important;border:0!important;padding:0 15px!important;font-weight:400!important;margin:0!important;border-radius:0!important;font-family:Roboto,arial,sans-serif}
.sceditor-container iframe,.sceditor-container textarea{min-height:150px;width:100% !important;padding:5px !important;margin:0 !important;}
.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover,.sceditor-button.hover{background:#fff8c4 !important;box-shadow:none !important}
.post-options a{background:#f0f7fc;border:1px solid #a5cae4;display:inline-block;margin-top:10px;height:25px;line-height:25px;padding:0 5px}
.post-options a:hover{background:#d7edfc}
.post-options a[href*="mode=quote"]:before{content:"Trích dẫn"}
.post-options a[href*="mode=editpost"]:before{content:"Sửa bài"}
.post-options a[href*="mode=delete"]:before{content:"Xóa bài"}
.post-options a[href*="mode=ip"]:before{content:"Xem IP"}

Code:

<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <li>
         <div id="addthis-toolbar" style="display: inline-block; margin-right:5px;">
            <div class="btn-floating-left" tabindex="100">
                    {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="display:none;">
                    {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
         </div>
            {switch_plus_menu.JS_SOCIAL_BUTTONS}
      </li>
      <!-- END switch_plus_menu -->
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->






<div class="main paged">
   <div class="paged-head clearfix">
<div class="ipbfs_titlebox"><span class="right"><div class="ftoggle ipsBtn_secondary"><a href="/t1328-hiring-beta-testers-and-translators?watch=topic">Watch this topic for replies</a></div></span>
    <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
    <meta itemprop="url" content="/t1328-hiring-beta-testers-and-translators">
    <div class="desc lighter blend_links"></div>
</div>
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
 
 
 
  <div class="topic_controls clearfix">
    <ul class="topic_buttons">
     
        <li>
          <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow">Gởi bài mới</a>
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         
         <a href="{U_POST_REPLY_TOPIC}">Trả lời</a>
         <!-- END switch_user_authreply -->
          <a style=" background: initial; box-shadow: initial; display: block; position: relative; left: -10px;" href="https://www.fmcodes.com/h33-">
            <span style="margin-right: 4px;background: #D3636C;  -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, rgba(255,255,255,0.7) 0px 1px 0px;  box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, rgba(255,255,255,0.7) 0px 1px 0px;    color: #fff !important;      display: inherit;  height: 16px;  line-height: 16px;  padding: 3px 9px;  font-size: 9px;  font-weight: bold;  text-transform: uppercase;    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background-image: url('http://www.ipbfocus.com/skindemo/public/style_images/concise34x/highlight.png');  background-repeat: repeat-x;  background-position: 0 -1px;  vertical-align: middle;margin-top: 7px;">Report about this topic</span>
          </a>
        </li>
    </ul>
</div>
 
 
   </div>
   {POLL_DISPLAY}
   
   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         
         <!-- BEGIN displayed -->
         <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
    <div class="postmain" style="margin-left: 0px!important">
        <div id="p11185" class="posthead2">
            <div itemscope itemtype="http://schema.org/Person" class='user_details'>
                <div class='horizontalAvatar left'>
                    <div class="postavatars" itemprop="image">
                      {postrow.displayed.POSTER_AVATAR}
                    </div>
                </div>
                <div class='horizontalUserInfo'>
                    <div class='horizontalUsername'><span itemprop="author" itemscope itemtype="http://schema.org/Person"><strong itemprop="name">
                      {postrow.displayed.POSTER_NAME}
                        </strong>
                        </span>
                    </div>
                    <ul class='horizontalInfoList' style='width: 140px;'>
                        <li class='group_title'><span class="st-rang">
                          <strong>{postrow.displayed.POSTER_RANK_NEW}</strong>
                          </span>
                            <br />
                            <br/>
                        </li>
                    </ul>
                    <ul class='horizontalInfoList custom_fields'></ul>
                    <ul class='horizontalInfoList' style='float: right; width: 190px;'>
                      <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </ul>
                </div>
            </div>
        </div>
        <div class="postbody">
                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->

                                       <!-- BEGIN switch_no_dl_att -->
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>

               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->
               <!-- BEGIN switch_likes_active -->
               <div class="fa_like_div">
                  <!-- BEGIN switch_like_list -->
                  {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                  <!-- END switch_like_list -->
                  <!-- BEGIN switch_dislike_list -->
                  {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                  <!-- END switch_dislike_list -->
               </div>
               <!-- END switch_likes_active -->
               <div class="postfoot">
                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
               <!-- BEGIN switch_likes_active -->
               <div class="fa_like_div profile_{postrow.displayed.PROFILE_POSITION}">
                  <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                     <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                     <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                  </button>
                  <!-- BEGIN switch_dislike_button -->
                  <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                     <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                     <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                  </button>
                  <!-- END switch_dislike_button -->
               </div>
               <!-- END switch_likes_active -->
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
         </div>
         <hr id="first-post-br" />
         <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
      <!-- END postrow -->
   </div>

   <div class="main-foot clearfix">
      <p class="h2">
            <!-- BEGIN switch_isconnect -->
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
            <!-- END switch_isconnect -->
            <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>

   <a name="bottomtitle"></a>

   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <div class="topic_controls clearfix">
    <ul class="topic_buttons">
     
        <li>
          <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}">Gởi bài mới</a>
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         
         <a href="{U_POST_REPLY_TOPIC}">Trả lời</a>
         <!-- END switch_user_authreply -->
        </li>
    </ul>
</div>
   </div>

</div>

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;&raquo;&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      &raquo;&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->