Đăng nhập

Ghi nhớ
Latest topics
» Skin]Teen Pro9x [ PunBB ]
by chiecla1989 11/10/2017, 8:56 pm

» [Thắc mắc] Website tự thay đổi banner
by white1416 29/9/2017, 8:05 pm

» [Thắc mắc] chỉnh màu <hr>
by sayedn73 28/9/2017, 3:21 pm

» Một số cover cho Zing.me và Facebook
by sayedn73 28/9/2017, 3:18 pm

» Cần xin skin ngamvn.com
by sayedn73 4/9/2017, 2:40 pm

» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

Top posting users this week


Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔]

Bài gửi by faver on 22/11/2014, 12:11 pm

Các pro xem hộ và chỉ dùm mình chỗ sửa với. Trong ảnh là tình trạng hiện nay của mình gặp phải, kích thước của forum dài vượt quá màn hình, phải kéo thanh cuộn ngang qua mới xem đủ hết nội dung. Mình đang dùng CSS của Skin Cnnt Black IT




Đây là CSS của mình, mong mọi người giúp đỡ
[hide]#pndcwidget {
 background: url('http://i43.servimg.com/u/f43/16/93/80/74/sideba10.png') no-repeat;
 position: fixed;
 left: 0;
 margin-top: 150px;
 height: 82px;
 width: 23px;
 display: block !important;
 z-index: 999;
}

.widget-button {
 display: block;
 height: 16px;
 margin-bottom: 8px;
 margin-left: 3px;
}

.support { background: url('http://i43.servimg.com/u/f43/16/93/80/74/suppor10.png') no-repeat; margin-top: 8px;}
.donate { background: url('http://i43.servimg.com/u/f43/16/93/80/74/money10.png') no-repeat; }
.notif { background: url('http://i43.servimg.com/u/f43/16/93/80/74/note10.png') no-repeat; }



/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}

.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}





/* Số trang */
.paging{background-color:#1571A3;border:3px double #D1D1E1;box-shadow:-2px 2px 2px #C8C8C8;color:transparent;width:auto;margin:0 0 4px;padding:5px 10px}
.paging a{border:0;color:#FFF!important;font-size:.9em}
.paging b{border:0;color:#FF0;font-size:1.5em}














/* Giới hạn kích cỡ avatar */
.user-basic-info a img {
background: white;
border: 1px solid #CBCBCB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
margin: 5px auto;
padding: 2px;
width: 105px;
}




.pun .user .user-info {
color: #666;
line-height: 1.8em;
text-align: left;
border-radius: 4px;
border: 1px solid #CCC;
padding: 2px;
background: #FCFCFC;
padding-left: 10px;
}
/* Button */
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px #fff;
-moz-transition: all .218s;
-ms-box-shadow: inset 0 0 1px #fff;
-ms-transition: all .218s;
-o-box-shadow: inset 0 0 1px #fff;
-o-transtion: all .218s;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px #fff;
-webkit-transition: all .218s;
background-image: linear-gradient(top,#fff0%,#e0e0e0100%);
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 3px;
box-shadow: inset 0 0 1px #fff;
color: #555;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
font-size: 11px;
font-weight: 700;
height: 2.95em;
padding: 0 .91em;
text-shadow: 0 1px 0 white;
transition: all .218s;
}


#profile-advanced-details .autobot{color:#2220fb!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.post .post-options{height:22px;position:relative}
.hihi {background-color: #1F537B;color: #DEDFDF;font-weight: 400;padding: 0.7em 0.1em;}
.numtopF{margin-right:-12px!important}
a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox'],#left,#textarea_content dt,#dulieutip,#dulieupostter,#sapxepdulieu{display:none}



.dacong{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll 0 0 ;float:left;height:16px;width:16px;text-align:middle;}.datru{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll ;float:left;height:16px;width:16px;text-align:middle;}
.vote-button{float:left;width:90px}
.c3zplus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll 0 0 ;float:left;height:16px;width:16px; text-align:middle; margin-left:-113px;}
.c3zplus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:34px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll ;float:left;height:16px;width:16px;text-align:left;}
.c3zminus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:34px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat left center;padding:0 0 0 20px}.no .vom{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat left center;padding:0 0 0 20px}

.button:hover{-moz-border-radius: 3px;-webkit-border-radius:3px;color:#000000;border-color:#999;background:#f3f3f3;background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);outline:0;-moz-box-shadow:0 0 5px #4d91cd;-webkit-box-shadow:0 0 5px #4d91cd;box-shadow:0 0 5px #4d91cd}
input:hover, input:focus {border:#1391E6 1px solid !important;box-shadow: 0 0 5px #1391E6 !important;-moz-border-radius: 2px !important; -webkit-border-radius: 2px !important;-webkit-box-shadow: 0 0 3px #1391E6 !important;-moz-box-shadow: 0 0 3px #1391E6 !important;transition: all 0.25s ease-in-out !important;-webkit-transition: all 0.25s ease-in-out !important;-moz-transition: all 0.25s ease-in-out !important;}



.slimHeader #pageNav {
margin-right: 1px;
padding-top: 6px;
}
.slimHeader #pageNav .topNavLink {
height: 31px;
}#pageNav li {
float: left;
}
.slimHeader #pageNav .topNavLink a {
height: 31px;
line-height: 29px;
padding: 0;
vertical-align: top;
}
.slimHeader #pageNav a {
color: #000000;
}
#pageNav a {
color: #ffffff;
display: block;
display: inline-block;
font-weight: bold;
height: 22px;
padding: 8px 10px 0 10px;
text-decoration: none;
}
.slimHeader #pageNav .headerTinymanPhoto {
border: solid 1px #294A8F;
border-top: solid 1px #123682;
-webkit-border-radius: 2px;
height: 23px;
margin: 3px 5px 3px 3px;
width: 23px;
}
/* CSS del Header */

#rep-mail-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 25px;
  font-size: 11px;
  width: 100%;
  z-index: 999;
}
  #rep-mail-bar .padder {
     position: relative;
     padding: 0;
     width: 100%;
     margin: 0 auto;
     background-color: #000000;
   
     height: 39px;
  }
     body#repmail-default #rep-mail-bar .padder {
        min-width: 960px;
        max-width: 1250px;
     }

     body#repmail-default.activity-permalink #rep-mail-bar .padder {
        min-width: 960px;
        max-width: 960px;
     }

#rep-mail-bar * { z-index: 999; }

#rep-mail-bar div#rep-mail-bar-logo {
  position: absolute; /* Hace "flotante" la bendita barra */
  top: 5px;
  left: 10px;
}

#rep-mail-bar a img {
  border: none;
}

#rep-mail-bar li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: left;
}

#rep-mail-bar li a {
  padding: 7px 13px 7px 13px;
  color: #eee;
  text-decoration: none;
  font-size: 11px;
}
  #rep-mail-bar li.alt { border: none; }

  #rep-mail-bar li.no-arrow a {
     padding-right: 15px;
  }

  #rep-mail-bar ul li ul li a span {
     display: none;
  }

#rep-mail-bar li:hover, #rep-mail-bar li.hover {
  position: static;
}

#rep-mail-bar-logo {
  float: left;
  font-weight: bold;
  font-size: 11px;
  padding: 5px 8px;
  margin: 0;
  text-decoration: none;
  color: #fff;
}
  body#repmail-default #rep-mail-bar-logo { padding: 2px 8px; }

/*******************/

#rep-mail-bar ul { /* Todas las listas */
  margin: 0;
  list-style: none;
  line-height: 1;
  cursor: pointer;
  height: auto;
  padding: 0;
}

#rep-mail-bar ul li { /* Todos los objetos de las listas */
  padding: 0;
  float: left;
  position: relative;
  background: url(http://i68.servimg.com/u/f68/15/78/66/50/admin-10.gif) 88% 53% no-repeat;
  padding-right: 9px;
}

#rep-mail-bar ul li.no-arrow {
     background: none;
     padding-right: 0;
}

#rep-mail-bar ul li ul li {
     padding: 0;
     float: left;
     position: relative;
     background: url(http://i78.servimg.com/u/f78/15/78/66/50/admin10.gif) 95% 53% no-repeat;
     padding-right: 11px;
}

#rep-mail-bar ul li ul li.no-arrow {
     background: none;
     padding-right: 11px;
}

#rep-mail-bar ul li.align-right {
  position: absolute;
  right: 0;
}

#rep-mail-bar ul li a {
  display: block;
}

#rep-mail-bar ul.main-nav li:hover, #rep-mail-bar ul.main-nav li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  background-color: #333;
}

/* Listas de segundo nivel */

#rep-mail-bar ul li ul {
  position: absolute;
  width: 185px;
  left: -999em;
  margin-left: 0;
  background: #333;
  border: 1px solid #222;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
}
  #rep-mail-bar ul li > ul {
     border-top: none;
  }

  #rep-mail-bar ul li ul a {
     color: #eee;
  }

#rep-mail-bar ul li ul li {
  float: left;
  width: 174px;
  margin: 0;
}
  #rep-mail-bar ul li ul li:hover a {
     color: #fff;
  }

#rep-mail-bar ul li div.repmail-bar-clear {
  clear: both;
}

#rep-mail-bar ul.main-nav li ul li:hover, #rep-mail-bar ul.main-nav li ul li.sfhover, #rep-mail-bar ul.main-nav li ul li.sfhover {
  background-color: #222;
}

/* Listas de tercer y mayor nivel */

#rep-mail-bar ul li ul ul {
  margin: -25px 0 0 184px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
  #rep-mail-bar ul li ul li:hover ul li a {
     color: #eee;
  }
     #rep-mail-bar ul li ul li ul li:hover a {
        color: #fff;
     }

#rep-mail-bar ul li:hover ul, #rep-mail-bar ul li ul li:hover ul, #rep-mail-bar ul li.sfhover ul, #rep-mail-bar ul li ul li.sfhover ul  {
  left: auto;
}

#rep-mail-bar ul li.align-right:hover ul {
  right: 0;
}

#rep-mail-bar ul li:hover ul ul, #rep-mail-bar li.sfhover ul li ul {
  left: -999em;
}

#rep-mail-bar ul li.search {
  background: none repeat scroll 0 0 transparent;
  margin-right: 10px;
  margin-top: 1px;
  position: absolute;
  right: 0;
}





/* Rep Mail Items */

#rep-mail-bar-search {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #666666;
  color: #666666;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  cursor:text;
}

#rep-mail-bar ul li.search:hover {
  background-color: transparent;
}

#rep-mail-bar a.rss  {
  float:right;
  margin:6px 8px 0px 0px;
  color:#B4BFC0;
  padding:1px 0px 4px 16px;
  background: url(http://i68.servimg.com/u/f68/15/78/66/50/rss110.png) no-repeat top left;
  font-weight:bold;
}

#rep-mail-bar a:hover.rss {
  color:#fff;
}

#rep-mail-bar a.twit {
  float:right;
  margin:6px 8px 0px 0px;
  color:#B4BFC0;
  padding:1px 0px 4px 16px;
  background: url(http://i68.servimg.com/u/f68/15/78/66/50/twitte10.png) no-repeat top left;
  font-weight:bold;
}
#rep-mail-bar a:hover.twit {
  color:#fff;
}




#boxeur_red {
background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EEE));
background: -webkit-linear-gradient(top, #FAC0BE 0%,#F9827F 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(top, #F9F9F9 0%,#EEE 100%);
padding: 7px;
border: 1px solid #D30D3F;
border-radius: 1px;
}

.tuto .title  {
background: #2E3138!important;
border-bottom: 2px solid whiteSmoke!important;
border-top: 2px solid whiteSmoke!important;
margin-left: -10px;
margin-right: -10px;
margin-top: 0px;!important
margin-bottom: 15px;
padding: 16px 6px 6px!important;
}

.tuto {
font-size: 12px;
border-color: #2E3138!important;
background: white;
border-bottom: 10px solid #2E3138!important;
border-left: 1px solid #2E3138!important;
border-radius: ;
border-right: 1px solid #2E3138!important;
border-top: 10px solid #2E3138!important;
padding: 5px;
}

.pun .entry-content {
overflow: hidden;
padding-bottom: .8em;
width: 100%;
font-size: 13px;
}

#boxeur_green {
background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CEE5CF), color-stop(100%,#95CE9A));
background: -webkit-linear-gradient(top, 95ce9a0%, #CEE5CF 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(top, #F9F9F9 0%,#EEE 100%);
padding: 7px;
border: 1px solid green;
border-radius: 1px;
}

#tabs ul li a:hover {
background-color: #FAFAFA;
border: 1px dashed #CCC;
text-decoration: none;
border-top: none;
border-bottom: none;
}
#tabs ul li.activetab a {
background-color: #FAFAFA;
border: 1px dashed #CCC;
text-decoration: none;
border-top: none;
border-bottom: none;
}

#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
font-size: 10px;
}

input[type="text"], input[type="password"] {
outline: none;
}



#pun-about {
background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EEE))!important;
background: -webkit-linear-gradient(top, #F9F9F9 0%,#EEE 100%)!important;
background: -o-linear-gradient(top, #F9F9F9 0%,#EEE 100%)!important;
background: -ms-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;
background: linear-gradient(top, #F9F9F9 0%,#EEE 100%)!important;
border: 1px solid #E3E3E3!important;
border-radius: 3px 3px 3px 3px;
width: 781px;
}

#submit_button {
padding: 2px!important;
font-family: arial, sans-serif!important;
border-width: 1px;
border-style: solid;
padding: 5px;
cursor: pointer;
font-size: 12px!important;
border-radius: 2px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
box-shadow: 0px 1px 0px rgba(255,255,255,0.75) background:#f9f9f9;
background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EEE));
background: -webkit-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(top, #F9F9F9 0%,#EEE 100%);
border-color: #CCC;
color: #666;
text-shadow: 0px 1px 0px white;
margin: 3px;
outline: none;
}

.select {
background-color: black;
border: 1px solid #BCBCBC;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
z-index: 100;
}
#stats p b a.gensmall {
background: white;
padding: 3px;
border-radius: 4px;
border: 1px solid #CCC;
border-bottom-width: 2px;
}

#stats img {
border: none;
float: left;
width: 102px;
margin: 12px;
}

#boxeur {
background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EEE));
background: -webkit-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(top, #F9F9F9 0%,#EEE 100%);
padding: 7px;
border: 1px solid #CCC;
}

#ddrequest {position: absolute; top: 0px; left: 0px; width: 200px; background: #fff; color: #000; border: 1px solid #888; text-align: center; z-index:1000}
#newfriend {padding: 5px 10px; font-size: 14px; line-height: 20px;}

#noticer .tc2, #noticer .tc3{
display: none;
}

#noticer .status {
 display: none;
}

.pun tbody.statused td {
padding: 15px;
border: 1px solid #CCC;
border-radius: 3px;
}

#noticer .pun tbody.statused td {
border-top: 1px solid #CCC!important;
}

#noticer .pun .table .tc2, #noticer .pun .table .tc3, #noter .pun .table .tc2, #noter.pun .table .tc3 {
 display: none!important;
}

#noticer .main-content {
 width: 800px!important;
}

#noticer .pun .table .tc2, #noticer .pun .table .tc3 {
text-align: center;
width: 10%;
display: none!important;
}

#noticer .pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 30%;
display: none!important;
}

#noter {
background: white;
padding: 5px;
border-radius: 4px;
border: 1px solid #CCC;
}

#stats img {
border: none;
float: left;
}

#chatbox_header {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
padding: 8px!important;
text-shadow: 0px 2px 3px #000!important;
color: #fff!important;
}

.chat-title {
font-family: 'Marmelad', sans-serif!important;
text-shadow: 0px 2px 3px #000!important;
color: #fff!important;
font-size: 15px!important;
}

.chatbox-options {
text-shadow: 0px 2px 3px #000!important;
color: #fff!important;
font-size: 12px;
margin-top: 2px;
}

.chatbox-options li {
text-shadow: 0px 2px 3px #000!important;
color: #fff!important;
font-size: 12px;
margin-top: 2px;
}

.chatbox-options li, .chatbox-options li a {
text-shadow: 0px 2px 3px #000!important;
color: #fff!important;
font-size: 12px;
text-decoration: none!important;
}

#chatbox {
bottom: 35px!important;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 38px;
background: #FAFAFA;
}

#chatbox_members {
bottom: 30px;
overflow: auto;
position: absolute;
top: 38px;
width: 180px;
font-size:12px;
background-color:whiteSmoke;
border-right: 1px solid #e3e3e3!important;
}

.chatbox_row_1 {
background-color: white;
padding: 4px;
border-bottom: 1px dashed #CCC!important;
min-height: 40px;
}

.chatbox_row_2 {
padding: 4px;
border-bottom: 1px dashed #CCC!important;
min-height: 40px;
}


#chatbox .user {
font-weight: 700!important;
float: none!important;
padding: 7px!important;
min-width: 104px!important;
width: initial!important;
min-height: 28px!important;
margin: 8px!important;
margin-right: 20px!important;
border-radius: 2px!important;
border: 1px solid #CCC!important;
text-decoration: none!important;
position: relative;
top: 11px;
}

#chatbox_contextmenu {
background-color: white;
border: 1px solid #CCC!important;
border-radius: 4px;
border-bottom-width: 2px;
border-bottom-width: 2px!important;
}

#chatbox_footer {
bottom: 0;
left: 0;
position: absolute;
right: 0;
padding: 2px;
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
}

input,#submit_button {
padding: 2px!important;
}



.fontbutton, #submit_button {
text-decoration:none!important;
font-family: arial, sans-serif!important;
border-width:1px!important;
border-style:solid!important;
padding:0px;
cursor:pointer!important;
font-size: 12px!important;
border-style:solid!important;border-radius:2px!important;box-shadow:0px 1px 0px rgba(0,0,0,0.05)!important;
 box-shadow:0px 1px 0px rgba(255,255,255,0.75)!important;
   
   
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc!important;color:#666!important;text-shadow:0px 1px 0px #fff!important;
}

.fontbutton:hover, #submit_button:hover {
background:#fff!important;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb!important;color:#4c4c4c!important;
}

.announce{color:#333;font-family:arial;font-size:23px;font-weight:700;letter-spacing:1px}.fa_ticker_content img{background:#FAFAFA;border:1px dashed #CCC;border-left:4px solid #0E2C46;border-radius:4px;border-right:4px solid #0E2C46;margin-right:25px;padding-left:10px;padding-right:14px;padding-top:0}.f60{color:#00a5cd;font-weight:700}
body {
background-image: url(http://i45.servimg.com/u/f45/16/55/88/76/backgr10.png);
color: #A7A7A7;
font-family: Tahoma, Geneva, Sans-Serif;
font-size: 13px;
line-height: 1.4;
text-align: left;
}
.pun a:link {
text-decoration: none;
}

#avatar center img {
height: 50px;
width: auto;
}

.pun-crumbs p {
   color: #EEEEEE;
   font-size: 1.11em;
   line-height: 1.5;
   margin-left: -25px;
   text-shadow: none;
}

.pun-crumbs {
 background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee))!important;background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;background:linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;
   border: 1px solid #e3e3e3;
   border-radius: 2px 2px 2px 2px;
   font-size: 11px;
   margin: 0 auto;
   overflow: hidden;
   padding: 0 10px 0 0;
   text-shadow: 1px 1px 0 #FAFAFA;
}
.pun-crumbs a {
background-color: #F5F5F5;
   color: #777777;
   display: block;
   float: left;
   padding: 8px 0 8px 40px;
   position: relative;
   text-decoration: none;
}
.pun-crumbs a:after {
   border-bottom: 50px solid transparent;
   border-left: 25px solid #F5F5F5;
   border-top: 50px solid transparent;
   content: " ";
   display: block;
   height: 0;
   left: 100%;
   margin-top: -50px;
   position: absolute;
   top: 50%;
   z-index: 2;
}
.pun-crumbs a:before {
   border-bottom: 50px solid transparent;
   border-left: 25px solid #F5F5F5;
   border-top: 50px solid transparent;
   content: " ";
   display: block;
   height: 0;
   left: 100%;
   margin-left: 1px;
   margin-top: -50px;
   position: absolute;
   top: 50%;
   z-index: 1;
}
.pun-crumbs a :first-child a {
   padding-left: 10px;
}
.breadcrumb li:last-child a {
}
.pun-crumbs a:hover {
   background: none repeat scroll 0 0 #F9F9F9;
   color: #777777;
}
.pun-crumbs a:hover:after {
   border-left-color: #F9F9F9 !important;
}

.main .main-head, .main-head {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
padding: 12px;
font-family: 'Marmelad', sans-serif!important;
text-shadow: 0px 2px 3px #000;
color: #fff;
font-size: 15px;
}

.main .main-foot {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:3px!important;
-moz-border-radius-bottomright:3px!important;
-moz-border-radius-topleft: 0px!important;
-moz-border-radius-topright: 0px!important;
-webkit-border-radius: 0px 0px 3px 3px!important;
padding: 8px;
}

.main .main-head .page-title, .main .main-head h2 {
font-family: 'Marmelad', sans-serif;
text-shadow: 0px 2px 3px #000;
color: #fff;
font-size: 15px;
}

.main .main-head .page-title a {
color: #fff;
}

.pun tbody.statused td {
 background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);
}

.main {
background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
border: 1px solid #e3e3e3!important;
   border-radius: 3px 3px 3px 3px;
}

#pun-announcement {
border: 0px solid #e3e3e3!important;
}

#pun-announcement td {
background: none!important;
}

.codebox {
 background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
border: 1px solid #e3e3e3!important;
   border-radius: 3px 3px 3px 3px;
}

.codebox dt {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
color: #fff;
text-shadow: 0px 2px 3px #000;
padding: 10px;
font-weight: bold;
}

.postmain cite{background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
color: #fff;
text-shadow: 0px 2px 3px #000;
padding: 10px;
margin-top: -8px;margin-right: -8px;margin-left: -50px;}

.pun .post-entry{width: 72%;background-color: transparent!important;}
.pun .postbody{background-color: #fcfcfc;}

.pun .sig-content{width:70%;}

.pun .main table td {
   border-color: #CBCBCB;
 border-left: none!important;
 border-right: none!important;
}

.pun .main table td.tc2 {
padding-right: 10px;
}

#pun-about {
 background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee))!important;background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;background:linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;
border: 1px solid #e3e3e3!important;
   border-radius: 3px 3px 3px 3px;
}

#pun-about a {
text-decoration: none;
}
 
#pun-navlinks {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
}


#pun-navlinks li a {
background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondoa10.png);
padding: 4px;
margin-right: 10px;
display: inline-block;
opacity: 0.6;
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;
   border-radius: 3px 3px 3px 3px;
 color: white;
text-decoration: none;
}

#pun-navlinks li a:hover {
text-decoration: none;
}

#pun-navlinks a span {
display: inline-block;
text-decoration: none;  
color: #ffffff;  
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;  
font-size: 40px;    
font-family: 'Marmelad', sans-serif;
text-shadow: 0px 2px 3px #000;
letter-spacing: -4px;
padding-top: 0px;
}

#pun-navlinks a span:hover {  
color: #ddd;  
}

#pun-navlinks li a:hover {
opacity: 11.5;
}








.pun {
background: white;
width: 1000px;
margin: 0 auto;
padding: 20px;
 border-left: 3px solid #EEE;
 border-right: 3px solid #EEE;
-moz-box-shadow: 0 0 6px rgba(0,0,0, .4);
-webkit-box-shadow: 0 0 6px rgba(0,0,0, .4);
 padding-top: 110px;
 padding-bottom: 40px;
}


#pun-intro {
display: none;
}
@font-face {
 font-family: 'Lobster';
 font-style: normal;
 font-weight: normal;
 src: local('Lobster'), url('http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff');
}

@font-face {
 font-family: 'Marmelad';
 font-style: normal;
 font-weight: 400;
 src: local('Marmelad'), local('Marmelad-Regular'), url('http://themes.googleusercontent.com/static/fonts/marmelad/v3/HM9p0JaHv5-HhbhN_csF8vesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}


.pun-privmsg {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
padding: 0px;
margin-top: 10px;
}

.pun-privmsg li a {
background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondoa10.png);
padding: 4px;
margin-right: 0px;
display: inline-block;
opacity: 0.6;
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;
}

.pun-privmsg li a:hover {
opacity: 11.5;
}




.user {
width:155px;float:right;font-size:12px;text-align:center;padding:15px
10px;background-color:whiteSmoke;border-left: 1px solid #e3e3e3!important;border-bottom: 1px solid #e3e3e3!important;margin-right:0px!important;-moz-border-radius-bottomleft:3px!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 0px!important;
-moz-border-radius-topright: 0px!important;
-webkit-border-radius: 0px 0px 0 3px!important;margin-bottom: 5px;
}

.user a {
border: none!important;
}


.user-avatar img {
background:#fff;padding:5px;box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}

.pun .options, .pun .posting{float:right;text-align:right}

.pun tbody.statused td{padding: 15px;}

.pun .postmain{margin-right:0em!important;}

.pun .posthead{  background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-bottom: 1px solid #e3e3e3!important;}

.pun .posthead h2 strong{float:none}

.postfoot{  padding-bottom: 10px!important;padding: 10px;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-top: 1px solid #e3e3e3!important;margin-right:0em!important;}

.pun .topic{border:none!important}

.avatarblog img {
margin-top: 10px;
opacity: 0.6;
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;
}

.avatarblog img:hover {
opacity: 11.6;
}


   

fieldset.frm-set dl dt{text-align:left;}

input[type=text], input[type=password] {
font-family: 'Open Sans', sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #C8C7C2!important;
padding:6px!important;
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;
margin-top:1px;
background-color: #ddd;
background-image: url(http://cuul.tk/img/gradient.png);
-moz-box-shadow: 1px 1px 4px #ddd inset;
-webkit-box-shadow: 1px 1px 4px #ddd inset;
box-shadow: 1px 1px 4px #ddd inset;
font-size: 12px;
}

input[type=text]:focus, input[type=password]:focus {
border: 1px solid #b7b6b3!important;
-moz-box-shadow: 2px 2px 5px #ddd inset;
-webkit-box-shadow: 2px 2px 5px #ddd inset;
box-shadow: 2px 2px 5px #ddd inset;
}

textarea {
font-family: 'Open Sans', sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #C8C7C2!important;
padding:6px!important;
-webkit-transition: all .3s;  
-moz-transition: all .3s;  
transition: all .3s;
margin-top:1px;
background-color: #fff;
background-position: bottom;
-moz-box-shadow: 1px 1px 4px #ddd inset;
-webkit-box-shadow: 1px 1px 4px #ddd inset;
box-shadow: 1px 1px 4px #ddd inset;
resize: none;
font-size: 12px;
width: 350px;
}

textarea:focus {
border: 1px solid #b7b6b3!important;
-moz-box-shadow: 2px 2px 5px #ddd inset;
-webkit-box-shadow: 2px 2px 5px #ddd inset;
box-shadow: 2px 2px 5px #ddd inset;
}

.main-box{border:none;}

.main-content {
padding: 0px;
background: none!important;
}


.tuto {
background: white;
border-radius: 3px;
padding: 10px;
border: 1px solid #e3e3e3;

}

.tuto .title {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
color: white;
font-family: arial;
padding: 6px;
text-transform: uppercase;
text-align: center;
font-size: 24px;
 
margin-bottom: 15px;
height: 28px;
padding-top: 16px;
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
font-family: 'Marmelad', sans-serif;
text-shadow: 0px 2px 3px #000;
}

h4 {
color: #303030;
font-size: 18px;
font-family: 'Marmelad', sans-serif;
border-bottom: 1px solid #303030;
padding-bottom: 5px;
margin: 2px;
letter-spacing: -1px;
}


/* Tutorial box */
#boxblues {
 background: #fff;
 border: 1px solid #303030!important;  border-radius: 4px;    margin: 2px;  margin-right: 10px;width:100%;padding: 5px;}
 
#boxblues td {
padding-left: 5px!important; padding: 8px!important;}

.f60 {
font-weight: bold;
color: #303030;
}

#mods {
border: 1px solid #a1a1a1;
border-bottom-width: 3px;
border-radius: 4px;
padding: 5px;
background: white url(http://i49.servimg.com/u/f49/17/19/90/23/testim11.png) no-repeat;
background-position: 10px 10px;
text-shadow: 0 1px 0 #FFFAF1;
color: #444;
font-weight: bold;
width: 100%;
}

#mods td {
background: none;
}


table.staff-list {
box-shadow: 1px 1px 3px;
margin: auto;
width: 95%;
}

.table-admin {
border: 1px solid #F60;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #f60;
margin: 4px;
min-height: 70px;
}

.table-.mod {
border: 1px solid #7BB92B;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #7BB92B;
margin: 4px;
min-height: 70px;
}

.table-help {
border: 1px solid #c39300;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #c39300;
margin: 4px;
min-height: 70px;
}

.table-design {
border: 1px solid #c6c;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #c6c;
margin: 4px;
min-height: 70px;
}

.table-theme {
border: 1px solid #d30d3f;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #d30d3f;
margin: 4px;
min-height: 70px;
}

.table-fa {
border: 1px solid #000;
padding: 5px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 5px #000;
margin: 4px;
min-height: 70px;
}

table.staff-list {
box-shadow: 1px 1px 3px;
margin: auto;
width: 95%;
}
table.staff-list td.staff-rank {
font-weight: 400;
}
table.staff-list td {
font-weight: 700;
padding: 4px;
}

table.staff-list td.staff-rank img {
float: right;
}

table.staff-list td.staff-rank div {
padding: 10px;
}

#ptrafic_close, #ptrafic_open {display:none!important;}

/* Tooltip */
.tipsy {
padding: 5px;
font-size: 12px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

.LGlike {
background: white;
border: 1px solid #CCC;
border-bottom-width: 3px;
border-radius: 4px;
border-bottom:2px solid #BCBCBC;
 padding:5px!important
   margin-right: 5px;
 cursor: pointer;
}
   
    .LGnovote {
     filter:Alpha(opacity=50);
     opacity: 0.5;
     cursor: default;
     box-shadow: none;
     text-shadow: none;
    }

.selectCode { float:right; cursor:pointer; }

.fo-resp {
 display:none;}

.pun .user-ident .username{
 font-family: arial, sans-serif;border:none;
 top: 5px;
}

hr {height: 1px;background-color: #c6ccd4;border: 0;margin: 5px 0;}

.pun div.frm-form{margin:0px!important}

#r img {
position: absolute;
top: -1px;
right: -1px;
}

.postmain blockquote {
background: white url(http://i49.servimg.com/u/f49/17/19/90/23/testim10.png) no-repeat 1% 2%;
background-position: 7px 48px;
border: 1px solid #e3e3e3!important;
padding: 0px;
border-radius: 3px;
padding: 8px;
}

.postmain blockquote {
min-height: 65px;
padding-left: 50px;
}

.module-advert {}

.descs img {margin-top: 5px;}

   /**** LG CHAT STYLING ****/
   #LGchat {
     background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
     border: 1px solid #e3e3e3!important;
     border-radius: 3px 3px 3px 3px;
     padding: 0px!important;
     width: 80%;
     float: right;
     z-index: 999;
     position: fixed;
     right: 5px;
     bottom: 35px;
     margin: 0px;
   }
   #LGchatbtn {
     width: 90px;
     right: 40px;
     height: 24px;
   }
   .LGchatBtn {
     cursor: pointer;
     line-height: 22px;
     font-weight: bold;
     text-align: center;
     position: fixed;
     bottom: -2px;
     text-decoration:none;
     font-family: arial, sans-serif!important;
     border-width:1px;
     border-style:solid;
     padding:5px;
     cursor:pointer;
     font-size: 12px!important;
     border-radius:2px;
     box-shadow:0px 1px 0px rgba(0,0,0,0.05);
     box-shadow:0px 1px 0px rgba(255,255,255,0.75)
     background:#f9f9f9;
     background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
     background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);
     background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);
     background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
     background:linear-gradient(top, #f9f9f9 0%,#eee 100%);
     border-color:#ccc;
     color:#666;
     text-shadow:0px 1px 0px #fff;
}
   .LGchatBtn:hover { background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c} /* EDITABLE - Color of text and border of buttons on hover */
   .chatPM { display: none;border: 1px solid #105289;padding: 3px;margin: 3px;font-size: 13px;}
   #LGchatOnlineUsers .online{}
   #chatcount {  width: 35px;  right: 2px;  height: 24px;}
   #LGchatOnlineUsers {
     height: 400px; /* EDITABLE - height of the online box */
     width: 200px; /* EDITABLE - width of the online box */
background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
border: 1px solid #e3e3e3!important;
   border-radius: 3px 3px 3px 3px;
     position: fixed;
     right: 5px;
     bottom: 35px;
     z-index: 999;
 font-size: 12px;
 list-style: none;
   }
   #LGchatOnlineUsers h4 {
     margin-bottom: 5px!important;
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
padding: 12px;
font-family: 'Marmelad', sans-serif!important;
text-shadow: 0px 2px 3px #000;
color: #fff;
font-size: 15px;
 margin: 0px;
   }
   #lgtogglesnd {  font-weight: bold;  color: #000;  /* EDITABLE - color of sound toggling button */
    margin: 5px;  width: 100px;}
   #LGsticky {
      position: absolute;
      top: 30px; right: 0px; left: 0px;
background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
border: 1px solid #e3e3e3!important;
   border-radius: 3px 3px 3px 3px;
 padding: 4px;
      text-align: center;      
   }

a[href="/u95"] {
   text-decoration:line-through !important;
}

/* Fancybox2 - www.FMvi.org */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-prev,.fancybox-next{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url(http://i48.servimg.com/u/f48/16/58/89/73/blank10.gif);z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-prev span,.fancybox-next span{position:absolute;top:50%;left:-9999px;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003}
.fancybox-prev span{background-position:0 -36px}
.fancybox-next span{background-position:0 -72px}
.fancybox-prev:hover span{left:20px}
.fancybox-next:hover span{left:auto;right:20px}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:1005}
#fancybox-buttons.top{top:10px}
#fancybox-buttons.bottom{bottom:10px}
#fancybox-buttons ul{display:block;width:170px;height:30px;list-style:none;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111 0 0 50% 50% 100%;border-radius:3px;margin:0 auto;padding:0}
#fancybox-buttons ul li{float:left;margin:0;padding:0}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb11.png);background-repeat:no-repeat;outline:none}
#fancybox-buttons a.btnPrev{width:32px;background-position:6px 0}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}
#fancybox-buttons a.btnPlay{background-position:0 -30px}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0}
#fancybox-buttons a.btnDisabled{opacity:0.5;cursor:default}
.fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title{visibility:visible}
.post-entry .entry-content img{max-width:350px; display:none}
.iconPlayer{background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll center center transparent;left:140px;opacity:0.8;position:absolute;top:-155px;z-index:99;padding:40px !important}

/* Bộ gõ mudim */
#mudimPanel {
font: 10pt Tahoma;
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
background: white url('http://i48.servimg.com/u/f48/13/58/60/43/go1010.jpg') no-repeat right center!important;
-moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20);
top: 324px!important;
left: -340px!important;
width: 330px!important;
height: 47px!important;
padding: 4px 26px 4px 10px!important;
font-size: 10px!important;
font-weight: bold!important;
}
#mudimPanel:hover {
-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
left:-5px!important;
}

#smiley-box {width: 100%;}
[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]

faver
CPMember
CPMember

No choice PunBB
Ngày đăng ký : 20/07/2010
Số bài : 35
CPP : 8
Châm ngôn sống : no comment

Xem lý lịch thành viên http://faver.tk

Về Đầu Trang Go down

Re: Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔]

Bài gửi by BTV2 on 22/11/2014, 2:09 pm

Cho xin cái link demo
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔]

Bài gửi by faver on 22/11/2014, 2:59 pm

cám ơn bạn quan tâm giúp đỡ, mình mò cả trưa cũng sửa được rồi

faver
CPMember
CPMember

No choice PunBB
Ngày đăng ký : 20/07/2010
Số bài : 35
CPP : 8
Châm ngôn sống : no comment

Xem lý lịch thành viên http://faver.tk

Về Đầu Trang Go down

Re: Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


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