Css - Code:
/* Avatar in index */ .avatar-index {float: left;} .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;} .avatar-index img:hover {border: 1px dashed #CCC;} .avs a.inx 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); } #smallrum{padding: 0.4em 1em;margin: 3px 1px; width: 100%;font-size:0px} #smallrum a img{vertical-align: middle; margin-right: 6px;margin-top:-10px;display:inline-block} #smallrum a.gensmall { display: inline-block; text-align: left;margin:2px 0px; width:160px;font: 13px Tahoma } #smallrum a.gensmall:hover { color:#879e2b; } a[href="/u1"] span:before {content: url(http://goo.gl/YFqpWP);} .main .main-head { border-bottom: 2px solid #418797; } .main .main-head { background-image: url(http://2img.net/i/fa/empty.gif); } .main .main-foot, .main .main-head { background-color: #fff; color: #dedfdf; font-weight: 400; padding: .7em 1.3em; } #pun-intro, .main-foot, .main-head { background-color: #171F34!important; } /* Chu Clan */
.rank2 img { max-height: 24px; }
.pun table.table td table td { border-color: #0D99A6!important; border-style: solid solid none none !important; padding: 2px!important; }
.pun table.table td table td { border: 0 none!important; }
body{ background-attachment:scroll;background-color:#fff;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/ete9k10.png);color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px} .pun { background-color: #FFF; border-right: 1px solid #919191; box-shadow: 0 0 4px #ded7de; min-height: 3400px; min-width: 977px; width: 36px; } .pun input.search_pt{float:left;padding:6px!important;height:15px;width:150px;border:1px solid #bdbfbd;color:#333;padding-right:20px!important;font:11px Tahoma;box-shadow: inset 0 1px 1px #ccc} .pun #sell1 input.search_pt:focus{border:1px solid #4279c7} #pun-logo{position: absolute;bottom:-5px;margin-left:-8px} .pun a span[style="color:#0500A3"] strong{background: url(http://i80.servimg.com/u/f80/16/18/15/10/award_11.png)no-repeat;padding-left:20px;padding-bottom:4px} .postbody a img{padding:2px;border:1px solid #d4d4d4} .postbody a img:hover{border:1px solid #4c6291} .pun .main .main-content p.message{background-color:#fffbd6;border:1px solid #e6c820} .pun input[type="text"]{padding:3px 5px} #chatbox .msg a{ color:#1e1c59; background:url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center; padding-left:20px; } .pun .postbody {line-height:18px;} #chatbox .msg a:hover{color:red} #chatbox .msg{font:normal 13px/18px Tahoma,Helvetica,verdana,arial,sans-serif} .postbody blockquote { border:1px solid #437194; background:#f7f7ff; margin:10px; padding:7px 10px 10px; }
.postbody blockquote>div { margin-left:-18px; background:url(http://i74.servimg.com/u/f74/16/18/15/10/quote-10.png)no-repeat left top; padding-left:20px; padding-top:5px; font:normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif; font-style:italic; }
.postbody blockquote cite { width:100%; display:inline-block; margin-top:-5px; font:bold 13px Tahoma; }
.pun select{border:1px solid #0f528c} #sell1{border:2px solid #24374a;width:176px} #sell1 input:focus{border:1px solid red;} #chatbox_members .away{display:none;} #chatbox_members .away+.online-users{margin-top:-38px} #chatbox_members .online+.online-users a{background: url(http://2img.net/i/fa/Online.png)no-repeat left;padding-left:15px;} .away+.online-users a{background: url(http://2img.net/i/fa/Offline.png)no-repeat left;padding-left:15px;} .chatbox-options{font-size:0px;margin-top:5px;padding-right:5px} .chatbox-options a{border:1px solid #9c999c; background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x; cursor: pointer; box-shadow: 0px 1px 0px #dedade; padding:3px 5px; color:#000; font:bold 12px Tahoma; float:left; } .chatbox-options a:active { background:#dedede; box-shadow: inset 0 1px 1px #b0b0b0; } #chatbox_option_autorefresh{display:none} .bailienquan a.topictitle:visited b,.bailienquan a.topictitle:visited,.muc_post a:visited{color:#096600} a.topictitle:hover,.muc_post a:hover{color:red!important;} .pun ol li.clearfix { border-bottom:1px solid #e0e0e0; margin-left:-4px; margin-right:-4px; padding:5px 10px; } .pun ol li.clearfix .avatar {overflow:hidden;height:50px;border:0px} #profile-advanced-details .message-header { margin-top:-5px; font: 11px Arial; border:0px; background:none; color:#737373; } #profile-advanced-details .message-header img{display:none} .pun .message-text img{max-width:395px} .pun .pagination.top {margin:10px 5px} .pun a.top_nav1{ background: url(http://i35.servimg.com/u/f35/16/18/15/10/136.png)no-repeat 176px 11px; padding:10px 2px 14px 42px; display:inline-block; width:153px; border-top:1px solid #FFF; border-bottom:1px solid #bdbfbd; margin:0px; font:bold 15px Tahoma; color:#333; text-shadow: 0px 0px 0 #fff; margin-left:-10px; } .pun a.top_nav2{ height:10px; position:absolute; margin-left:-196px; margin-top:47px; font:bold 0px Tahoma; color:#000; z-index:4; width:149px; display:inline-block; padding:11px 0px 20px 48px ; background: url(http://i80.servimg.com/u/f80/16/18/15/10/191.png)no-repeat right center; }
#qjump select { background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/158.png)no-repeat left top; font:11px Arial; width:150px; position:absolute; top:6px; margin-left:614px; border:0px!important; padding:7px; z-index:999!important; } #qjump select option{overflow:hidden;width:130px} .pun #profile-advanced-left #tabs ul li a { border:0; border-right:1px solid #ccc; color:#333; font:bold 11px Verdana; background:none; margin-left:0; padding:10px 9px; }
.pun #profile-advanced-left #new-message #tabs { height:33px; width:472px; margin-left:0; margin-bottom:-34px; background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/154.png)repeat-x left bottom; border:1px solid #ccc; border-bottom:0; color:#333; padding:0; }
.pun #profile-advanced-left #tabs ul li.activetab a { background:#FFF; margin-bottom:-1px; border-left:1px solid #ccc; margin-left:-5px; padding:10px 10px 11px; }
.pun #profile-advanced-left .middleline dt { font:bold 12px Arial; }
.pun #profile-advanced-left .middleline dt img { display:none; }
.pun .forumline { background-color:#ccc; border:0; }
.pun .forumline td { background-color:#FFF; padding:4px 8px; }
.pun .codebox { border:0; background-color:#fff; }
.pun .codebox dt { border:0; font:bold 12px Arial; padding-left:8px; }
.pun .codebox dd.cont_code { border-top:1px solid #000; border-right:1px solid #ABABAB; border-bottom:1px solid #ABABAB; border-left:1px solid #000; background-color:#fff; overflow:scroll; margin-top:-3px; max-height:300px; font-size:11px; max-width: 450px; color:#000; } .pun form[name="form_login"] .connexion{margin-top:-10px;padding-top:10px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/168.png)no-repeat 500px 0px}
textarea{border:1px solid #bdc7de;padidng:5px} #tabs+form.frm-form .main-head .subtitle ,#tabs a[href*="attachments"],#tabs a[href*="search?"]{display:none} .pun #tabs{margin-bottom:-32px;margin-left:-16px} .pun #tabs a[href*="profile?mode=editprofile&page_profil=informations"]{background: url(http://i74.servimg.com/u/f74/16/18/15/10/163.png)no-repeat 4px 7px} .pun #tabs a[href*="profile?mode=editprofile&page_profil=preferences"]{background: url(http://i74.servimg.com/u/f74/16/18/15/10/164.png)no-repeat 4px 7px} .pun #tabs a[href*="profile?mode=editprofile&page_profil=signature"]{background: url(http://i74.servimg.com/u/f74/16/18/15/10/165.png)no-repeat 4px 7px} .pun #tabs a[href*="profile?mode=editprofile&page_profil=avatars"]{background: url(http://i74.servimg.com/u/f74/16/18/15/10/165.png)no-repeat 4px 7px} .pun #tabs a:hover{background-color:#FFF;padding-bottom:8px} #tabs+form.frm-form .main-head{ background: #FFF url(http://i74.servimg.com/u/f74/16/18/15/10/154.png)repeat-x left bottom; border:1px solid #ccc; border-bottom:0px; color:#333; height:30px; overflow-y:hidden; padding:0px; } #tabs+form.frm-form .main-head h1{font-size:0px;} .pun #tabs ul li a{border:0px;border-right:1px solid #ccc;color:#333;font:bold 11px Verdana;padding:9px 10px 9px 30px;background:none;margin-left:-4px} .pun #tabs ul li.activetab a{background:#FFF;padding:9px 30px} .pun .frm-info{border:1px solid #de3c10;color:#333} .pun .frm .frm-info{border:1px solid #e6c820;background-color:#fffbd6} .spoiler_content { background:#f5f5f5; margin-top:1px; border:1px solid #c5ccd1; padding:10px; }
#content-container div#container { float:left; margin-right:-6px; width:100%; }
#content-container div#content { margin-right:6px; }
.postbody .spoiler_content img { max-width:700px; }
.pun .icon_down { filter: alpha(opacity=80); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; border: 1px solid #b0b0b0; margin: 10px -12px 0px 16px; -moz-border-radius: 2px; border-radius: 2px; background-color: #FFF; padding: 2px; }
.spoiler dt:hover { color:red; background:#e8e8e5 url(http://i48.servimg.com/u/f48/16/18/15/10/untitl74.png) no-repeat 6px 10px; }
.pun .spoiler dt { font:bold 12px Tahoma; color:#333; background:#e8e8e5; border:1px solid #c5ccd1; padding:4px 20px; }
.spoiler dd { background:none; margin:0; padding:0; }
.spoiler { background:none; border:0; width:96%; margin:10px 0 0 15px; padding:0; }
.pun .nav_pt a { display:inline-block; width:300px; font:bold 12px Arial; border-left:5px solid #ababab; color:#ababab; margin-bottom:1px; padding:3px 5px; }
.pun .nav_pt a:hover { color:#5e5e5e; border-left:5px solid #5e5e5e; }
.pun .nav_pt a.forum { color:#000; border-left:5px solid #000; }
.nav_pt { font-size:0; position:fixed; top:10px; margin-left:790px; }
#chatbox_members { background:#ededed; border-right:1px solid #ccc; margin-bottom:-35px; margin-top:-30px; font:bold 12px Arial; overflow:auto; }
#chatbox_members .member-title { background:url(http://i80.servimg.com/u/f80/16/18/15/10/196.png)no-repeat left top; color:#38788c; padding:10px; }
#chatbox_footer { margin-left:181px; border-top:1px solid #ccc; background:#f7f7f7; }
#chatbox { overflow-x:hidden; margin-bottom:37px; margin-right:0px; margin-left:0px; overflow-y: scroll; }
#chatbox_header.main-head { border:0; background:#FFF url(http://i80.servimg.com/u/f80/16/18/15/10/122.png)repeat-x -1px 0px; font-size:0; }
#chatbox_header.main-head a { color:#333; }
#message { width:360px; height:16px; font-size:13px; border:1px solid #b0b0b0; background-color:#fff; margin:5px -60px 15px -180px; padding:10px 70px 9px 50px; }
#chatbox img { max-width:400px; border:1px solid #d4d4d4;padding:4px; margin-top:4px; }
#chatbox img[src*="r12.imgfast.net"]{ border:0px;padding:0px;margin-top:0px; }
.chatbox_row_1,.chatbox_row_2 { font:10px Arial; color:#adadad; background:#fff; }
.user { display:inline-block; margin-left:-48px; padding-left:10px; font:bold 12px/18px Tahoma,Helvetica,verdana,arial,sans-serif }
#submit_button { margin-right:20px; }
#divcolor { border:0; background:none; margin-top:-5px; margin-right:55px; }
#divsmilies { margin-left:-65px; margin-top:13px; border:0; background:none; border-right:1px solid #ccc; padding-right:8px; }
img[src="http://2img.net/i/fa/resize.gif"]{display:inline-block;margin-bottom:-20px} blockquote blockquote,#divcolor img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],img[src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"],#divsmilies img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#divunderline{display:none} div.fontbutton { cursor:pointer; height:18px; border:1px solid #999; background:#dedede; }
div.fontbutton,div.fontbutton_normal { margin-top:10px; width:20px; height:18px; background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x; }
div.fontbutton_selected { border:1px solid #999!important; background:#dedede; }
div.fontbutton_clicked { background:#dedede; border:1px solid #999; }
#toppage { margin-left:765px; position:fixed; bottom:220px; cursor:pointer; display:block; opacity:1px; }
.pun input[type=submit],input[type=button],input[type=reset] { font-family:Tahoma; cursor:pointer; border:1px solid #999; color:#000; background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left; font-size:11px; font-weight:700; box-shadow: 0px 1px 0px #dedade; } select,input[type=text]{font-size:11px;padding:3px 5px} input[type=submit]{padding:3px 5px!important;} .pun input[name=submit],.pun input.mainoption,.pun input[name=post] { box-shadow: 0px 1px 0px #dedade; border:1px solid #c20000; color:#fff; background:#ff1100 url(http://i38.servimg.com/u/f38/16/18/15/10/untitl26.png)repeat-x top left; } .pun input[type=reset]:active,input[type=submit]:active { background:#dedede; box-shadow: inset 0 1px 1px #b0b0b0; }
.pun input[name=submit]:active,input.mainoption:active,input[name=post]:active { background:#de0d0d; box-shadow: inset 0 2px 2px #c90000; } #pun-visit,.pun-crumbs { display:none; }
.pun2 { position:fixed; top:0; z-index:3; height:100%; width:197px; background: rgb(239,239,239); border-right:1px solid #bdbfbd; border-left:1px solid #bdbfbd; margin-left:-27px; padding:0px; min-height: 620px; }
.pun2 li { list-style-type:none; }
a { text-decoration:none!important; }
#main1 .main-content { margin-bottom:10px; border-top:0; }
div.nav { height:30px; border:1px solid #b5b1b5; overflow:hidden; width:767px; margin-bottom:5px; font-size:0; background:#f7f7f7 url(http://i35.servimg.com/u/f35/16/18/15/10/o7ihji10.gif) no-repeat 770px center; padding:0px 5px 0px 20px; z-index:999!important; position: relative; }
.pun div.nav a.nav { font:bold 12px Tahoma; display:inline-block; height:20px; background:url(http://i74.servimg.com/u/f74/16/18/15/10/125.png)no-repeat left top; padding:8px 5px 2px 15px; } .pun div.nav a.nav,.pun div.nav a.nav font { color:#243E75; }
.pun .paged-head,.pun .paged-foot { border:0; }
.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 url(); }
#nav li { color:#fff; position:relative; float:left; list-style-image:none; }
#nav li.dl span { background-color:transparent; text-decoration:underline; }
#nav li ul.hide-mobile { position:absolute; z-index:999; color:#000966; top:20px; list-style:none; opacity:0; transition:opacity .25s ease-out; -o-transition:opacity .25s ease-out; display:none; margin-left:182px; margin-top:-66px; padding-left:5px; width:150px !important; }
#nav li:hover ul,#nav li:active ul,#nav li:focus ul,#nav li.sfhover ul { opacity:1; display:block; text-align:left; }
#nav li ul li,#nav li ul li:hover,#nav li ul li:focus { min-width:180px; font-size:11px; float:none; background:transparent none; margin:0; padding:0; }
#nav li ul li + li { border-top:1px solid #ABABAB; border-collapse:collapse; }
#nav li ul li.dl b { display:block; }
#operamenu { padding-top:3px; font:normal 12px Tahoma; margin:0 auto; }
.pun #operamenu .hide-mobile li { height:auto; background: #f7f7f7; border: 1px solid #949294; margin-top:10px; box-shadow: 1px 1px 3px #e8e3e7; }
.pun #operamenu .hide-mobile li a{ background:url(http://b0.ttimg.vn/img/img_201302/bullet_subNav.png)no-repeat 15px 16px; width:150px; display:inline-block; padding:12px 0px 10px 30px; font:bold 12px Tahoma; color:#333; border-bottom:1px solid #e8e3e7; border-top:1px solid #FFF; } .pun #operamenu .hide-mobile li a:hover { background-color:#FFF!important; } #username_reg,#email,#password_reg,#password,#subject,#username { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; width:200px; margin-bottom:4px; margin-top:-4px; border:1px solid #a6a6a6; border-top:1px solid #858583; border-left:1px solid #858583; padding:5px 4px 5px 28px; }
#password { float:left; background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 2px center; }
#username { float:left; background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 2px center; }
#pwd_bad:before { content:"Xin vui lòng chá»n máºt khẩu vá»›i Ä‘á»™ dà i Ãt nhất là 6 kà tá»±. Máºt khẩu phải chứa Ãt nhất 1 ký tá»± (a-z) và 1 ký tá»± số ."; font:11px Arial; color:red; margin-top:-7px; display:inline-block; }
#pwd_bad { text-align:left; width:300px; font-size:0; padding-left:30px; background:url(http://i48.servimg.com/u/f48/14/28/30/23/regwro10.png)no-repeat scroll left; margin-left:-40px; margin-top:-2px; } #pwd_middle:before,#pwd_good:before { content:"Hợp lệ có thể dùng "; font:11px Arial; color:green; }
#pwd_middle,#pwd_good { text-align:left; width:300px; font-size:0; padding-left:25px; margin-left:-40px; margin-top:-2px; background:url(http://i48.servimg.com/u/f48/14/28/30/23/regrig10.png)no-repeat scroll left; }
a[href="/u1"]+.topic2 .topic1 { background: url(http://photo.ssc.vn/images/551images.jpg)repeat; }
a[href="/u4011"]+.topic2 .topic1 { background: url(http://www.taochu.com/backgrounds/thumbs/bgrnew14.gif.thumb.jpg)repeat; } #fire { background-position: initial initial; background-repeat: initial initial; color: red; text-shadow: #ff0 0 -1px 2px, #fc0 0 -3px 3px, #f90 0 -5px 4px, #f60 1px -7px 5px, #f30 2px -9px 6px, red -2px -11px 7px; } #pun-about{display: none;} .postbody img{max-width:480px;} .postbody img:hover{ max-width:480px; overflow:auto; } .postbody img:before { display: block; height: 30px; width: auto; } /*************Point send system********/ a[href*="/u1629wall?d"] { font-size:0px;} a[href*="/u1629wall?d"]:after { content:"Chấp nhận giao dịch"; font-size : 12px; } #pointopen { text-align :center; position: fixed; bottom: 10px; left: 10px; min-height: 20px; width: 120px ; z-index: 999; -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: #000000; font-weight: bold; color:white } .pointuser, .erroraccess { -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: 1.5px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 12px ; border-radius: 3px; margin-top: 100px; margin-left: 600; width : auto; color:black; position: fixed; }
.notepass { background-position: 10px center; border-radius: 4px 4px 4px; background-color: #d1e4f3; background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png"); background-repeat: no-repeat; color: #073561; border: 1px solid #175fa3; margin: 10px 0px; padding: 15px 10px 15px 50px; } .pointuser .button { background-image:url(http://2img.net/i/fa/admin/icon_ok.gif); background-repeat:no-repeat; color: #6C0; border: 1px solid #8FD534; margin: 2px 0 2px 20px; padding:0 5px 0 16px; cursor:pointer; background-repeat:no-repeat; direction:ltr; margin-left: 170; } .pointuser .button:hover { border-color:#66CC00; background-color: #eeeeee; background-image:url(http://2img.net/i/fa/admin/icon_ok.gif); background-repeat:no-repeat; text-decoration: none; } .notifi {color : green; font-weight:bold } /*************Point send system********/ /* tooltip */ #tooltip .header{display:none} #tooltip .tiplFMvi{border-bottom:1px dashed;padding-bottom:5px;margin-bottom:5px} #tooltip{background-color:#FFF;border:1px solid #DDD;border-radius:3px 3px 3px 3px;box-shadow:2px 2px 3px #746E6E;color:#131313;max-width:450px;position:absolute;z-index:999;padding:15px 20px} .vote .vote-bar {margin-left: -450px;margin-top:-38px;height: 25px} .pun .main table td.tc2, .pun .main table td.tc3{background-color: #f7f2f7} .pun tbody.statused td.tcl {padding-left: 0em} .pun strong.pagination a {background-color:#fff;border:1px solid #999;color:#333;font-weight:400;line-height:1.5em;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;font-size:11px;margin:0 1px;padding:0 3px 0 4px;}strong.pagination span a:hover {text-decoration:none !important;border-color:#407294;} .tabs a::after { content: ''; position: absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; background: #418797; -webkit-transform: skew(18deg); -moz-transform: skew(10deg); -ms-transform: skew(10deg); -o-transform: skew(10deg); transform: skew(10deg); } .tabs a { position: relative; margin-top: -7px; margin-left: -14px; background: #418797; padding: 1em 3.5em; float: left; text-decoration: none; color: #FFF; } .frm-form [class|="sceditor"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0!important;text-align:left} .sceditor-group,#pun-qpost .main-content.frm{border:1px solid #D1D1D1!important}
Cám Ơn Bạn Đã Đánh Giá Bài Viết!
Message reputation : 100% (1 vote) |