demo: http://huyenthoai4.forumvi.com



Update ngày 19/10/2013

css:

Code:

blink b{animation:blink 2s infinite;-moz-animation:blink 2s infinite;-webkit-animation:blink 2s infinite} @-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}

#process section{
   position:absolute;
}

#process section:nth-child(3){
   background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;
   width:97px;
   height:78px;
   margin-left:174px;
   z-index:100;
}

#process section:nth-child(1){
   background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;
   width:97px;
   height:78px;
   margin-left:415px;
   z-index:100;
}
#process section:nth-child(2){
   background:url(http://i.imgur.com/JyHpCtY.png) no-repeat;
   width:194px;
   height:156px;
   margin-top:20px;
   margin-left:600px;
   z-index:100;
}

#process section:nth-child(4){
   background:url(http://i.imgur.com/Qe0JpjC.png) no-repeat;
   width:85px;
   height:68px;
   margin-top:70px;
   margin-left:884px;
   z-index:100;
}
.pun table.table td{border-color: none!important}
#pun-navlinks a, #pun-navlinks a:visited{color: #fff}
a[href*="/login"]{font-weight: bold;
  color: yellow!important;}
a[href*="/register"]{font-weight: bold;
  color: red!important;}
#pun-navlinks{
    background-color:#57BAFF!important;
   text-align:center!important;
   position:fixed!important;
   width:100%!important;
   left:0!important;
   top:-60px!important;
   z-index:999!important;
   -moz-transition:top 0.4s ease;
   -webkit-transition:top 0.4s ease;
   -o-transition:top 0.4s ease;
   -ms-transition:top 0.4s ease;
   transition:top 0.4s ease;
}

div.mekiep {
border-right: 1px solid #DBE4EF;   
float:left;
height:339px;
margin-right:-1px;
overflow:hidden;
position:relative;
width:137px;
z-index:100;
border: 1px solid #ddd;}

.last {
border-bottom:1px solid #DBE4EF;
border-right: 1px solid #DBE4EF; 
display:block;
font-size:11px;
font-weight:700;
line-height:normal;
outline:none;
text-decoration:none;
width:116px;
}
.tag div{
background: none repeat scroll 0 0 #F6F8FB;
padding: 10px;
margin: 0 6px 0 0;
float: left;
  cursor:pointer;
}
.tag div:hover{
transition: background-color 0.3s ease-in-out 0s;
background:none repeat scroll 0 0 #EAEFF5;
}

.tag div.active{
background:#fbfbfb;
z-index: 999;
position: relative;
cursor:none;
font-style: italic; 
border-right: 1px solid #fbfbfb!important;
}



.fuck ol{display:none}
.fuck ol.activea{display:block}

.tag{height: 32px;}

p#pun-desc{display: none}

#pun-legend img {
margin-left:20px!important;
margin-bottom:-10px;
}

ul#pun-legend {
margin-bottom:-45px!important;
}

.overview {
top:30px!important;
}

.pun-crumbs p {
line-height:30px;
background-image:url(/users/1214/94/30/93/album/wbg10.png);
border-radius:6px;
margin:0;
padding:6px;
}

#copyright {
background:#FBFBFB url(http://i34.servimg.com/u/f34/16/03/04/56/untitl12.png) no-repeat;
height:30px;
padding:18px;
  border: 1px solid #ddd;
}

.pun-crumbs {
margin:0!important;
padding:0!important;
}

.frm_connexion {
width:194px;
line-height:30px;
margin-left:290px;
background:#F1F1F1;
margin-top:-20px;
padding:30px;
}

#profile-advanced-layout {
margin-top:119px!important;
}

#profile-advanced-add {
padding:91px 0 6px!important;
}

.dialog span {
width:0;
height:0;
border-right:none;
position:absolute;
top:-10px;
left:1px;
display:block;
line-height:0;
border-left:none;
}


fieldset.frm-set {
border:none;
margin:0!important;
padding:5px!important;
}

.pun .sig-content {
padding:0!important;
}

.dialog {
height:0;
border-right:none;
position:absolute;
top:3px;
left:-11px;
display:block;
line-height:0;
border:11px solid transparent;
border-right-color:#ddd;
border-left:none;
}

fieldset.frm-set dl dd {
margin:0!important;
padding: .1em!important;}

fieldset.frm-set dl dt {
text-align:left!important;
float:none!important;
width:66em!important;
padding:.3em!important;
}

.pun .frm dd.frm-input,.pun .frm dd.frm-input input,.pun .frm dd.frm-textarea {
width:98.7%!important;
}

.sig-content {
clear:both;
max-height:30px;
overflow:hidden;
position:relative;
border-top:1px solid #d8d8d8;
}

#chatbox_portal {
padding-bottom:8px;
margin:-12px;
}

.sig-content:hover {
max-height:1000px;
transition:all 1s;
}


.pun a:hover {
color:red;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
}

#loading {
background:#000 url(http://i34.servimg.com/u/f34/16/03/04/56/112_cy10.gif) no-repeat center center;
opacity:0.7;
filter:alpha(opacity=65);
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
width:50px;
height:50px;
left:50%;
top:50%;
margin-left:-25px;
margin-top:-25px;
color:#FFF;
text-align:center;
position:fixed;
-webkit-transition:0 30s ease-out;
-moz-transition:0 30s ease-out;
transition:transform 30s ease-out;
padding:0;
z-index: 999;}

.pun .paged-foot,.pun .paged-head {
padding:.3em 1.3em!important;
}

#userbar {
height:56px;
background:#fbfbfb;
clear:both;
font-family:Oxygen, sans-serif;
text-transform:uppercase;
padding:0 10px;
border: 1px solid #ddd;
}
#quicknav {
float:left;
margin-top:12px;
}

#quicknav ul,#quicknav li {
float:left;
list-style:none;
margin:0;
padding:0;
}

#quicknav a {
display:block;
padding-left:15px;
line-height:36px;
color:#444;
}

#quicknav .social_icon {
background:url(http://i.imgur.com/nNXyd6R.png) no-repeat;
height:36px;
width:36px;
padding:0;
}

#quicknav .facebook {
background-position:0 0;
}

#quicknav .twitter {
background-position:0 -78px;
}

#quicknav .googleplus {
background-position:0 -156px;
}

#quicknav .dribble {
background-position:0 -234px;
}

#quicknav .flickr {
background-position:0 -312px;
}

#quicknav .youtube {
background-position:0 -390px;
}

#quicknav .rss {
background-position:0 -468px;
}

#quicknav .facebook:hover {
background-position:0 -39px;
}

#quicknav .twitter:hover {
background-position:0 -117px;
}

#quicknav .googleplus:hover {
background-position:0 -195px;
}

#quicknav .dribble:hover {
background-position:0 -273px;
}

#quicknav .flickr:hover {
background-position:0 -351px;
}

#quicknav .youtube:hover {
background-position:0 -429px;
}

#quicknav .rss:hover {
background-position:0 -507px;
}

#search {
float:right;
margin-top:13px;
}

#search input {
float:left;
}

#search input.search-input {
background:#fff;
border:1px solid #e3e3e3;
outline:none;
width:182px;
height:20px;
margin-right:-7px;
line-height:1;
font-family:Oxygen, sans-serif;
color:#555;
padding:6px 8px;
}

#search input.search-button {
background:url(http://i.imgur.com/FfK6U5Q.png) 0 0 no-repeat;
border:none;
width:46px;
height:34px;
cursor:pointer;
}

#search input.search-button:hover {
background-position:0 100%;
}

.c3zplus {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #eceef5;
background-position:6px 36%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
border-radius:3px 3px 3px 3px;
color:#FFF!important;
display:block;
float:left;
height:13px;
position:relative;
text-align:left;
width:25px;
margin:2px 2px 0;
padding:3px 3px 3px 24px;
}

.frm-buttons {
margin-bottom:0!important;
padding:.5em 0 0 26em !important;
}

.chatbox {
border:1px solid #ddd!important;
}

#chatbox {
top:43px!important;
}

.c3zminus {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #eceef5;
background-position:6px 36%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
border-radius:3px 3px 3px 3px;
color:#FFF!important;
display:block;
float:left;
height:13px;
position:relative;
text-align:left;
width:55px;
margin:2px 0 0;
padding:3px 3px 3px 24px;
}

.c3zplus:hover,.c3zminus:hover {
background-color:#ebedf4;
border-color:#9dacce;
}

.vote-button {
float:left;
width:60px;
}

.ost {
background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/f10.gif);
}

.stavote .qua {
background-position:5px 50%;
background-repeat:no-repeat;
border:1px solid #c2d5e3;
margin:2px 0 0;
padding:5px 8px 5px 25px;
}

.no .vop {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat left center;
padding:0 0 0 18px;
}

.no .vom {
background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat left center;
margin:2px 0 0;
padding:0 0 0 18px;
}

.no,.stavote .qua {
background-position:5px 50%;
background-repeat:no-repeat;
border:1px solid #cad4e7;
background:#eceef5;
color:#3B5998;
border-radius:4px;
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
margin:1px;
padding:3px;
}

.stavote {
float:left;
margin-left:-5px;
padding:6px;
}

.postmain img {
max-width:400px;
}

#chatbox_header {
height:30px;
}

.chatbox-title {
margin-bottom:-3px!important;
height:21px!important;
margin-top: 17px;
width: 5em!important;
background: #fbfbfb!important;
padding: 17px 5px 0;}
#chatbox_members {
border-right:1px solid #ddd!important;
bottom:30px!important;
top:43px!important;
}

#chatbox_footer {
bottom:-2px!important;
border-top:1px solid #ddd!important;
}

#chatbox_members .member-title {
border-bottom:1px solid #d8d8d8!important;
}

.sceditor-container,#textarea_content {
width:99.8%!important;
}

.frm-form textarea,.frm-form iframe {
width:calc(100%-10px)!important;
}

#smiley-box {
float:none;
clear:both;
width:100%;
margin-left:5px;
}

.smiley-element {
text-align:center;
}

select {
background-color:#fff;
vertical-align:middle;
display:inline-block;
color:#555;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:2px;
}

.pagenavi span.extend {
display:inline!important;
border:none!important;
}

.hierarchy {
border:none;
display:inline;
font-weight:700!important;
text-transform:uppercase;
}

#pun-navlinks ul.clearfix {
text-align:center;
padding-left:30px;
}

#pun-navlinks li {
display:inline-block;
line-height:45px;
margin-top:-1px;
}

#pun-foot {
clear:none!important;
}

#pun-intro {
background:none;
border:0;
margin:0;
padding:44px 1em 155px;
}

#head {
background:url(http://i.imgur.com/mxGMG1P.png) 0 0 no-repeat;
top:0;
left:0;
width:100%;
min-width:960px;
overflow:hidden;
background-attachment:scroll;
background-position:center top;
background-repeat:no-repeat;
height: 250px; 
margin-top: 37px;
}
#content-container div#content {
margin:-85px auto 140px!important;
position: relative;
}

.pun {
background:url(http://i.imgur.com/ysCztEa.png) center bottom no-repeat, url(http://i.imgur.com/zcGA5zz.jpg);
min-width:100px;
width:100%;
padding:0;
}

a:link {
text-decoration:none!important;
}

#content-container div#left {
float:none;
margin-bottom:10px;
width:100%;
}

.rlink {
float:right;
display:inline-block;
text-align:right;
}

ul#cungchuyenmuc {
padding-top:25px;
}

#cungchuyenmuc li {
margin-left:25px;
list-style:square;
margin-top:2px;
width:45%;
float:left;
padding-bottom:3px;
}

#cungchuyenmuc span {
position:absolute;
display:inline-block;
width:342px;
height:16px;
overflow:hidden;
margin-bottom:-3px;
}

#cungchuyenmuc a {
text-decoration:none!important;
color:#333;
font:12px Tahoma;
}

#cungchuyenmuc a:hover {
color:#ba3814;
}

#lastest {
padding-left:20px;
line-height:20px;
list-style:decimal-leading-zero outside none;
}

#lastest li {
border-bottom:1px dotted #ccc;
clear:both;
}

#pun-head #pun-navlinks {
margin:57px auto 0;
text-transform: uppercase;
padding: 0!important;
height: 40px;
}
#pun-navlinks li a {
margin:0 .8em 0 0;
}

.user-info {
clear:both;
max-height:0;
overflow:hidden;
position:relative;
}

.user-ident:hover ~ .user-info {
max-height:250px;
transition:all 1s ease;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
}

.i_icon_online {
margin-left:-11px;
}

.offline {
padding:3px;
}

.sceditor-container.ltr {
border:1px solid #ddd!important;
padding:0!important;
}

.pun .user .user-ident {
font-size:12px;
text-align:center;
padding:0 0 .3em!important;
}

.pun table.table {
border-collapse:collapse;
empty-cells:show;
table-layout:fixed;
width:100%;
}

.pun .user-ident .user-basic-info {
font-weight:700;
margin-top:-18px;
padding:4px;
}

.pun .post {
padding-bottom:13px;
border-style:none!important;
}

.user-basic-info .user-ava img {
box-shadow: 0 0px 5px 0;
height:70px;
width:70px;
margin-bottom:5px;
margin-left:-10px;
margin-top:-3px;
padding:2px;
}

.pun .user .user-info {
color:#666;
line-height:1.8em;
background:#fbfbfb;
padding-left:11px;
margin-top:-5px;
-moz-transition:all 5s ease-out;
-ms-transition:all 5s ease-out;
-o-transition:all 5s ease-out;
-webkit-transition:all 5s ease-out;
font-size:11px;
font-style:italic;
}

.pun .user-ident .username {
color:#00569c;
display:block;
font-size:1.2em;
font-weight:700;
position:absolute;
text-decoration:none;
top:0;
background:#fbfbfb;
width:142px;
border:1px solid #ddd;
line-height:27px;
border-bottom:2px solid #E83636;
}

.pun .post .user {
float:left;
margin-left:-17em;
margin-top:-31px;
position:relative;
}

.postmain cite {
font-weight:700;
text-transform:uppercase;
border-bottom:2px solid #d8d8d8;
margin-left:-6px;
margin-right:-6px;
margin-top:-5px;
padding:.25em;
}

.pun .main .options {
margin-top:7px;
}

.pun .postmain {
background-color:#fbfbfb;
border-left:none;
margin-left:104px;
border: 1px solid #ddd;
}

.pun .posthead {
border-bottom:1px solid #ddd!important;
padding:.5em 1.1em .5em 1em !important;
background:#ddd; 
}

.pun .user {
width:9em;
}

[class^="post post--"]:hover .postfoot{
opacity:1;
max-height: 100%}

.postfoot {
padding:0!important;
margin-left: 0!important;
border-top: 1px solid #ddd!important;
overflow: hidden;
max-height: 0;
opacity:0
}
   
.pun .post .user {
margin-left:-113px;
border-top:none!important;
}


.pun a:link {
font-family:Arial, Helvetica, verdana, sans-serif;
font-size:10pt;
text-decoration:none;
}

.clearfix {
clear:both;
}

#ads {
border:1px solid #ccc;
height:80px;
position:relative;
}

#s_ads {
-webkit-transform:rotate(270deg);
background:#ccc;
left:-29px;
position:absolute;
top:28px;
width:66px;
padding:5px 5px 5px 10px;
}

.fol {
border-right:0!important;
}

#pun-title {
font-size:40px!important;
font-weight:700!important;
font-family:comic sans ms;
color:#EEE8AA;
max-width:0;
margin:110px 528px 45px;
}

.left {
float:left!important;
}

.top-menu.search {
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
height:45px;
overflow:hidden;
padding-right:10px;
width:94px;
}

.top-menu.search.selected {
background:#fff;
width:219px;
}

.fol > span[data-icon],.icn_list,.icn_profile,.icn_search,.left [data-icon] {
display:inline-block;
float:left;
height:25px;
width:25px;
margin:10px 8px;
}

.okk {
background:none;
border:none;
cursor:pointer;
height:25px;
width:25px;
margin:10px 2px;
}

.selected .formsearch {
-moz-animation:showmenu 1s;
-ms-animation:showmenu 1s;
-o-animation:showmenu 1s;
-webkit-animation:showmenu 2s;
display:inline;
white-space:nowrap;
}

.module.main.module-advert {
margin-left:248px!important;
position:absolute;
top:66px;
}

#content-container {
max-width:900px;
margin:0 auto!important;
}

.main .main-foot,.main .main-head,.main-head {
background:none!important;
border-bottom:13px solid #57BAFF;
padding:0!important;
margin-bottom: 13px;}

.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title {
color:#57BAFF;
display:inline-block;
font-family:arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:900;
line-height:13px;
margin-bottom: -13px;
margin-top: 13px;
text-transform: uppercase;
margin-left: 27px;
background: #fafafa url(http://www.9xstudio.biz/users/1214/94/30/93/album/wbg10.png);
padding-left: 5px;
padding-right: 5px;
}

.pun table.table th {
background:none;
border-bottom:1px solid #ddd;
}

#calendar th:nth-child(even) {
background:rgba(255,255,255,0.19)!important;
}

#calendar tr {
background:#333!important;
}

#calendar .date {
background:#fff!important;
}

#calendar .date .row2:nth-child(even) {
background:rgba(0,0,0,0.07);
}

#calendar .date .row2 {
background:rgba(0,0,0,0.03);
}

#calendar .date .row3:nth-child(odd) {
background:rgba(0,0,0,0.06);
}

#calendar .date .row3 {
background:transparent;
}

.date td {
position:relative;
}

.date a {
background:#ff8c8c;
bottom:0;
color:#fff!important;
display:inline-block;
left:0;
line-height:30px;
position:absolute;
right:0;
top:0;
}

a[name=p_calendar] + .module.main .main-head {
background:#EC5353!important;
border:3px solid #EC5353;
}

a[name=p_calendar] + .module.main .main-head .h3 {
border:none;
color:#fff;
padding-top:10px;
}

a[href*=/s/] {
background:#ddd;
display:inline!important;
float:left!important;
font-family:arial,sans-serif!important;
font-size:10px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:400!important;
line-height:18px!important;
position:relative!important;
margin:2px 2px 2px 3px;
padding:3px;
}

a[href*=/s/]:hover {
background:#EC5353;
color:#fff;
}

.paging a,.paging b {
background:#ccc;
display:inline;
height:25px;
line-height:26px;
margin-left:-9px;
margin-right:5px;
min-width:18px;
text-align:center;
transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;
padding:3px 10px;
}

.paging a:hover,.paging b {
background:#e83939;
color:#fff;
}

.main .frm-info {
background-color: #FFE4BE;
border: 2px solid #FFAF51;
color: #D58524;
font-weight: 700;
width: 809px;
margin: 0px!important;
margin: none!important;}

.pun .main .main-content p.message {
background-color: none!important;
border: none!important;
margin: none!important;
}

.codebox {
background:#FFF;
border:1px solid #D4D4D4;
}

.codebox dd {
background:#FFF;
margin:0;
}

.codebox dt {
font-weight:700;
text-transform:uppercase;
border-bottom:3px solid #d8d8d8;
}

.codebox dt a {
float:right;
}

blockquote {
border-radius:0;
border-color:#ccc;
}

blockquote cite {
border-radius:0;
}

.spoiler_title {
background:none;
border-radius:0;
color:#fff;
}

.spoiler,.codebox {
border-radius:0;
color:#000;
border:1px solid #ddd;
}

.postmain blockquote {
font-style:italic;
padding:.5em!important;
margin-bottom: 5px;
}
.pun table.table td {
border-style:none none solid;
}

.pun table.table tr:hover td {
background:#f5f5f5;
}

#tabs ul li a {
background:none;
border:none;
color:#ccc;
font-family:'Segoe UI',Tahoma,Helvetica,sans-serif;
font-size:17px;
letter-spacing:-2px;
line-height:30px;
}

#tabs ul li.activetab a {
background:none!important;
color:#333;
text-decoration:none;
}

#pun-navlinks [data-icon] {
font-size:20px;
}

#folow span[data-icon]:before {
bottom:-2px;
font-size:17px;
position:relative;
}

.arrow {
bottom:0;
height:13px!important;
position:absolute;
right:10px;
visibility:hidden;
margin:0!important;
padding:0;
}

#pun-about {
background:none;
border:none;
font-size:9px;
text-align:center;
}

#pun-about a {
color:#6f6f6f;
font-size:9px;
}

.frm-form[name=form_login] {
padding-top:1px;
}

.frm-form[name=form_login] .frm-info {
background-color:rgba(0,173,255,0.19);
border:2px solid #51abff;
color:#2480d5;
font-weight:700;
position:relative;
margin-top: -1px;
}

.frm-form[name=form_login] .frm-info:before {
color:rgba(26,149,245,0.45);
content:"✖";
font-family:icomoon;
font-size:50px;
font-weight:400;
left:10px;
position:absolute;
top:24px;
left: 780px;
}
.frm-form[name=form_login] .frm-info li {
background:none!important;
padding:0;
}

#pro li a:before,.new:before,.old:before {
font-family:icomoon;
margin:2px;
}

.mainmenu[href=/search?search_id=favouritesearch]:before {
content:"\e006";
}

.mainmenu[href=/privmsg?folder=inbox]:before {
content:"\e02e";
}

.mainmenu[href=/profile?mode=editprofile]:before {
content:"\e025";
}

.mainmenu[href=/memberlist]:before {
content:"\e038";
}

.new:before,.old:before {
content:"e032";
color:#fff;
font-size:18px;
}

.lock:before,.new:before,.old:before {
font-size:28px;
font-style:normal;
}

.new:before {
color:#E83636;
}

#pun-navlinks .Cp a {
color:#F40;
}

#pun-navlinks .face a {
color:#445f9c;
}

#pun-navlinks .rss a {
color:#ffaa31;
}

#pun-navlinks .dva a {
color:#5A6D63;
}

#custom-menu {
background-color:#fff;
border:solid 2px #000;
display:none;
position:absolute;
z-index:999;
padding:5px 0;
}

#custom-menu ol {
font-family:Verdana;
font-size:12px;
list-style-type:none;
max-width:200px;
min-width:130px;
width:auto;
margin:0;
padding:0;
}

#custom-menu ol li {
display:block;
list-style:none;
margin:0;
padding:5px;
}

#custom-menu ol li:hover {
background-color:#efefef;
}

#custom-menu ol li:active {
background-color:#000;
color:#fff;
}

#custom-menu ol .list-devider {
margin:0;
padding:0;
}

#custom-menu ol .list-devider hr {
margin:2px 0;
}

#custom-menu ol li a {
color:#000;
display:block;
text-decoration:none;
padding:0 5px;
}

body .galleria-image-nav-left,body .galleria-image-nav-right {
width:150px;
}

#galleria-loader {
height:1px;
}

47%,100% {
opacity:1;
}

50%,97% {
opacity:0;
}

#pun-navlinks ul.clearfix > li:hover,#pun-navlinks ul.clearfix li.left.logo a,#custom-menu ol li a:active {
color:#fff;
}

#pun-navlinks ul.clearfix > li:hover .arrow,.top-menu:hover .cursor,.galleria-info.toggler.open {
visibility:visible;
}

#sub.left ul li,#sub.profile ul li:last-child,#sub.profile ul li:nth-child(1),#sub.profile ul li:nth-child(2),#sub.profile ul li:nth-child(3),#sub.profile ul li:nth-child(4),#sub:hover ul,.galleria-carousel .galleria-thumb-nav-left,.galleria-carousel .galleria-thumb-nav-right {
display:block;
}

#smallrum {
color:#fbfbfb;
margin:3px 1px;
padding:1em;
}

#smallrum a img {
vertical-align:middle;
padding-right:2px;
}

#smallrum a.gensmall {
display:inline-block;
text-align:left;
width:44%;
}

#lbOverlay {
position:fixed;
z-index:999;
left:0;
top:0;
width:100%;
height:100%;
background-color:#000;
cursor:pointer;
}

#lbCenter,#lbBottomContainer {
position:absolute;
z-index:999;
overflow:hidden;
background-color:#fff;
}

.lbLoading {
background:#fff url(http://i82.servimg.com/u/f82/18/27/81/04/loadin10.gif) no-repeat center;
}

#lbImage {
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink {
display:block;
position:absolute;
top:0;
width:50%;
outline:none;
}

#lbPrevLink {
left:0;
}

#lbPrevLink:hover {
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/prevla10.gif) no-repeat 0 15%;
}

#lbNextLink {
right:0;
}

#lbNextLink:hover {
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/nextla10.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:10px;
color:#666;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-top-style:none;
}

#lbCloseLink {
display:block;
float:right;
width:66px;
height:22px;
background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/closel10.gif) no-repeat center;
outline:none;
margin:5px 0;
}

#lbCaption,#lbNumber {
margin-right:71px;
}

#content {
max-width:837px;
-webkit-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
background: #fafafa url(/users/1214/94/30/93/album/wbg10.png);
margin:0 auto;
padding:13px;
border: 1px solid #ddd;
box-shadow: 0 0px 55px -20px;
}

.pun .main table td.tc2,.pun .main table td.tc3 {
background-color:none!important;
}

#page-body {
margin:0 auto;
}

.main-head:hover .c3zone{visibility: visible;}

.c3zone {
float:right;
padding:14px;
visibility: hidden;
}

.c3zone i {
display:block;
cursor:pointer;
border:5px solid #fff;
border-radius:5px;
}

.c3zone i.c3show {
border:5px solid #EE82EE;
border-radius:5px;
}

#pun-head #pun-navlinks li:first-child a,#lbCaption {
font-weight:700;
}

#mudimPanel {
opacity:.7;
position:fixed;
z-index:999!important;
text-align:center!important;
border:1px solid #ADD8E6!important;
-webkit-transition:all .3s ease;
-moz-transition-property:left;
-moz-transition-duration:.3s;
-o-transition-property:left;
-o-transition-duration:.3s;
background:#fff url(http://i45.servimg.com/u/f45/16/55/88/76/bogo11.png) no-repeat right center!important;
bottom:9px!important;
left:-364px!important;
width:330px!important;
height:47px!important;
font-size:11px!important;
line-height:22px!important;
padding:4px 50px 4px 4px !important;
}

#mudimPanel:hover {
left:0!important;
opacity:1!important;
}

#toTop {
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
display:inline;
width:21px;
height:21px;
border:none;
text-indent:100%;
background:url(http://i.imgur.com/qPAA32G.png) no-repeat left top;
}

#toTop:hover {
background-position:0 -26px;
-webkit-transition:.3s;
}

#profile-advanced-right {
margin-top:139px;
width:175px!important;
}

#profile-advanced-details {
margin-right:-120px!important;
}

#profile-advanced-details .message-footer {
border-top:1s solid #ddd!important;
}

#profile-advanced-details .message-header {
border-bottom:2px solid #ddd;
margin-bottom:15px!important;
border-top:none!important;
}

.sig-content>br:nth-child(1),.sig-content>br:nth-child(2),#pun-about #qjump,#toggle-button,#add-google-bottom,#calendar > p,#calendar > table + br,#right,#sub.profile ul li,.formsearch,.selected .label,#pun-visit,.c3zone i.c3inv,#mudimPanel a:first-child {
display:none;
}

.pun .frm-form,.pun .topic {
background:none!important;
}
/*!
 * leftslideshow - jQuery Plugin
 * version: 2.0 (Thursday, September 19, 2013)
 * requires jQuery v1.4 or later
 * Homepage http://zzbaivong.blogspot.com/
 * Copyright 2013 baivong
 */
.b_SideImg{position:relative;border:5px solid #FFF;box-shadow:0 0 1px #000;overflow:hidden;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:10px auto}
.b_slides{margin-left:0!important;background:#333;position:absolute;top:0;left:0;list-style:none;width:inherit;height:inherit}
.b_content{position:relative;width:inherit}
.b_slides li{background:inherit;position:absolute;top:0;left:0;width:inherit;height:inherit}
.b_slides.faded li{opacity:0;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.faded li.selected{opacity:1;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.slided li{display:none}
.b_slides li img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.b_slides li p{background:rgba(0,0,0,0.54);font-size:.8em;line-height:1.3em;color:rgba(255,255,255,.8);position:absolute;bottom:0;right:0;left:0;text-align:left;opacity:0;padding:5px 10px}
.b_slides li p.show_info{opacity:1;transition:opacity .5s;-webkit-transition:opacity .5s}
.b_slides.slided li.selected,.b_slides.slided li.change{display:block}
.b_control{position:relative;bottom:0;left:0;background:#FFF;width:100%}
.b_control.hidden{position:absolute;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_control.hidden:hover{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_timebar{position:absolute;top:0;left:0;height:3px;width:0;background:red;z-index:30}
.b_paging{margin-left:32px;text-align:right;padding:1px 0}
.b_prev,.b_next,.b_pause,.b_play,.b_paging a,.b_paging a.selected,.b_fullscreen,.b_info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAEWCAYAAADhB160AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QkTCwsrbtXwOwAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAASRUlEQVR42u2dCVhVZRrHEQUBFRFxmcnUDK1m1Exn1JAYU9QUXFBTWVJCQq00MjNzoRqzyXTMJSxxIUezRCwRN3IhLcEdyQVxp0EMl2RTliu88/4P9965ON57zzn3nHuZnnue53283HuW3/nO973b935HByJyqG0iaefCwkI/SK2BysnJ8YuLi0tdv3596s2bN/1sDgWgefPmpT711FPUs2dPWrNmjapgooG8vb2pTp065OTkpDqYJCAH3h3i7OysKphkIGuAyQJSG+yhX+7fvz+mb9++JoHUBHvol5cvX/aLiYlJbdOmjVkoQ7D4+HhFwIz+IAfs2WefVQTM5I+2AjO7gy3ARO1kbTDROwJszpw5VgGTdAeWgN26dctPFShrgckaHWqDydYlly5dUg3MIs0rF+zLL780CWaxncrIyIgJCQkhNzc30WADBw6kAwcOxKgCBX89OTk5NSAggFxdXUVBeXh4UHBwMB06dEh5KB1QUFAQNW7cWDTQiBEjaPv27ammApBaByQLSm0gWXGf2kCSoKwFJBrKmkCioAyBcCG1gcxCWQK0bdu2VLl5h1oHZBTKlkBGodLS0mJGjx5tEyCjUDCWgwYNovr161sdyCgU3Iq1a9em9urVS7Dq1gQy2dF1YD4+Pg8FUwvIrEoAGByyB8HUBBKlPB8EUxtItJnRgcFjHDNmjKpAkgwywDAq09PTY9TOEDv83+fR7VB2KDuUERcIKgSqRNVUkBQgKFkoWyhdc/kD1aF0QDBHMEswTzBTYsFUBzJMbIgFswrQg2BwiVRNBYkFMgSD82gKzKpAOoGbDXfbWI7K6kA6JxGBCQIUVZJmcoAQuiGEM+YC1Togi5JmagHJTpohcaEWkKykmVQgpI6kAElOmlkDSFLSzFpAopNm1gQSlTSzNpDZpJktgExCYZoC0xVigTANgukQS4FMQsFYwmM0lQoyFEwYYeIIE0iqpoLgkGEqTCwYptgw1YYpN1VTQZg0tDaYqMSGXDBM66qaCrImmKRUkLXAJN0Bih6sASb5ecsFQ1mKWDBZo0NtMNm6RE0wizSvWmAWh1g6MJS/KQWmSDAKMBQKigVDASIKEVGQqGrYLhYMQCjVRMkmSjdVT3CYAxMDpEoqyBiYWCDVkmaGYCiAlgKkanrREAwl42KBVE/EAgxF9SiuFwtklZS1nCUItTSPDi5bih3KDlUboIrcG9HNpp5UXq9e7YH691//Qhljw+iM33N01aMx/Vavru2h7owcQRe2JtGehG9o3fhw2tvtGSqpX9/GfSo4mO5nZdGF8lJKOn6UNn+2lM7270cFzbyohL2A+zaBGj2a6Nw5HEz3NBq6fCOfTm9LpoMz36Uf/fvSLy1b0D2neqSxKtSYMUTcUoZbSUU5ZfyaR6nbttKO6dMouW9vyvzjH6iKXRSbQWGrAty9e3TsyiX617YkSoyeQjntvaWDKQml2zSVlZR3t4gyfs6kn5cspowXR9LPTzxBRc5OtoPSbeXc327duEHpx47S3qVLKG3USMro9Ge61sTDdlDYKlmKqqroGsMlpf1EX/z9PTrcuZNtoKoMPt9juZGTQ0d4hO6cNpWy/vSU7VrqLsvFogJKZ112du7f6VbfPlTYrh3dbdTI+lCAyS8qoqyTGbR93b8oeWIUXfV+nCptMfoqoBKKCulS1llK+2YDHZ0wgX7u+gxdYONdYW2VcJ+lkJXnubxrlLUpgS5GRVE2G+3rHh5W1ujZ2cLIKisvp1w2M7sOpVHiogV0qvffqMzFxfq2r4qhKk+fplxNBR0+cpjSFi2kfSOC6PAT7VlBOtvGS/glIIAy16yijM+W0fERw+k8mxINO3yVcuycUlBXeCQd7+VDue0eo3JuGY1SMJZAlbFbctfJSb5rYo9m7FB2KDuUhVAvvfQSGRPskJCQ4GhBAqwO/jV3DclQ3bt3d5YLVVVV5agKlL+/v5NcqMrKSsuhdu3a1bikpKTpqlWrGnfu3NlVqRxmcXFxQz4vzu21YsWKxpKgrJVolQwlZmrMErFDKQpl8Ee9B6EUS9b/7zmdxM441LUiVF2xUE7GoCx5VEbO6WyHskPZoexQdig7lHq2z1lSCYCVoEzvb3fyfldQtTKaqXVQRiJk2bmEiooKdXIJvr6+tS+XMHToUCerQxUUFDRl8XqINFKqD925c8fDyDXcf5+Lo5s3b+7cqlUrj65du3r369fPJzw8PHDcuHGBAwYM8O3WrVuH1q1bezRr1szZKlAtW7Zs2L9/f5/Y2Nh/ZmVlZdy7d6+Q+0ulfrqWP5eWlhaeP38+My4ubklgYKAvw7u7uro6Kg7l6enpzC3SPSUlJUmj0ZSTyO3+/fuaffv27QwICPDlG3JWDAqtM3v27GjWNXdrXLGggGj3bqLFi4mmT6+WRYuIdu0iun27Zs2CRlP60UcfzUCrWQzVrl07zzVr1iyrrKzUaJ8P0cmTROHhRKZmQDGJHRxMdOxY9TEoC+Btw4YNq5988snmsqHQQgwUW6U9KVVUEM2eTeTqKj4NjVKmqVOJSkt1fY42bdq09rHHHnOXDIU+NGvWrGh9CxUXEwUFyc+R+/sT/fabvsUWLFgQwyPYRRIUj7Ce3Ieqb6+c+/XQoZYn7wGmbTHc7ODBg3u7u7s7ioLCY8Mo0/ehWbOUm1V4/XV9H0tPT9/bpk0bd1FQAwcO9OGhXD3sMzKILJ1FNxQnNp9pafrWCgoK8jcL5eXl5fzFF18s0Y/lsDDl52DQN7XbV199tbJJkybOJqEeffRRj+zs7EzhCHRMd3floTB68/KES1y9ejUbasckFOwWzIRwREqKejNWiYlaLVNR2rNnz84moXhE+Olt2cKF6kG9955eb7EvNcgk1Pjx44fpH/ibb6oH9cor+stMnjw5zCRUVFSUdaAiIw2hxpqEYpe3t96sfPyxelAwV9oNfphJqB49ejxZVlZWLOy9dat6UBs26L2HXr16dTEJxR6j56VLl6qLpPLziRo0UB4IRvrqVeESubm5V9q3b9/cJFTTpk2d4+PjP9e37ciRykMNHKg//ebNm9e2aNHCxayZ4X7VR+8dpKcTKVEbpZO6dYlSU/Wuc2hoaKAo28eP0P3gwYN79QYZRlQpqNBQGD2tWc04yAbZUxQU3Al2+HvrjfJd9oKfe85yoGeeqXahtT5VcHDwoIYNGzqK9qfggC1atOgDvXa/eZPI19cyoNxcvRZfuXLlp9yX3CS7w23btvX49ttv1+n1VklJtdKTssYBfSgkRN9C2Pbs2ZNkygibDRzYyW+ZlJT0tb7F0B/27ycKDKwe2sZgMDj69QOBvg/h5gDUqVOn1haHWOzkeyxbtmyefkTqtl9+Ifr6a6KZM4kiIohefploxgyi9euJrlypWeDMGx6Z2BYSFYxyCO7CXmL/o0eP7scFxAajaOGTJ0+mc6cOfOSRR9wUD9sbNWrkiBzBqFGjBiUmJq6FNtaP0JpRcXleXl7Oli1bvmI9NATD3twoszjB4eLi4ggtDPPg4+PTJSIiYtiUKVPCIZGRkcN8fX27ent7N8cIbtCggaPVsi4PSmZmpiPEpqmgO3fueLL4soQUFBREs8zTyjSWEP6+D0tz1aH4IvVY/sTyActBlusslbdv36YbN24IcuvWLVZJBcTf32Q5yvIpS08WZ8Wh+KQdWeazFOOi3JHx1lN24xfS22+/zd7tK4JER0cTh+TESpe1whUdYDnLCsApAoU7ZAlkucSiOXv2LDukHxNHPcSdnZV7PXJ0dKwh+I5dIOrYsSOrrRkwvMStWcnH/5slgsVNNhTfJR7XDJbb169fp7i4OHr66acfCmJKeJQS21HKyclBqxWz/JPP3VAylLaFAFTMniibvEhiXSMJxlDwqh720ygrK4tj3N/wOGNZGkqFGoYWAhBy3HXZsMoF0gnO0Y/tIasOtFgpy6uioXjnLixX8MjQQmKA8MKihIQEOnHiBM2fP98kGPtqwiDga1yD6jALpR32C7hjapYvX85xQwNRrYDRxsfpBa1rbF+8RfDDDz+E+kDn38TiYg6qK5oWowyjR+yjOXDgQA0oqAZT+7NxxlsEsS/AepuD+gdOijuRMspeZrfl/Pnz6MS0e/duQWWYO+Z19v2xP19vHUa6sbkZzJGkY+hi6EvtyADx9/cXvf/jjz9O7NYA6gyL90Oh0Iws+expkpeXl8WjzZywK0SrV69Ga93l6w43BjWWd6jEoxMz4sLCwoST/vTTT3TkyBFasmSJpJaCsLvDMclNmKPZxh7fDOyAHc2dDKMLHRUwhh1848aNkqCGDx9Ov/76K6BWGoNakp+fz/FiqKQTHzt2TA+F48V0cp306dNHMO58bJKxx/c5Too3vUmBMmwtdpElHcteqnAMH7vTGNRs+EQTJ04UfdIePXoIfpQOKiUlRRIU3qWHx8fHrjb2+CKgN2JiYkSfdMKECTX61Lx58yRBRUVF6W5qrrGWeoGl8GuO5fCiPjEnXbVqVQ0oeAJSPAeMWK3XMNZYS7VmycjOzqYOHTqIOrHW4guC46S0EodrdPDgQdI6kJ2NQTnyjytxAZgAcyf18/Or0UqbN2+W3J/g0/OxyXxtZ1O2D1q9EjoIRtPUSfG+YEOo5ORk0UDu7u70/fff63z4CHMG2YVlI9yKuXPnCm6GqZNDm+ugENXgZg4fPiz4TMaOwTuDXn31VYK/xsftNeWBGjp5/gifLl++TM8//7xJqCFDhhD8Ljh3P/74I/JOxGG9yWO6dOlCp0+fBlAh4kYp7nA0QiNEInjftFJGGAMoNTVV50ctMOayGINyR6wGDxRmBJ0a75CSC4NHBncIQFqPM5mlpeQQSxuaxyPeu3jxIk2fPp2aNWsmGQidetKkSXTq1CldC2G0tbMkGPVgmYkwHJr3hx9+EDyEtm3bCsrPGIiLiwu1atVKUKY7duzQmRL0oQViWkhs2D4ERhNDGKMMIyw2NpZee+01GjBggGBYYQf79+9PERERQvCJG9D6SqTNPYyFLlQ6weGmjQe/Y7mAgYCLYmhfu3ZNsPb4jBZl06FBmIYbYYkUE3halArSRs9IeIRp0z8b+XOKVuds0gYfUdrIyM2iVJBD8Aiypdih7FC1A2p0EDmMHEwOwwOrZQR/HjXsv7+PGU4OLw7R/qbd58Wh1d+rAsUnbjx+LHWYOpm6vDuNnp7xFnWc/ia1mDie6oa+KAC7jgumtlMmURf+rfM7U4V9Wk+eQPXHjhEFJg0KJ+SLPvfBHFq+O4V2njxB2zNO0KbD6RQWu5QahodyqwRQ+zcn05xN39AO/i35+FHalnGcpm9YR61fn1DdqopD8WMK/WwxXbmRX+PFMvO3fkeekWPJYcgA6jHnXdp9KrPGlMiWY0eoE7eoQ1CAOlBjli6irGu5/32PS3k5ffhdIjXRQv119gyhdQy3hENp9Oe3o+1Qdig7lB3KDmWH+l1A3asNUMHLPqXz1/P0FyzTaOijLZv1UN0ZakdmRg2oxMOHqKNqUOxPdZs5nWISN9Kq1D0Ut283Ld65nQYv/JjcxoUInmabyRNp0pqVtJJ/+5z9rhV7v6fxccvpD5Mi2WMdoo477MIeZNNXwqnlpPGCNJ8QQQ1eDqU6ISMFcKewUeTB3il+azExQvBKG49/ierBM1Xc8zT00eFz464h8MdHD/ufx6z/HYK/VfPR7SGWHcoOpSKUfX2ffX2frdf3FRcXC5PaiYmJtGLFCkFQhIN0dmFhofXW96HUFrMPqDYbPHiwMKH0MEGVEOobzp07R1Vqru/juyX+W0jmG4N5UJDsxyxXeXm58uv7uEPjf2oSDfOgTJs2jYqKipRb34cW4j4lG0gnb731FpWVlVm+vg/NjXoWS4F0snTpUn0fk72+78KFC5L6kDlBgc6ZM2csW9/Hw1gxIJ2gb8pe34eOiQlqpaFeeOEFYepf1vo+FNYoDaST/ViSIGd9H2qh1IKKj4+Xt74PM59qQaEQWtb6PjWhUIkta30f2ynVoKD7ZK3vQ8WOWlB7sJ5Gzvo+FHjh/xdVGghGGiUBstf3vf/++4pDvfPOO5at70MNMcq1lQLC/0CH+hmL1veh06NETSko1OxVKrG+jzU8vfHGGxYDYWFGCVa+KbW+D6UhqJSVC4QqRVR7KL6+Dy0GpQf3Q0ofQsUaggzV1vehP6Bce+bMmcLQNjXssZ7m+PHj+j5klfV9KOndu3evUOv5ySefCGsbsIwFRfIoxLGv77Ov76uN6/v+AzPanmpINVhVAAAAAElFTkSuQmCC) no-repeat;width:32px;height:32px;z-index:20}
.b_prev,.b_next{cursor:pointer;position:absolute;top:50%;margin-top:-23px;width:37px;height:43px;opacity:.5}
.b_prev{background-position:0 -43px;left:0}
.b_next{background-position:0 0;right:0}
.b_pause,.b_play{position:absolute;top:1px;left:0;cursor:pointer}
.b_pause{background-position:0 -214px;display:none}
.b_play{background-position:0 -86px}
.b_paging a{color:#FFF!important;font-size:11px;display:inline-block;text-decoration:none;text-align:center;background-position:0 -246px;line-height:32px}
.b_paging a:hover,.b_paging a.selected{color:#FFF!important;background-position:0 -150px}
.b_paging a.b_wait{opacity:.3;cursor:wait}
.b_info,.b_fullscreen{cursor:pointer;background-position:0 -182px;opacity:.3;position:absolute;top:5px;left:5px}
.b_fullscreen{background-position:0 -118px;left:auto;right:5px}
.b_info:hover,.b_fullscreen:hover,.b_prev:hover,.b_next:hover{opacity:1}
.b_load{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-75px;z-index:30;text-align:center;width:150px;line-height:50px;height:50px;font-size:50px;color:#FFF;opacity:.5;font-weight:700;text-shadow:0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000}
.b_copy{position:absolute;z-index:10;width:inherit;height:inherit;left:0;top:0}
.b_SideImg:fullscreen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:fullscreen .b_content{height:100%!important}
.b_SideImg:fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-ms-fullscreen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:-ms-fullscreen .b_content{height:100%!important}
.b_SideImg:-ms-fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:-ms-fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-webkit-full-screen{width:100%!important;height: 100%;border:0 none}
.b_SideImg:-webkit-full-screen .b_content{height:100%!important}
.b_SideImg:-webkit-full-screen .b_control{position:absolute;opacity:0;-webkit-transition:opacity .3s}
.b_SideImg:-webkit-full-screen .b_control:hover{opacity:1;-webkit-transition:opacity .3s}
.b_SideImg:-moz-full-screen{border:0 none;height: 100%}
.b_SideImg:-moz-full-screen .b_content{height:100%!important}
.b_SideImg:-moz-full-screen .b_control{position:absolute;opacity:0;-moz-transition:opacity .3s}
.b_SideImg:-moz-full-screen .b_control:hover{opacity:1;-moz-transition:opacity .3s}

Nếu muốn thêm ảnh nền cho box bạn thêm code sau vào css:

Code:

table[id^="c"] td.row2.icon a[href^="/f2-forum"] {background: #fff url(http://i.imgur.com/Pg3ZkyS.png);}

thay số 2 ở /f2-forum thành số box và https://i.imgur.com/Pg3ZkyS.png thành links ảnh

đẹp nhỉ ^^

xem

 

skin lỗi header admin ơi , chỉ là giống 9xstudio thôi chứ bị lỗi rồi kìa

lỗi gì hả bạn? skin này  tớ dạy 1 ng rip nên tớ ko kiểm tra code nhưng thấy dựng lên giống 9xstudio

- Mình đã kiểm tra lại code và fjx xong !

cho xin cái las với cái wetopic luôn admin ơi

like !!

xem

xem

xem

Xem

xem

xem

cát ku2

là sao vậy ad, sao chỉ có css mấy vậy, e xem thấy mỗi css

ơ mà cái view đâu, chủ yếu là cái view mà

cái thanh nav cũng lỗi rồi

xeee

xem

ờ

tesx

xxx

ZZ