Đăng nhập
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 |
[Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
2 posters
Trang 1 trong tổng số 1 trang
[Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
Demo: http://otaku-world.yourme.net/
Như hình
1. giúp mình làm những chữ trên nhỏ lại
CSS:
Như hình
1. giúp mình làm những chữ trên nhỏ lại
CSS:
- Spoiler:
- Code:
ul#pun-legend {
display:none;
}
.pun-crumbs {margin-bottom: 0;padding: 10px;font-size: 12px;}
.pun-crumbs p.crumbs:before {
content: url(http://i78.servimg.com/u/f78/18/35/47/86/house10.png);vertical-align: middle;margin-right: 8px;}
.opaque {
opacity: .7;}
.opaque {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=70);}
.chapter-like-box {
color: #999999;
font-size: 12px;
padding: 10px 10px 0;}
.chapter-like-box:hover {
background-color: rgba(190, 190, 190, 0.2);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.chapter-like-box-3t {
border-top: 1px solid rgba(190, 190, 190, 0.5);
margin-bottom: 10px;}
.fcastt:before {margin-top: -15px;position: absolute;width: 0;height: 0;content: '';border-bottom: 10px solid #ADADAD;border-top: 0px solid transparent;border-right: 0px solid transparent;border-left: 5px solid transparent;}
.fcastt:after {margin-top: -15px;position: absolute;width: 0;height: 0;content: '';border-bottom: 10px solid #ADADAD;border-top: 0px solid transparent;border-right: 5px solid transparent;border-left: 0px solid transparent;margin-left: 67px;}
.statusfca{box-shadow: 0px 5px 10px #000;width:50px;height:50px;position:absolute;z-index:3;margin-left:5px;margin-top:-15px;background: #fff;padding: 5px;border: 1px solid #d7d7d7!important;}
a[href="/f1-forum"] ~ .subfca{margin-top:-110px}
.boxfca{position:relative;width:45.5%;height:200px;background:#fff;margin:20px 0 10px 30px;border:5px solid #555;float:left;border-bottom:15px solid #555;background-size:100% 100%!important}
.boxfca:hover .infofca,.boxfca:hover .subfca{visibility:visible;height:75px;overflow:hidden;padding:10px 0 10px 10px}
.boxfca:hover .topicpost{display:none}
.infofca a{transition:all 0.5s ease;/* text-shadow:0 0 5px #fff */}
.topicpost{position:relative;display:block;padding:10px;background:#333;color:#fff;font-weight:bold;margin-top: -65px;width:30%}
.infofca{overflow:hidden;visibility:hidden;height:0;padding:10px 0 10px 10px;color:#999;z-index:10;background:rgba(0,0,0,.8);float:left;width:65%;bottom:0;position:relative;margin-top: -110px;}
.fcainfo{color:#fff;font-weight:bold;padding:8px}
.titlefca{width:100%;background: rgba(0,0,0,.5);text-align:center;color:#fff;font-weight:bold;line-height: 40px;font-size: 20px;font-family: monospace;}
.bgboxfca{height:175px;width:100%}
.boxfca:hover .overlayfca{visibility:visible}
.overlayfca {background: rgba(0,0,0,.3);width: calc(100% - 20px);height: calc(100% - 175px);visibility: hidden;position: absolute;margin-top: -175px;overflow: hidden;overflow-y: auto;padding: 20px 10px;}
.subfca{padding:0 0 0 10px;color:#999;position:relative;z-index:10;background: rgba(0,0,0,.9);width: calc(35% - 20px);bottom:0;margin-left: calc(65% + 10px);height:0;overflow-y:auto!important;white-space: normal;margin-top: -110px;}
.subfca .gensmall{height:17px;margin-top:-15px;width:calc(100% - 30px )!important;background:#333;padding:2px 10px;display:block;border-bottom:1px solid #555;color:#fff!important;font-weight:bold;position:relative;overflow:hidden;white-space: nowrap;}
.fcasub{margin-top:15px}
a[href="/f1-forum"] + .boxfca{background:#000 url(http://i58.servimg.com/u/f58/18/50/03/43/announ10.png)}
a[href="/f2-forum"] + .boxfca{background:#000 url(http://i.imgur.com/HjX8TRi.png)}
a[href="/f3-forum"] + .boxfca{background:#000 url(http://i.imgur.com/urCdsuy.png)}
.widget-content{padding: 10px;
color: #666;
padding-bottom: 15px;}
body {
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
font-family: 'Open Sans', sans-serif;
color: #312C21;
overflow-x: hidden;
font-size: 13px;
background: -webkit-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#FFFFFF 30%,#FFFFFF 70%,rgba(106, 183, 144, 0.2) 100%);
background: -webkit-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#FFFFFF 30%,#FFFFFF 70%,rgba(106, 183, 144, 0.2) 100%);
background: -moz-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#FFFFFF 30%,#FFFFFF 70%,rgba(106, 183, 144, 0.2) 100%);
background: -o-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#FFFFFF 30%,#FFFFFF 70%,rgba(106, 183, 144, 0.2) 100%);
}
#wrapper{
width:1000px;
margin:auto;
}
#header{
width: 1000px;
position: relative;
margin: auto;
height: 331px;
background: #fff url(http://i38.servimg.com/u/f38/18/70/50/48/header11.jpg) no-repeat top center;
overflow: hidden;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu {
list-style: none;
padding: 5px 1px;
font-weight: 200;
font-size: 15px;
letter-spacing: 0.01em;
color: #000000;
line-height: 15px;
margin-left: 15px;
width: 750px;
position: relative;
background: #77C2A7;
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
ul.dark_menu li {
float: left;
position: relative;
border-right: 1px dashed #ddd;}
ul.dark_menu li a, ul.dark_menu li a:link {
color: #fafafa;
text-decoration: none;
display: block;
padding: 8px 26px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
ul.dark_menu li a:hover {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;background: #5A8F87;
}
ul.dark_menu li a.selected {
text-transform: uppercase;
background: #fafafa;
border-radius: 15px/45px;
margin-left: 10px;
margin-right: 5px;
}
ul.dark_menu li a.selected:hover {
background:#fff;}
ul.dark_menu li a.selected, ul.dark_menu li a:active {
color: #222;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
ul.dark_menu li ul {
display: none;
}
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 999;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.dark_menu li ul {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;top:55px;}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 999;
box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);
left: 0;border-radius: 0px 0px 5px 5px;
top: 36px;
padding: 5px 0;
list-style: none;
background: #fff;
}
ul.dark_menu li ul li {
float: none;
margin:0px;}
ul.dark_menu li ul li:first-child {
margin:0px;
border-top: 0 none;}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
}
ul.dark_menu [data-role="dropdown"] > a::before {
position: absolute;
content: "^";
display: block;
font-size: 13px;
left: 100%;
margin-left: -20px;
top: 7px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #222;
display: block;
background: transparent none;
padding: 10px 25px 10px 25px;
white-space: nowrap;}
ul.dark_menu li ul li a:hover {
background:#5A8F87;-moz-transition: all 0.1s ease-in-out;color:#fff;
-webkit-transition: all 0.1s ease-in-out;
}
.menujohanes{position: absolute;
z-index: 99;
margin-top: 250px;
width: 1020px;
border-radius: 5px;}
#search input[type="text"]:hover {
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/search10.png")no-repeat center left;
width: 150px;}
#search input[type="text"] {
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/search10.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #6AB790;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right: 30px;
border-radius: 5px;
height: 26px;}
.twitterjo{
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/twitte10.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #6AB790;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right: 130px;
border-radius: 5px;
height: 26px;}
.facebookjo {
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/facebo10.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #6AB790;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right: 80px;
border-radius: 5px;
height: 26px;}
.rssjo{
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/rss10.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #6AB790;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right: 180px;
border-radius: 5px;
height: 26px;}
#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {
overflow: hidden;
color: #222;
padding: 20px;
padding-bottom:10px;
background: #fafafa;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);}
h3.openpost:hover {cursor:pointer;}
#main4, #main5 ,#main6 {
width: 295px;
list-style-type: none;
float: left;
margin: 10px;}
.main3, .main2 {width:305px;
list-style-type: none;
padding-top: 10px;
float: left;}
#container1 {padding: 10px;
background: #DDD;
width: 50%;
margin: auto;
text-align: center;
border: 3px double #BBB;}
.footer {
margin: 0 auto;
z-index: 1;
text-align: left;
position: relative;
padding:25px;
padding-top:15px;
padding-bottom:15px;}
.widget ul li a span.ltr {display:none;}
.widget ul {
line-height: 2.0;}
#footer{
font-size: 11px;
color: black;
background: #77C2A7 url(http://i38.servimg.com/u/f38/18/70/50/48/footer10.jpg) no-repeat bottom right;
margin: auto;
min-height:370px;
border-radius:5px 5px 0px 0px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-top: 3px solid #6AB790;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.topwrap {width: 100%;
position: relative;
height: 20px;
text-align: center;}
a.comment-link {
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 2;
text-align: center;
height: 25px;
background: #fafafa;
line-height: 25px;
border-radius: 5px;
font-size: 11px;
color: #000;
font-family: 'Open Sans', sans-serif;
width: 90px;
overflow: hidden;
padding: 2px;
border: 1px solid #ddd;
position: absolute;
top: 0px;
left: 90px;}
.tombolbacktotop a{color:#8AA6B4;}
.tombolbacktotop {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
font-size: 25px;
border: 1px solid #ddd;
border-radius: 50px;
width: 30px;
height: 30px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 6px;
margin: auto;
margin-top: -20px;
background: #fff;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #8AA6B4;}
.topwrap {width: 100%;
position: relative;
height: 20px;
text-align: center;}
h1#blog-title {
text-align: left;
margin-top: 100px;
margin-left: 25px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 42pt;
letter-spacing: 0.00em;
color: #000000;
padding-right: 10px;
line-height: 50px;
max-width: 510px;
}
h1#blog-title a {padding:5px;color:#000;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #000;
}
h2#blog-desc {
padding: 3px;
text-align: left;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 20pt;
margin-left:10px;
letter-spacing: 0.01em;
color: #000000;
margin-left: 30px;
}
.title h2{
text-decoration: none;
padding: 10px;
margin-bottom: 15px;
line-height: 30px;
text-align: left;
font-weight: normal;
margin: auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 20pt;
letter-spacing: 0.01em;
color: #fff;
}
.title h2 a:link, .title h2 a:visited{
color:#000;text-decoration: none;
}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
text-transform:uppercase;
}h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
.comments .avatar-image-container img {
max-width: 50px;
}
.item-title a {font-size:20pt;
padding-bottom: .2em;}
#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {
overflow: hidden;
color: #222;
padding: 20px;
padding-bottom:10px;
background: #fafafa;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);}
.codebox{background:transparent;border:0 none;margin:0 0 10px}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox > dt{position:relative;background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center #777;color:#FFF;border:1px solid #e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px 10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;max-height:300px;overflow:auto;border:1px solid #e2e2e2}
.cont_code > code{white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler > dt{border:0;background:url(http://i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif) no-repeat 10px center #777;width:100%}
.codebox > dt:hover{color:#333;background-color:#F2F2F2}
.spoiler_content{color:#333;margin:10px 20px}
.postmain blockquote{border-color:#DDD;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important}
.postmain cite{font-size:13px;text-decoration:underline;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.postmain blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;top:10px;left:-10px}
.postmain blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
table[width="90%"]{color:#333;width:100%}
.postprofile.privmsgs .posteravatar > img{width:60px;max-height:60px;border:1px solid #DDD;padding:3px}
.postprofile.privmsgs{position:relative;margin:0}
.postprofile.privmsgs .postername{position:absolute;left:80px;top:15px}
.postprofile.privmsgs .misc-icons{position:absolute;top:45px;left:80px}
.postprofile.privmsgs .misc-icons img{width:16px;height:16px}
@media screen and (min-width: 1024px) {
.postprofile.privmsgs > div{position:relative!important;text-align:center;top:0!important;left:0!important}
.postprofile.privmsgs .posteravatar > img{max-height:100%;width:120px;margin:5px 0}}
.post .quoteLink{display:inline-block;height:10px;width:12px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/viewpo10.png) no-repeat transparent;margin-left:3px}
.smiley_FB{background:url(//i56.servimg.com/u/f56/18/59/49/93/9lhqni10.png) no-repeat left top transparent;border:0 none;height:17px;width:16px}
#smiley_FB_frame p{width:236px;text-align:center;color:#999}
#smiley_FB_frame *{cursor:pointer}
#chatbox_members li span + a span,#chatbox_members a span + span,#chatbox .user > span + a {margin-left:4px}
#chatbox_members li span + a span {display:inline-block!important}
#chatbox_members li > span,#chatbox .user > span,
#chatbox_members a[href="/u1"] span:first-child,
#chatbox_members a[href="/u2"] span:first-child{display:none}
#chatbox_members ul li a span:before{display: none!important;}
#chatbox_members ul li a span:after{display: none!important;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
.pun .entry-content img {max-width: 50%;}
.qreply{width:100%;margin:0 0 1.3em;padding:0 10px;background:#FFF;border:0}
#textarea_content{width:100%!important;margin-bottom:10px}
.sceditor-container iframe,.sceditor-container textarea{min-height:150px}
.sceditor-container,.sceditor-group,.sceditor-button,div.sceditor-dropdown,.sceditor-dropdown .button{border-radius:0!important;box-shadow:none!important}
.sceditor-toolbar > div.sceditor-group{background:transparent;border:0 none;position:relative}
.sceditor-container{width:100%!important;height:322px}
.sceditor-button{background:#FFF;border:1px outset #DDD;margin:0 2px}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover{border:1px inset #DDD}
.sceditor-dropdown .button{background:#2980b9!important;color:#FFF!important;border:0 none!important}
.sceditor-dropdown .button:hover{background:#3498db!important}
.sceditor-group:not(:last-child):after{content:" ";display:block;width:1px;height:20px;position:absolute;top:5px;right:-3px;background:#777}
.messaging-box,#smiley-box{padding:0 11px 0 10px;border:0;background:transparent}
.helpline{display:none}
#smiley-box{padding:0;background:transparent;margin:0 0 0 10px}
.smiley-container{border:0}
.exthelp,.rte-menu-button{border-color:#CCC;margin:0;line-height:17px}
.textarea-info > .exthelp{background:0;border:0;margin:0;float:none;display:block;padding:0}
.borderwrap .subtitle{color:#333}
#smileyContainer > iframe{border:1px solid #DDD;height:322px}
.sceditor-color-option:hover:after{width:22px;height:22px;display:block;background:inherit;content:" ";position:absolute;top:-26px;left:2px;border:1px solid #FFF}
#text_editor_textarea{width:100px!important;display:block!important;opacity:0!important;position:absolute!important;z-index:-999!important}
#smallrum{color:#FFF;width:360px;margin:3px 1px;padding:.8em 1em;}
#smallrum a.gensmall{display:inline-block;text-align:left;width:160px;}
#main-content > div:nth-child(21) > form > div.main-content.frm > fieldset.frm-set.multi > dl:nth-child(1) > dd > select:nth-child(4) {margin-top: 10px;}
.postbody embed[src*="http://www.youtube.com/"], .postbody embed, .postbody iframe[src*="http://www.youtube.com/"]{
margin-top:0px;
border: 0px solid #37b8eb;
box-shadow: 0 0 1.5em black, 0 0 1.5em black;
display: block;
margin-left: auto;
margin-right: auto;width: 640px; height:360px;
margin-top:10px;
}
a[href="/u1"]+#font5 embed[src*="http://www.youtube-nocookie.com/"], a[href="/u1"]+#font5 embed[src*="http://www.youtube.com/"], a[href="/u1"]+#font5 iframe[src*="http://www.youtube.com/"], a[href="/u1"]+#font5 embed{
margin-top:0px;
border: 0px solid #37b8eb;
box-shadow: 0 0 1.5em black, 0 0 1.5em black;
display: block;
margin-left: auto;
margin-right: auto;width: 600px; height:360px;
margin-top:10px;
}
#nojsOverlay{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
opacity: 0.9;
background-image: url(http://i.imgur.com/nSSgB2d.jpg), url(http://i.imgur.com/mUVxxEM.jpg);
background-repeat: no-repeat, repeat;
background-position: center center;
}
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
.pun .pagination.top b,.pun .paging b {
background:#385a94 url(http://i80.servimg.com/u/f80/16/18/15/10/1100.png);
border:1px solid #17408c;
font:bold 12px Tahoma;
color:#FFF;
margin:2px 2px 2px 1px;
padding:4px 6px 5px 6px;
}
.pun .pagination.top a,.pun .paging a {
background:#e8e8e8 url(http://i80.servimg.com/u/f80/16/18/15/10/199.png);
border:1px solid #9c999c;
font:bold 12px Tahoma;
color:#333;
margin:2px 2px 2px 1px;
padding:4px 6px 5px 6px;
}
.pun .pagination.top,.pun .paging {
color:#FFF;
display:inline-block;
font-size:0;
padding:0;
}
.pun .pagination.top a:hover,.pun .paging a:hover {
background:#e8e8e8 ;
}
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent}
.paging a,.paging b,.paging input{font-size:14px!important;border-color:#666;border-style:solid;border-width:1px 0;padding:3px 6px;}
.paging a:hover,.paging b{background-color:#000!important;border-radius:4px 4px 4px 4px;color:#FFF;visibility:visible;margin:-1px;padding:7px;}
.paging > a:last-child{border-right:1px solid #666;}
.paging > a:nth-child(2){border-left:1px solid #666;}
.sprite-arrow_prosilver_right{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;height:10px;width:10px}
.sprite-arrow_prosilver_left{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;height:10px;width:10px}
form[name="go_page"] .forumline{background:none repeat scroll 0 0 #FFF}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
form[name="go_page"] .bginput{border:1px solid #F3F3F3;height:18px}
form[name="go_page"] .row1,form[name="go_page"] .thHead{padding:5px 0}
form[name="go_page"] .thHead{background:none repeat scroll 0 0 #666;color:#FFF}
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
#tooltip .statusAva{margin:0;max-width:70px}
#tooltip{background-color:#FFF;border:2px solid #d9a102;color:#131313;max-width:550px;padding:10px}
.cotphai {width:260px;margin-top:13px}
#redirects{background:#FFF;width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
.msg a:after{content:"[Link]";font-size:12px} .msg a:link{font-size:0;display:inline-block}
.pun input {border: 1px solid #DDD}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #345FAC!important;outline:none}
a{text-decoration:none}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
a:hover{text-decoration: none!important;color : red;text-shadow:0 0 .2em black, 0 0 .2em black, 0 0 .2em black;}
.btop {font-weight: bold;cursor: pointer;}
.btop:hover {text-decoration: underline;}
li {list-style: none;}
blink b{animation:blink .1s infinite;-moz-animation:blink .5s infinite;-webkit-animation:blink .5s infinite}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}
a:link,a:active,a:visited {
text-decoration: none;}
a:hover{
text-decoration: none !important;}
a{text-decoration:none}
a:visited
{color: rgb(36, 36, 36);
text-decoration: none;}
a[href]:hover{text-decoration: underline;}
a:hover{_text-decoration: underline;}
a.noOutline{outline: 0 none;}
a:hover {
text-decoration: none;
font-style: italic;
text-shadow: IndianRed 3px 3px 5px;
}
.postbody img {
box-shadow: 0px 0px 6px #333;
}
.entry-content img {
box-shadow: 0px 0px 6px #333;
}
.left-box{float:left}
.right-box{text-align:right}
#pun-qpost .frm-set{border:0 none;padding:0}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(http://r19.imgfast.net/users/1911/13/87/62/album/th/giupdo10.png)}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
#redirects{width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
.zzPoll > h3 img,#zzTicker_new,#zzTicker,#loginReg ul.changeBg > li > a > i,span.topic-paging img,img.sprite-icon_post_target,div.errorwrap h4,div.infowrap h4,#smilies_categ,.login .formcolumn2,.login legend a > img,#plus_menu br,#plus_menu .title-overview,#search .genmed > input,#search .genmed > label,#main-content.showpost > *,li.popupmenu-category,#qjump,table.ipbtable tfoot,div.box-content.error > p > span > br:first-child,#latestTopics .box-content,.topicsLast,.noscript{display:none}
#cover-cloud{height:155px;left:0;min-width:1074px;position:absolute;width:100%;z-index:100}
#cloud2{background:url(https://sites.google.com/site/ez2mmo/cloud2.png) repeat-x 0 0;height:105px;position:absolute;width:100%;z-index:300}
#cloud3{background:url(https://sites.google.com/site/ez2mmo/cloud3.png) repeat-x 0 0;height:26px;position:absolute;width:100%;z-index:400}
.pun .main-head input{margin-bottom:0}
.pun .frm .frm-buttons input{margin-top:-3px;height:30px;padding:0 10px}
button,input[type="reset"],input[type="button"],input[type="submit"]{margin-top:-3px;height:30px!important;padding:0 10px!important;background:#F4F4F4!important;1px solid #F3F3F3!important}
button,input[type="reset"],input[type="button"],input[type="submit"]{background-color:#77C2A7!important;color:#FFF;border-color:#77C2A7!important}
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover{background-color:#777!important;border-color:#666!important}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #77C2A7!important;outline:none}
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{border-color:#000!important;color:#000!important}
input[type="text"]{background:#FFF!important}
.pun input {border: 1px solid #DDD}
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-track { background-color: #77C2A7;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #77C2A7;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}
a{position:relative;text-decoration:none!important;}
a:after{content:'';position:absolute;left:0px;bottom:-2px;width:0%;height:1px;background:rgba(255,255,255,0.6);transition: width 0.25s 0.25s;}
a:hover::after {width:100%;transition:width 0.15s;}
.main .frm-info{background: url('http://i.imgur.com/blXTPoH.png') no-repeat left 15px center #B91F1F;border: 2px solid #EB6060;padding: 1em 5em;color: #fff;font-weight: bold;}
/* Latest topics */
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
/* Chatbox */
#chatbox_members, #chatbox, #chatbox_footer {background:#fff}
/* Viewtopic */
.quickquick .sceditor-button {border-radius:0px!important;-webkit-border-radius:0px!important}
.quickquick div.sceditor-group {border-radius:0px!important;-webkit-border-radius:0px!important; border:1px solid #d7d7d7!important;background:#ededed}
.quickquick div.sceditor-toolbar {border-radius:0px!important;-webkit-border-radius:0px!important}
.quickquick .sceditor-container {border-radius:0px!important;-webkit-border-radius:0px!important}
a[href*="mode=newtopic"] img {display: none;}
a[href*="mode=newtopic"]:before {padding-bottom: 7px!important;content: 'Bài mới';background: #a55cc2; padding: 9px 10px; color: #fff; line-height: 20px; border-top: 5px solid #e5a5ff;}
a[href*="mode=reply"] img {display: none;}
a[href*="mode=reply"]:before {content: 'Trả lời';background: #e9b3ff; padding: 9px 10px;color: #a55cc2;line-height: 20px;border-top: 5px solid #e5a5ff;padding-bottom: 7px!important;}
.postfoot {margin-left:0px}
.informationuser {position: absolute;background: #fff;padding-top: 30px!important;padding-left: 95px!important;padding: 10px;z-index:1;width:500px;border:1px solid #d7d7d7;min-height:40px;display:none}
.avauser {background: #fff;line-height: 79px;height: 79px;width: 65px;z-index: 2;position: absolute;padding-right: 10px;border-right: 1px solid #999;border-bottom:1px solid #fff}
.avauser img {width:65px;height:65px;margin-top:7px;margin-left:5px}
.nameuser {position: absolute;z-index: 2;margin-left: 95px;margin-top: 10px;text-align: right;text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;}
.infuser {float: left;width: 50%;white-space: nowrap;overflow: hidden;}
.pun .postmain {margin-left:0}
.fcauser {height: 80px;background: #d7d7d7;margin-top: -2px;border-bottom:1px solid #d7d7d7}
.onoffuser {position: absolute;margin-left: 570px;z-index: 3;display: none;}
.avauser:hover + .informationuser , .avauser:hover ~ .onoffuser , .informationuser:hover ~ .onoffuser , .informationuser:hover {display: block;}
.pun .topic {border:0px!important}
.rankuser {transition:all 0.1s ease;position:absolute;margin-top: 30px;margin-left: 90px;}
.avauser:hover ~ .rankuser img, .informationuser:hover ~ .rankuser img {width: 75px;}
.avauser:hover ~ .rankuser, .informationuser:hover ~ .rankuser {z-index: 1;margin-left: 500px;-webkit-transform: rotate(90deg);transition: 0.1s ease;margin-top: 50px;}
.pun .entry-content * {color: #555;line-height: 17px;}
.pun .post-entry {border: 1px solid #d7d7d7;padding: 1em 1em 0;width: calc(100% - 50px);margin: 0 auto;margin-top: 20px;}
.pun .postbody {padding-bottom: 10px}
.post-entry:before {margin-top: -22px;position: absolute;width: 0;height: 0;content: '';border-bottom: 10px solid #d7d7d7;border-top: 0px solid transparent;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.xemthemne {text-align: center;background: #a55cc2;color: #fff;font-weight: bold;line-height: 30px;cursor: pointer;}
/*spoiler-code-quote*/
.postmain blockquote{background:url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat scroll 0 0 #FDF9F9;/*Background và màu nền*/ border-color:#E7BABA;/*Màu đường viền*/ border-style:solid;/*Style đường viền*/ border-width:1px 1px 1px 20px;color:#C25252;/*Màu chữ*/ margin:10px 0 10px 10px;overflow:auto;padding:28px 10px 10px;width:90%}
.postmain blockquote:hover{background:url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat scroll 0 0 #FFF;/*background và màu nền khi rê chuột vào*/}
.codebox{background:url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat scroll 0 0 #F5F8FA;/*Background và màu nền*/ border-color:#D7E8F0;/*Màu đường viền*/ border-style:solid;/*Style đường viền*/ border-width:1px 1px 1px 20px;color:#000;/*Màu chữ*/ font:13px/16px 'Courier New',Courier,monospace;/*style của chữ*/ margin:10px 0 10px 10px;max-height:500px;min-height:16px;overflow:auto;padding:28px 10px 10px;width:90%}
.codebox:hover{background:url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFF;/*background và màu nền khi rê chuột vào*/}
.lb_lazy img{display:inherit!important;max-width:600px;min-width:50px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
/* Lightbox @leandrovieira ver 0.5 */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}0
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
/* Chatbox */
.chatbox-title {height: 15px!important;background: #a55cc2!important;float: left;margin: 0;padding: 5px!important;width: 15em;color: #fff!important;}
.chatbox-title:before {display: none;} .chatbox-title:after{display:none}
#chatbox_header {background: #a55cc2!important;color: #fff!important;}
#chatbox_members {border-right-style:solid!important}
#chatbox_footer {border-top-style:solid!important}
.member-title.online, .member-title.away {background: #fff!important;border-bottom: 5px solid #a55cc2;color: #a55cc2!important;font-weight: bold!important;font-family: monospace, initial;font-size: 17px!important;padding-bottom: 2px!important;}
/* Profile */
#tabs ul li.activetab a {background-color: #a55cc2!important;border-color: #a55cc2!important;}
#tabs ul li a {color:#a55cc2!important;background:#fff!important}
#tabs ul li a {color:#fff!important;background:#a55cc2!important}
/* RPG sheet */
.rpgsomething {background: #fff;float: left;margin-left: 610px;}
.rpgsomething .pet, .rpgsomething .medaldo {border: 1px solid #d7d7d7;margin-top: -52px;background: #fff;position: absolute;height: 100px;width: 100px;box-shadow: 0px 5px 10px #999;line-height: 100px;}
.rpgsomething .medaldo:after, .rpgsomething .medaldo:before, .rpgsomething .pet:before, .rpgsomething .pet:after {content: '';position: absolute;width: 0;height: 0;border-bottom: 7px solid #535353;border-top: 0px solid transparent;border-left: 6px solid transparent;margin-left: -7px;margin-top: -1px;}
.rpgsomething .pet:after, .rpgsomething .medaldo:after {margin-left: 1px;border-right: 6px solid transparent;border-left: 0px solid transparent;}
.somethingpet {width: 100px;height: 100px;float: left;text-align: center;}
.tennochucaigi {display: none;position: absolute;line-height: 20px;background: rgba(0,0,0,.8);color: #fff;font-weight: bold;font-family: courier new;width: 100px;margin-top: -20px;overflow:hidden;white-space:nowrap}
.somethingpet > img:hover + .tennochucaigi, .tennochucaigi:hover {display:block}
.somethingmedal {position: absolute;width: 150px;height: 100px;overflow: hidden;overflow-y: scroll;}
.rpgsomething .medaldo {width: 150px;white-space: nowrap;}
.rpgsomething .medaldo:after {margin-left: 151px;}
.rpgsomething .medaldo {margin-left: 115px;margin-top: -67px;width: 150px;white-space: nowrap;}
.rpgsomething .medaldo img{width:38px;height:38px;border-radius:100%;box-shadow: 0px 0px 5px #000;display:inline-block}
.batlayno {padding-left:5px;padding-bottom:5px;float:left}
.tenmedal {line-height: 25px;font-weight: bold;text-align: center;width: 152px;height: 25px;background: rgba(0,0,0,.7);position: absolute;margin-left: 115px;margin-top: 35px;color: #fff;display:none}
/* Bg bài viết */
.xoaten + a {display:none}
a[href="/u1"] + .fcauser {background: url(http://www.ggwallpaper.com/file/6015/1920x1080/crop/-5-centimeters-per-second-wallpaper-1920x1080.jpg) top; background-size:100%}
/* Chatbox */
.chatboxtruot iframe {width: 800px;height: 350px;margin: 0 auto;}
.chatboxtruot {position:fixed;bottom:30px;display:none;right:0}
.battatcb {position: fixed;right: 20px;bottom: 0;line-height: 20px;padding: 0px 10px;background: #B800FF;color: #fff;border: 2px solid #D56BFF;font-weight: bold;}
Re: [Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
CSS
- Code:
#pun-about > ul > li > a:nth-child(4) {font-size: 6px}
Re: [Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
không được...ý em nói là những chữ ở MÔ TẢ mỗi box cho nó nhỏ tí xíu
và còn việc di chuyển thanh nav nữa ạ
2. giúp cho những dòng free forum....đem xuống dưới kia và cho nó cùng màu nền xanh lá để ẩn đi!
Footer
và còn việc di chuyển thanh nav nữa ạ
2. giúp cho những dòng free forum....đem xuống dưới kia và cho nó cùng màu nền xanh lá để ẩn đi!
Footer
- Spoiler:
- Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<del>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</del>
</div>
</div>
</div>
{PROTECT_FOOTER}
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
<div id='footer'>
<div class='topwrap'></div>
<div class='footer'>
<div class='main4 section' id='main4'><div class='widget HTML' id='HTML2'>
<h2 class='title'>Liên Kết <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script></h2>
<div class='widget-content'>
<ul>
<li>
<a href="http://kingprivate.7forum.net/">Skin thuộc về Lão Đại PK</a></li>
</ul>
</div>
<div class='clear'></div>
</div></div>
<div class='main5 section' id='main5'><div class='widget Label' id='Label1'>
<h2>Mục Forum</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href=''>Truyện Chế</a>
</li>
<li>
<a dir='ltr' href=''>Truyện Màu</a>
</li>
<li>
<a dir='ltr' href=''>Truyện Trắng Đen</a>
</li>
<li>
<a dir='ltr' href=''>Truyện Hentai</a>
</li>
</ul>
</div>
</div></div>
</div></div>
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
<script type="text/javascript" async="" src="http://chupy.googlecode.com/files/Cntt-k3%20tipsy.js"></script>
<script type="text/javascript">
$(function(){
if (Number($("a.mainmenu[href^='/privmsg'] strong").text()) > 0){
var a = $("a.mainmenu[href^='/privmsg'] strong").text();
var b = confirm("Bạn có "+a+" tin nhắn mới.Bạn có muốn đến hộp thư.");
if( b == true){location.href = '/privmsg?folder=inbox'};
};
});
</script>
<script type="text/javascript">
jQuery(function(){
jQuery("#pwd_bad").html('Quá Đơn Giản');
jQuery("#pwd_middle").html('Vừa');
jQuery("#pwd_good").html('Mạnh');
});
</script>
<script type="text/javascript">var cbvis = false;var cbload = false;function togglecbox () {var forum_Cbox = document.getElementById("forum_Cbox");var nutlenh = document.getElementById("dong_mo");if (!cbvis) {if (!cbload) {forum_Cbox.innerHTML = '<iframe src="/chatbox" id="frame_chatbox" marginwidth="0" marginheight="0" width="800" frameborder="0" height="400" scrolling="no"></iframe>';cbload = true;}forum_Cbox.style.display = "block";nutlenh.innerHTML = "";}else {forum_Cbox.style.display = "none";nutlenh.innerHTML = "";}cbvis = !cbvis;}</script>
<div style="right: 0px;" id="toolbox">
<ul>
<li class="top"><a href="#header"></a>
</li>
<li class="email"><a align="right" onclick="togglecbox()"><div id="dong_mo" style="display:none"></div>
<div id="forum_Cbox" style= "z-index:252;bottom: 78px;display: none; position: fixed; right: 18px;height:400px; width: 800px; line-height: 0;background: #FFF; border: 3px solid #77C2A6;cursor: pointer;"> </div>
</a>
</li>
</ul>
</div>
<script>
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
$('#toppage').css('display', 'block')
} else {
$('#toppage').css('display', 'none')
}
});
</script>
<!--Máy Thằng RIP Skin là chứng tỏ nó ngu học -->
Re: [Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
Cho vào CSS
- Code:
#pun-about {
position: absolute;
margin-top: 300px
}
Re: [Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
đem xuống được rùi nhưng em muốn chữ nó ẩn vào nền màu xanh (coi như ko xuất hiện mà phải bôi đen mới thấy)
http://otaku-world.yourme.net/
http://otaku-world.yourme.net/
Re: [Hỏi đáp] giúp làm chữ nhỏ và làm ẩn dòng dưới rum![✔]
- Code:
#pun-about {
border-color: #77C2A7;
color:#77C2A7;
background: #77C2A7
}
#pun-about ul li a {
color: #77C2A7!important;
}
Similar topics
» [Thắc mắc] Có 1 lỗi nhỏ về view toppic pro nào giúp với[✔]
» giúp mình cái lỗi này với
» [Thắc mắc] Ai Biết Làm Bảng Thông Báo Giúp Với
» [Thắc mắc]Chia nhỏ thống kê Diễn Đàn cho php2
» [Show] Danh sách thành viên diễn đàn và nhóm
» giúp mình cái lỗi này với
» [Thắc mắc] Ai Biết Làm Bảng Thông Báo Giúp Với
» [Thắc mắc]Chia nhỏ thống kê Diễn Đàn cho php2
» [Show] Danh sách thành viên diễn đàn và nhóm
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết