Bài gửi
Tiền
Thankstách Css blog này giùm em
code
Demo Blog: http://fcnaruto.123.st/t4-topic
code
Demo Blog: http://fcnaruto.123.st/t4-topic
- Code:
::-webkit-scrollbar{opacity:.7;border-left:1px solid #87CEFA;-webkit-appearance:none;width:12px;background-color:#1E90FF}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{background-clip:content-box;background-color:#87CEFA}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-button:hover{background-color:#87CEFA}
body ::-webkit-scrollbar{border-left:0;background-color:#1E90FF}
body ::-webkit-scrollbar-thumb{background-color:#87CEFA}
@font-face{font-family:'UVNTinTucHepThemBold';src:url('http://www.lola.vn/css/fonts/uvntintuchepthem_b-swiss.eot');src:url('http://www.lola.vn/css/fonts/uvntintuchepthem_b-swiss.eot?iefix') format('eot'),url('http://www.lola.vn/css/fonts/uvntintuchepthem_b-swiss.woff') format('woff'),url('http://www.lola.vn/css/fonts/uvntintuchepthem_b-swiss.ttf') format('truetype'),url('http://www.lola.vn/css/fonts/uvntintuchepthem_b-swiss.svg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Segoe UI Light';src:url("http://www.lola.vn/css/fonts-se/segoeuil_0.eot")}@font-face{font-family:'Segoe UI Light';src:url("http://www.lola.vn/css/fonts-se/segoeuil_0.ttf")}textarea{resize:none}.cfont,#nav>ul>li>a{font-family:'UVNTinTucHepThemBold',Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;text-transform:uppercase}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a:link,a:visited{text-decoration:none;outline:none;color:#069}
a:hover{text-decoration:none;color:#069}
.bot-bg{background:url(http://i80.servimg.com/u/f80/18/31/17/20/bot-bg10.png) bottom left no-repeat;padding-bottom:10px;width:957px;position:relative;z-index:444;
margin:0 auto 15px;}
.top-bg{background:url(http://www.lola.vn/images/top-bg.png) top left no-repeat;padding-top:13px;width:957px;margin:0
auto;clear:both}
.midd-bg{background:url(http://i80.servimg.com/u/f80/18/31/17/20/midd-b10.png) top left repeat-y;padding:0
13px}
#mid-banner{position:relative;z-index:3;width:955px;margin:-31px auto 15px;left:4px;clear:both}
#mid-banner
img{display:block}
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 948px;
padding: 5px;
width: 870px;
}
#wrapper{width:870px;margin:0
auto 15px;clear:both;z-index:333;height:auto;min-height:100%}
#header{position:relative;padding-top:19px;z-index:444}.span8{float:left;width:640px}
.clearfix:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/*\*/* html
.clearfix{height:1%}.clearfix{display:block}.clear{clear:both}
.logo{float:left;margin:0
10px 73px 5px}.logo
a{display:block;text-indent:-9999px;width:160px;height:48px}.logo-mask{display:block;height:65px;left:13px;position:absolute;top:-79px;width:171px;background:url(http://i80.servimg.com/u/f80/18/31/17/20/logo-n11.png) 6px 10px no-repeat}a.logo-mask:hover{background-position:6px -63px}.nav-top{width:100%;display:block;position:relative;z-index:555;margin-top:-123px;margin-bottom:77px}.nav-top
.line{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab-li10.png) top left repeat-x;height:11px;display:block;position:absolute;width:100%;bottom:-3px;left:0;clear:both;opacity:0}.nav-top .item-02
.line{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab-li11.png) top left repeat-x}.nav-top .item-03
.line{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab-li12.png) top left repeat-x}#nav{width:957px;height:43px;margin:0
auto}.line-not-cat{display:none;background:url(http://www.lola.vn/images/bg-line-home.png) bottom left no-repeat;width:947px;height:7px;margin:-14px auto 0;position:relative;z-index:333}.not-cat .sale-nav-top{margin-top:-83px}.not-cat #nav>ul>li>a{height:35px;line-height:38px}.not-cat .line-not-cat{display:block}.not-cat
.logo{margin:0
10px 37px 5px}.not-cat #nav .nav-blog{height:57px;margin-top:-22px}.not-cat #mid-banner{margin-top:-49px}#nav>ul{text-align:left;float:left;margin-right:5px;margin-left:20px}#nav .nav-blog{display:block;background:url(http://i80.servimg.com/u/f80/18/31/17/20/menu-b10.png) top left no-repeat;width:97px;height:59px;text-indent:-9999px;float:left;margin-top:-22px}#nav>ul>li{float:left;margin-right:6px}#nav > ul > li
div.relative{position:relative;width:144px}#nav > ul > li div.relative .post-up-btn{display:none;height:36px;line-height:36px;float:left;position:absolute;top:11px;left:-490px;width:88px}#nav > ul > li.active div.relative a.post-up-btn{display:block}#nav>ul>li>a{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab110.png) top left no-repeat;width:144px;height:43px;text-align:center;line-height:38px;color:#fff;font-size:14px;display:block;position:relative;font-size:17px;text-shadow:1px 1px 0 #777}#nav>ul>li>a:hover{text-decoration:none}#nav>ul>li.item-02>a{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab210.png) top left no-repeat}#nav>ul>li.item-03>a{background:url(http://i80.servimg.com/u/f80/18/31/17/20/tab310.png) top left no-repeat}#nav ul > li > a
i{background:url(http://i80.servimg.com/u/f80/18/31/17/20/text-h10.png) top left no-repeat;width:145px;height:39px;display:block;position:absolute;top:-41px;left:0;opacity:0}#nav ul > li.item-02 > a
i{background-position:-156px 0}#nav ul > li.item-03 > a
i{background-position:-304px 0}#nav ul > li > a:hover
i{opacity:1}#nav ul
ul{display:block;position:absolute;bottom:-59px;left:-205px;width:951px;padding-top:7px;height:60px}#nav li div.relative .submenu, #nav li div.relative
i{opacity:0}#nav li.active div.relative .submenu, #nav ul > li:hover div.relative
i{opacity:1}#nav li.active
div.relative{z-index:33}#nav li
li{float:left;padding:0
1px 0;background:url(http://i80.servimg.com/u/f80/18/31/17/20/dot-bg10.png) top left repeat-y;padding-left:2px}#nav li ul li:first-child{background:none}#nav li li
a{color:#4c4c4c;display:block;height:59px;font-size:13px;font:normal 13px 'Segoe UI', Arial, Helvetica, sans-serif;padding-left:14px}#nav li li a:hover{color:#191919;background-color:#fff5cc}.wrap-user{width:957px;margin:0
auto;position:relative}.sale-nav-top li.active
.line{z-index:44;opacity:1}.sale-nav-top li.active
a{z-index:55}#nav .item-03
ul{left:-276px;width:937px}#nav li li
small{display:inline-block;background:url(http://i80.servimg.com/u/f80/18/31/17/20/icon-s10.png) top left no-repeat;vertical-align:middle;margin-right:18px;float:left;margin-top:18px}#nav li li
span{float:left;line-height:normal;margin-top:13px}#nav li li span
strong{font-size:11px;font-weight:normal}#nav li.item-03 li.sub-01
a{width:275px}#nav li.item-03 li.sub-02
a{width:195px}#nav li.item-03 li.sub-04
a{width:195px}#nav li.item-03 li.sub-03
a{width:200px}#nav li.item-03 li.sub-02
small{width:21px;height:18px;background-position:0 -42px}#nav li.item-03 li.sub-01
small{width:17px;height:17px;background-position:-24px -43px}#nav li.item-03 li.sub-03
small{width:19px;height:19px;background-position:-46px -41px}#nav li.item-03 li.sub-04
small{width:21px;height:18px;background-position:0 -42px}#nav li.item-01 li.sub-01
a{width:225px}#nav li.item-01 li.sub-02
a{width:235px}#nav li.item-01 li.sub-03
a{width:206px}#nav li.item-01 li.sub-01
small{width:17px;height:21px;background-position:0 0}#nav li.item-01 li.sub-02 small, #nav li.item-02 li.sub-02
small{width:20px;height:21px;background-position:-19px 0}#nav li.item-01 li.sub-03
small{width:18px;height:17px;background-position:-41px 0}#nav .item-02
ul{left:-355px}#nav li.item-02 li.sub-01
a{width:230px}#nav li.item-02 li.sub-02
a{width:210px}#nav li.item-02 li.sub-03
a{width:210px}#nav li.item-02 li.sub-01
small{width:12px;height:17px;background-position:-61px 0}#nav li.item-02 li.sub-03
small{width:13px;height:13px;background-position:-75px 0}.i-s{display:inline-block;background:url(http://i80.servimg.com/u/f80/18/31/17/20/icon-s10.png) top left no-repeat;vertical-align:middle;margin-right:11px}.i-scb{width:15px;height:15px;background-position:0 -24px}.i-post-pro{width:14px;height:15px;background-position:-17px -24px}.i-cntt{width:16px;height:15px;background-position:-33px -24px}.i-khcn{width:14px;height:12px;background-position:-50px -24px}.i-bql{width:12px;height:15px;background-position:-66px -24px}.i-post-order{width:13px;height:16px;background-position:-68px -42px}.notlogin{float:right;margin-top:-29px}.notlogin
li{float:right;margin-left:23px;padding-top:5px}.notlogin li.login-fb{clear:both;padding-top:8px}.notlogin li
a{color:#555;font-size:11px}.notlogin li a:hover, article.item .meta a:hover, .nav-footer li a:hover, .store-list li a:hover{color:#3378AD}.notlogin li
i{vertical-align:top;margin-right:5px}.notlogin li.cart
i{background-position:-72px 0;width:15px;height:14px;margin-right:7px}.notlogin li.reg
i{background-position:-72px -20px;width:20px;height:17px}.notlogin li.login
i{background-position:-72px -43px;width:20px;height:17px}.notlogin li.login-fb a,a.login-fb{display:block;background:url(http://i80.servimg.com/u/f80/18/31/17/20/loginf10.png) top left no-repeat;width:173px;height:26px;text-indent:-9999px;margin-top:-3px}.notlogin li.login-fb a:hover,a.login-fb:hover{background-position:0 -26px}a.reg-fb{background-position:0 -52px;margin-top:10px}a.reg-fb:hover{background-position:bottom left}.gt-menu{left:170px;position:absolute;top:20px}.ex-link{position:absolute;top:12px;left:266px;display:block}#header .gt-menu
li{margin-left:0}.login-fb-page{clear:both;padding-top:15px;border-top:1px solid #C2DADD}.login-fb-page
a{margin:0
auto}.alert-info
img{margin-right:10px;vertical-align:middle}.logged{float:right;margin-top:-49px;position:relative;z-index:999;margin-right:15px}.notlogin .logged .menu-about{padding-top:0 !important;margin-right:0}.logged>ul>li{float:left;margin-left:10px;position:relative}.logged li
ul{opacity:0;background-color:#FFF;box-shadow:0 2px 4px rgba(34, 25, 25, 0.5);position:absolute;width:120px;top:-9999px;left:-9999px;padding-top:35px;z-index:333;border-radius:3px;background:url(http://www.lola.vn/images/bg-top-usermenu.png) top left repeat-x #fff}.logged li ul
li{display:block;padding:3px
0px 3px 6px;float:none;font-size:10px}.logged li ul li
a{display:block}.logged li ul
li.spre{border-top:#eaeaea 1px solid;margin-top:4px}.logged li ul li:hover{background-color:#e5e5e5}.logged li ul li:first-child{border-top:1px solid #e5e5e5}.logged li.menu-user:hover
ul{opacity:1;top:-2px;left:-14px}.logged li.menu-about:hover
ul{left:-30px}.logged li.menu-about{margin-right:10px}.logged li.menu-user
img{float:left;width:18px;height:18px;position:absolute;top:4px;left:0;border:#558ab9 1px solid;box-shadow:1px 1px 3px #aaa}.logged li.menu-user
.nav{height:25px;line-height:25px;font-size:11px;padding-left:28px;position:relative;z-index:444;display:block;margin-top:3px}.logged li.menu-user .nav
span{display:inline-block;background:url(http://www.lola.vn/images/arr_blue.png) right center no-repeat;width:8px;height:4px;margin-left:7px;margin-bottom:2px}.logged
li.noti{padding-top:8px}.logged li.noti
a{display:block;float:left;margin-left:10px}.logged li.noti a.mess
i{display:inline-block;background:url(http://www.lola.vn/images/mail_blue.png) top left no-repeat;width:20px;height:14px}.logged li.noti a.noti-numb
i{display:inline-block;background:url(http://www.lola.vn/images/noti-blue.png) top left no-repeat;width:18px;height:17px}.logged li.noti a i
em{position:relative;color:#fff;border-radius:50%;top:-8px;right:-9px;font-size:10px;font-weight:bold;padding:0
3px;height:12px;display:inline-block;text-align:center;line-height:11px;font-style:normal;border:#fff 2px solid;background-color:#e90404}.notlogin .submenu-user
li{margin-left:0;float:none}.notlogin .logged li.menu-about:hover
ul{left:3px}.notlogin .logged li.menu-user
.nav{height:20px;line-height:23px}.submenu-user
i{display:inline-block;background:url(http://www.lola.vn/images/icon-menu-user.png) 1px 1px no-repeat;width:15px;height:15px;vertical-align:middle}.submenu-user i.icon-sell{background-position:0 -22px}.submenu-user i.icon-mana-article{background-position:0 -45px}.submenu-user i.icon-qa{background-position:0 -75px}.submenu-user i.icon-update-info{background-position:0 -97px}.submenu-user i.icon-wall{background-position:0 -121px}.submenu-user i.icon-bookmark{background-position:0 -143px}.submenu-user i.icon-setting{background-position:0 -179px}.submenu-user i.icon-logout{background-position:0 -199px}.submenu-user i.icon-intro{background-position:0 -219px}.submenu-user i.icon-job{background-position:0 -244px}.submenu-user i.icon-sitemap{background-position:0 -264px}
.blue-post-btn,a.blue-post-btn{-moz-box-shadow:1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7;-webkit-box-shadow:1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7;box-shadow:1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2bb4f8), color-stop(1, #28a9ef));background:-moz-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%);background:-webkit-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%);background:-o-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%);background:-ms-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%);background:linear-gradient(to bottom, #2bb4f8 5%, #28a9ef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bb4f8', endColorstr='#28a9ef',GradientType=0);background-color:#2bb4f8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px
solid #2190c7;border-left:#46bcf8 1px solid;border-top:#62c7fa 1px solid;display:inline-block;color:#fff;font:normal 16px 'UVNTinTucHepThemBold', Arial, Helvetica, sans-serif;text-transform:uppercase;padding:6px
11px;text-decoration:none;text-shadow:0px 1px 0px #2393cb}.blue-post-btn:hover,a.blue-post-btn:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #28a9ef), color-stop(1, #2bb4f8));background:-moz-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%);background:-webkit-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%);background:-o-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%);background:-ms-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%);background:linear-gradient(to bottom, #28a9ef 5%, #2bb4f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28a9ef',endColorstr='#2bb4f8',GradientType=0);background-color:#28a9ef}
a.post-up-btn,a.post-up-btn:hover,a.post-sale-btn,a.post-sale-btn:hover,a.post-guide-btn,a.post-guide-btn:hover{height:34px;margin:0
auto;line-height:34px;padding:0
13px 0 48px;background-image:url(http://www.lola.vn/images/icon-up.png);background-position:15px 8px;background-repeat:no-repeat;display:table}a.post-sale-btn,a.post-sale-btn:hover{background-image:url(http://i80.servimg.com/u/f80/18/31/17/20/button10.png);background-position:10px 8px;background-repeat:no-repeat;padding:0
0 0 38px;display:block;top:11px;width:126px;position:absolute;right:-589px;z-index: 999;height:36px;line-height:36px;float:right}a.post-guide-btn,a.post-guide-btn:hover{background-image:url(http://i80.servimg.com/u/f80/18/31/17/20/button11.png);background-position:14px 8px;background-repeat:no-repeat;padding:0
0 0 38px;display:block;top:11px;width:126px;position:absolute;right:-438px;z-index: 999;height:36px;line-height:36px;float:right}a.post-sale-btn,a.post-guide-btn{display:none}.sale-nav-top li.active a.post-sale-btn, .sale-nav-top li.active a.post-guide-btn{display:block}
@media screen and (-webkit-min-device-pixel-ratio:0){#nav>ul{margin-left:205px}#nav ul
ul{left:-202px}#nav .item-02
ul{left:-353px}#nav .item-03
ul{left:-498px}.ms-white ul li
a{padding:10px
11px}.ms-white li li
a{padding:2px
10px 2px 28px}}
@media screen and (max-width: 480px){html{-webkit-text-size-adjust:100%;font-size:100%}}
.main .main-foot, .main .main-head {
border-bottom: #e4e4e4 1px solid;
padding: 9px 15px;
height: 40px;
}
.tick {
background: url(http://www.lola.vn/images/tick.png) top left no-repeat;
width: 99px;
height: 25px;
display: block;
position: absolute;
margin-top: -20px;
left: 43%;
z-index: 55;
}
.main .main-head .page-title ,.main-head .h3 {
padding: 10px 0 6px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
color: #575757;
text-align: center;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label,.chatbox-options ,.main-head .h3,.pun h2 , .pun h3 ,.main .main-head .page-title , .pun .main-foot .h2, .pun .main-head .h2,.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited , .pun .main .options {
font-family: 'UVNTinTucHepThemBold',Arial,Helvetica,sans-serif;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
color: #575757;
}
h2 {
font-size: 24px;
line-height: 36px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-rendering: optimizelegibility;
}
.chatbox-title a.chat-title,.chatbox-title,.pun .main-foot .h2, .pun .main-head .h2 {
background: url(http://www.lola.vn/images/top-box-dd.png) top left no-repeat;
height: 36px;
padding-left: 26px;
color: #686a6b;
font-size: 18px;
line-height: 41px;
}
tr.chuyenmucloc {
width: 271px;
height: 235px;
float: left;
padding: 7px 7px 13px;
border: #d8d8d8 1px dotted;
margin-left: 2px;
}
.forumtitle {
color: #3d88d4;
font: normal 16px 'Segoe UI Light', Arial, Helvetica, sans-serif;
display: block;
height: 24px;
overflow: hidden;
}
.authorpost {
font-size: 11px;
font-style: italic;
margin-bottom: 3px;
margin: -1px 0 5px;
line-height: normal;
}
.i-comment{background:url(http://www.lola.vn/images/icon-comment.png) top left no-repeat;display:inline-block;padding-left:16px;font-size:8px;font-style:normal;height:10px;line-height:10px;font-weight:bold;color:#8c8c8c}
.commentloc {
float: left;
width: 40px;
height: 5px;
}
.dieuhanhloc {
width: 90px;
height: 33px;
float: right;
font-size: 12px;
color: #f60;
margin-top: -4px;
}
.pun-crumbs p {
background: url(http://i80.servimg.com/u/f80/18/31/17/20/icon_f10.png) #fff 9px 9px no-repeat;
padding-left: 42px;
font: 13px/38px 'Segoe UI Light',Arial,Helvetica,sans-serif;
height: 38px;
display: block;
color: #434343;
box-shadow: 0 11px 0 -8px #fff, 0 11px 0 -7px #fff;
}
#chatbox_footer {
border-top: 1px dashed #ccc;
bottom: 0;
left: 0;
position: absolute;
right: 0;
background: #fff;
}
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
background: #fff;
}
#chatbox_members {
border-right: 1px dashed #ccc;
bottom: 30px;
overflow: auto;
position: absolute;
top: 30px;
width: 180px;
background: #fff;
}
#chatbox_members .member-title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
margin-top: 14px;
}
#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{display:none}
h2.tieudecm {
color: #0193dc;
font: normal 28px 'Segoe UI Light', Arial, Helvetica, sans-serif;
margin-bottom: 5px;
font-size: 21px;
line-height: 36px;
}
.center {
text-align: center;
}
.user-ident h2 {
font: normal 12px 'Segoe UI Light', Arial, Helvetica, sans-serif;
border-bottom: #e1e1e1 1px solid;
color: #555;
padding: 10px 30px;
background-color: #fff;
}
.user-ident .user-picture img {
border: #e5e5e5 1px solid;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3px;
width: 40px;
height: 40px;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
overflow: hidden;
margin-left: 66px;
margin-top: -180px;
float: left;
text-decoration: none;
color: #069;
font-size: 11px;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
padding: 0 9px;
background-color: #fff;
height: 145px;
}
.pun .user .user-ident {
font-size: 12px;
padding: 0 0 .7em;
margin-bottom: 15px;
float: left;
width: 229px;
background-color: #fff;
box-shadow: 0 11px 0 -8px #fff, 0 11px 0 -7px #fff;
}
.pun .postmain {
background-color: transparent;
margin-left: 21em;
}
.pun .posts .user {
float: left;
margin-left: -18em;
margin-top: -10.5em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 20em;
word-wrap: break-word;
}
.pun .post-entry {
padding: 1em 1em 0;
background: #fff;
}
.pun .posts {
border-width: 2px 0 1px;
}
.blog_cal-content {
background: #fff;
color: #000;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
line-height: 1.4em;
padding: 1px;
text-align: center;
width: 2.9em;
}
.user-basic-thongtin {
margin-top: -20px;
border-top: #ccc 1px dotted;
text-align: center;
}
.pun .user-ident .user-basic-info1 {
font-weight: 700;
padding: 0 9px;
background-color: #fff;
height: 45px;
}
span.arr {
background: url(http://www.lola.vn/images/arr-up.png) top left no-repeat;
width: 17px;
height: 9px;
position: absolute;
margin-left: 100px;
margin-top: -8px;
}
.pun .postheads {
background: #fff;
padding: .5em 1.3em .5em 1em;
}
.blog_comment-avatar {
background: url(http://www.lola.vn/images/bg-avatar.png) top left no-repeat;
width: 65px;
height: 60px;
margin-left: -7px;
position: absolute;
}
.pun .post-entrys {
padding: 1em 1em 0;
background: #fff;
border: 1px solid #c2dadd;
color: #3e3f40;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px 14px;
width: 84%;
margin-left: 93px;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #fff;
margin: 2px 2px 4px;
vertical-align: middle;
width: 55px;
height: 55px;
}
.postfootcm {
clear: both;
margin-left: -17em;
padding: .5em 1em;
text-align: right;
}
.pun .postcm {
border-width: 2px 0 1px;
}
h5.head-title-box {
text-align: center;
font-family: 'Segoe UI Light',Arial,Helvetica,sans-serif;
color: #1f8ece;
font-size: 22px;
}
.comment-list {
margin-bottom: 20px;
}
.comment-list>li {
float: left;
padding-left: 69px;
position: relative;
width: 540px;
margin-top: 22px;
}
.hv-small {
background: url(http://www.lola.vn/images/hv2.png) center center no-repeat;
height: 11px;
clear: both;
margin-bottom: 20px;
}
.main .main-foot, .main .main-head {
border-bottom: #e4e4e4 1px solid;
padding: 9px 15px;
border-top: #ccc 1px dotted;
height: 40px;
}
.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 #FFFFFF; /*background và màu nền khi rê chuột vào*/
}
.codebox dd {
background-color: rgb(215, 232, 240);
margin: 0.5em;
padding: 0.5em;
}
.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: #000000; /*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 #FFFFFF;
/*background và màu nền khi rê chuột vào*/}
input,textarea,select,.uneditable-input,#text_editor_iframe{
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px;
font-size: 13px;
line-height: auto;
*line-height: auto;
vertical-align: middle;
*margin-left: .3em;
border: 1px solid #dddddd;
*border: 0;
}
#text_editor_controls button.button2, input.button2 {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
background-image: none;
border-radius: 1px;
margin-left: -5px;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #b42000;
}
.button2 {
margin: 2px!important;
padding: 2px!important;
}
button, input, label, select, textarea {
font-size: 13px;
font-weight: 400;
}
fieldset.frm-set dl dt {
display: block;
float: left;
font-weight: 700;
margin-top: 4px;
text-align: left;
}
p.author {
margin-bottom: 5px;
font-size: 11px;
color: #656566;
}
#onlinelist p strong {
color: #656566;}
.main-foots {
bottom: 0;
height: 119px;
overflow: hidden;
padding-left: 20px;
position: fixed;
right: 0;
width: 152px;
background-color: #fff;
}
.pun .main .optionss {
color: #ccc;
}
.main-foots h2{
font: normal 15px 'Segoe UI Light', Arial, Helvetica, sans-serif;
border-bottom: #e1e1e1 1px solid;
color: #550;
padding: 10px 30px;
background-color: #fff;
}
.frm-buttons {
border-top: 3px double #ddd;
margin-bottom: 1.3em;
margin-top: 1.5em;
padding: .7em 0 0 17.5em;
}
#footer-container {
clear: both;
width: 100%;
}
#footer {
width: 949px;
margin: 0 auto;
font-size: 12px;
color: #282724;
padding: 15px 0;
border-top: #9b998b 1px solid;
overflow: hidden;
}
#footer .fleft {
width: 900px;
}
.fleft {
float: left;
}
#footer .logo-footer {
background: url(http://www.lola.vn/images/footer_logo.png) top left no-repeat;
width: 76px;
height: 45px;
text-indent: -9999px;
margin-right: 25px;
float: left;
margin-left: 17px;
}
#footer a {
color: #282724;
}
.over-hid {
overflow: hidden;
}
#footer small {
font-size: 10px;
}
#pun-about ul {
list-style-type: none;
display: none;
}
.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index: 999;
}
.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: 999;
}
.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:0;
overflow:hidden;
margin:0;
padding:0;
}
.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:10px;
}
.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%;
border:0;
vertical-align:top;
margin:0;
padding:0;
}
.fancybox-image {
max-width:100%;
max-height:100%;
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-21px;
margin-left:-21px;
width:42px;
height:42px;
background:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb10.gif);
opacity:.8;
cursor:pointer;
z-index: 999;
}
.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb10.png);
}
.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index: 999;
}
.fancybox-prev,.fancybox-next {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
background:transparent url(http://www.9xstudio.biz/users/2012/10/88/45/album/blank110.gif);
z-index: 999;
}
.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: 999;
}
.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-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: 999;
}
#fancybox-buttons.top {
top:10px;
}
#fancybox-buttons.bottom {
bottom:10px;
}
#fancybox-buttons ul {
display:block;
width:170px;
height:30px;
list-style:none;
-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
background:#111 0 0 50% 50% 100%;
border-radius:3px;
margin:0 auto;
padding:0;
}
#fancybox-buttons ul li {
float:left;
margin:0;
padding:0;
}
#fancybox-buttons a {
display:block;
width:30px;
height:30px;
text-indent:-9999px;
background-image:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb11.png);
background-repeat:no-repeat;
outline:0;
}
#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:.5;
cursor:default;
}
.fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title {
visibility:visible;
}
.iconPlayer {
background:url(http://www.9xstudio.biz/users/2012/10/88/45/album/play-o10.png) no-repeat scroll center center transparent;
left:140px;
opacity:.8;
position:absolute;
margin-top:85px;
z-index:99;
padding:40px!important;
}
.fancyimg-fmvi {
cursor:0;
}
#tooltip .tiplFMvi {
border-bottom:2px dotted #ddd;
padding-bottom:5px;
margin-bottom:5px;
}
#tooltip {
max-width:550px;
position:absolute;
border-radius:3px;
color:#000;
z-index:99;
border:1px solid #ddd;
font:12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
background:#fff url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);
padding:0;
}
.entry-content img {
max-width:350px;
}
.online2 strong {
color: Orange;
font-family: georgia;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size:46px;
}
.member1 strong {
font-family: georgia;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size:35px;
}
.post1 strong {
color: deepSkyBlue;
font-family: georgia;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size:38px;
}
.online1 strong {
color: yellowGreen;
font-family: georgia;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size:48px;
}
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;width:846px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#DDD;color:#706969;font-family:Comic Sans MS!important;font-variant:small-caps!important;font-weight:700!important;height:20px;line-height:20px;text-shadow:1px 1px 1px #FFF;padding:5px}
/* Styles */
body {margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#404040;background-position:left 40px;background-attachment:fixed;background-repeat:no-repeat;cursor:url(//www.cuttherope.ie/cursors/cursorActive.cur),url(//www.cuttherope.ie/cursors/cursorActive.png),auto;}
.pun{overflow:auto}
a,.pun a {text-decoration:none;color:#0069D6}
a:hover{cursor:url(//www.cuttherope.ie/cursors/handcursor.cur),url(//www.cuttherope.ie/cursors/handcursor.png),auto}
.pun a:hover {color:#00438A;text-decoration:underline}
.c31{background-color:#C0DEED}
.c30{background-color:#BFBFBF}
.c32{background-color:#C6E2EE}.c32 .pun a {color:#1F98C7}
.c33{background-color:#EDECE9}.c33 .pun a {color:#088253}
.c34{background-color:#0099B9}.c34 .pun a {color:#0099B9}
.c35{background-color:#352726}.c35 .pun a {color:#D02B55}
.c36{background-color:#709397}.c36 .pun a {color:#FF3300}
.c37{background-color:#EBEBEB}.c37 .pun a {color:#990000}
.c38{background-color:#8B542B}.c38 .pun a {color:#9D582E}
.c39{background-color:#1A1B1F}.c39 .pun a {color:#2FC2EF}
.c310{background-color:#642D8B;background-attachment:scroll;background-repeat:repeat}.c310 .pun a {color:#FF0000}
.c311{background-color:#FF6699;background-attachment:scroll;background-repeat:repeat}.c311 .pun a {color:#B40B43}
.c312{background-color:#BADFCD}.c312 .pun a {color:#FF0000}
.c313{background-color:#B2DFDA}.c313 .pun a {color:#93A644}
.c314{background-color:#131516;background-attachment:scroll;background-repeat:repeat}.c314 .pun a {color:#009999}
.c315{background-color:#022330}.c315 .pun a {color:#0084B4}
.c316{background-color:#9AE4E8}.c316 .pun a {color:#0084B4}
.c317{background-color:#DBE9ED}.c317 .pun a {color:#CC3366}
.c318{background-color:#ACDED6}.c318 .pun a {color:#038543}
.c319{background-color:#FFF04D}.c319 .pun a {color:#0099CC}
.fancybox-tmp iframe,.fancybox-tmp object {
vertical-align:top;
margin:0;
padding:0;
}
/* Avatar trong reply */
#quick-avatar {
float: left;
padding: 11px;
}#quick-avatar img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 50px;
margin-top: 15px;
padding: 1px;
width: 50px;
}
#quick-avatar img:hover{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
/* Khung viền trả lời */
#text_editor_textarea, textarea{
padding: 3px;
background: white;
border: 2px solid #088A08;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
}
.chat-title:after{content: "FcNaruto";font-weight:bold;padding-left:10px;}
#mudimPanel {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
background: url('http://c3zone.forumj.net/users/1214/94/30/93/album/ribb10.png') 333px 0 no-repeat,url('http://c3zone.forumj.net/users/1214/94/30/93/album/ribb11.png') center right no-repeat, url('http://c3zone.forumj.net/users/1214/94/30/93/album/ribb12.png') repeat-x 0 center !important;
bottom: 20px!important;
left: -333px!important;
width: 330px!important;
height: 45px!important;
padding: 11px 48px 11px 5px !important;
font-size: 9px!important;
font-weight: bold;
vertical-align: middle;
border: none !important;
}
#mudimPanel:hover {
left: 0!important;
}
