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

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


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

2 posters

Go down

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

Bài gửi by faver 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

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


Đây là CSS của mình, mong mọi người giúp đỡ
[hide]#pndcwidget {
 background: url('https://i.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('https://i.servimg.com/u/f43/16/93/80/74/suppor10.png') no-repeat; margin-top: 8px;}
.donate { background: url('https://i.servimg.com/u/f43/16/93/80/74/money10.png') no-repeat; }
.notif { background: url('https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(https://i.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(https://i.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat left center;padding:0 0 0 20px}.no .vom{background:url(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f41/16/71/63/22/fondoh10.png);
}


#pun-navlinks li a {
background-image:url(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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('https://i.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>]
avatar
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

http://faver.tk

Về Đầu Trang Go down

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

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

Cho xin cái link demo
BTV2
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]

Về Đầu Trang Go down

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

Bài gửi by faver 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
avatar
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

http://faver.tk

Về Đầu Trang Go down

Xin chỉnh dùm code CSS thu nhỏ độ rộng forum[✔] Empty 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

Về Đầu Trang

- Similar topics

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