Demo :
http://darkmon.net , http://trasua6.123.st/
Css:
http://darkmon.net , http://trasua6.123.st/
Css:
- Code:
/* ná»n topic */
a[href="/u1"] + .topic2 .topic1 {background: #e8f0f7 url(http://i35.servimg.com/u/f35/14/65/61/19/hinh_n10.png)repeat-y;background-size: 100% 100%;}
a[href="/u38"]+.topic2 .topic1 {background: #f7f7ff url(http://i73.servimg.com/u/f73/17/73/81/22/bannne14.png)no-repeat center center;}
a[href="/u80"] + .topic2 .topic1 {background: url(http://i46.servimg.com/u/f46/15/86/65/76/giovot10.jpg);}
a[href="/u11"] + .topic2 .topic1 {background: url(http://i774.photobucket.com/albums/yy22/pro_ductrong1/nen%20tuyet%20la%20hoa/707657b39hsqemsd.gif);}
a[href="/u9"] + .topic2 .topic1 {background: url(http://img101.imageshack.us/img101/1866/breakdance.jpg); background-size: 100% 100%; }
.pun .main .main-content p.message {background-color: #FFF5F5;border: 1px solid #FF0000;margin: 1.7em;padding: 1em;}
a:link,a:active,a:visited {text-decoration: none;}
a:hover{text-decoration: none !important;}
/* button */
.pun .frm .frm-info {border: 1px solid #e6c820;background-color: #fffbd6;}
.pun .frm-info {border: 1px solid #de3c10;color: #333;}
.main .frm-info {background: #ffebeb;border: 1px solid #dd;margin: 1.7em;padding: 1em;}
.pun .frm .frm-buttons input {font-size: 1em;line-height: 1.2;margin-right: 1em;overflow: visible;padding: 1px .5em 2px;vertical-align: middle;}
.pun input.button2, input.button2, input[type=button], input[type=reset], input[type=submit] {
background-color: #1485DD;
border: none;
color: #fff!important;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 22px;
padding: 3px 5px 5px 5px!important;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background-color: #e74c2e;
}
.pun input[name=submit], .pun input.mainoption, .pun input[name=post]{
background-color: #e74c2e;
border: none;
color: #fff!important;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 22px;
padding: 3px 5px 5px 5px!important;
}
.pun input[name=submit]:hover, .pun input.mainoption:hover, .pun input[name=post]:hover{
background-color: #1485DD;
}
/* nháy */
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}}
/* Latest topic */
.main .main-foot,.main .main-head,.main-head.clearfix .h2,.main-head.clearfix .options{height:20px;line-height:20px}
/* Thống kê */
.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;margin:5px 10px 5px 70px}
.starsTitle { background: #ddd; color: #706969; height: 20px; line-height: 20px; text-shadow: 1px 1px 1px #FFF; padding: 5px; }
.online2 strong { color: Orange; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online1 strong { color: #9acd32; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.post1 strong { color: #00bfff; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online3 strong { color: #ff0000; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
/* Số trang - paging - www.fmvi.vn */
.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(); }
/* tooltip */
#tooltip .header{display:none}
#tooltip .tiplFMvi{border-bottom:1px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip{background-color:#F5F5F5;border:1px double #adadad;color:#131313;max-width:450px;position:absolute;z-index:999;padding:15px 20px}
/* ÄÂÆ°á»Âng Dẫn Liên Kết */
.pun-crumbs {font-size: 11px;background: url(http://i34.servimg.com/u/f34/17/54/83/01/catego11.png) 50% 0% repeat-x rgb(250, 250,250);border: 1px solid rgb(210, 210, 210);overflow: hidden;zoom: 1;padding: 0 0 0 23px;}
.pun-crumbs p.crumbs{color:transparent!important;text-overflow: ellipsis;white-space: nowrap;}
.pun-crumbs p a{-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;display:inline-block;padding-right:19px;padding-left:0;background:url(http://i1327.photobucket.com/albums/u661/quanligerv/WebFlake/sec_na10.png) no-repeat 100% -1px;line-height:35px;color:#757575!important;margin-left:-9px;background-position:100% -44px}
.pun-crumbs p {font-weight:700!important;margin: 0;}
/*---chatbox---*/
#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;
}
#submit_button {
margin-right:20px;
border-radius: 1px;
padding: 3px;
}
img[src="http://2img.net/i/fa/resize.gif"]{display:inline-block;margin-bottom:-20px}
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;
}
.chatbox-options{font-size:0px;margin-top:2px;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}
#chatbox_members{
background:#ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;
border-right:1px solid #ccc;
margin-bottom:-65px;
margin-top:-30px;
font:bold 12px Arial;
}
#chatbox_members .member-title{
padding:8px;
background: url(http://i74.servimg.com/u/f74/16/18/15/10/128.png)no-repeat 5px;
color:#38788c;
}
#chatbox_footer{
margin-left:181px;
border-top:1px solid #ccc;
background:#f7f7f7;
}
#chatbox{overflow-x:hidden;margin-bottom:38px;background:#FFF;}
#chatbox_header.main-head{border:0px;background: #ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;font-size:0px}
#chatbox_header.main-head a{
color:#333}
#message {
width:440px;
height:15px;
font-size:13px;
border:1px solid #d3d5d6;
background-color:#fff;
margin-left:-180px;
padding:10px;
padding-left:50px;
margin-right:-60px;
margin-top:5px;
margin-bottom:15px;
padding-right:70px;
}
#chatbox img{max-width:550px}
#chatbox img[src*="servimg.com"]{border:1px solid #d4d4d4}
.chatbox_row_1,.chatbox_row_2{color:#adadad;background:#fff}
#divcolor{border:0px;background:none;margin-top:-5px;margin-right:62px}
#divsmilies{
margin-left:-80px;
margin-top:13px;
border:0px;
background:none;
border-right:1px solid #ccc;
padding-right:4px;
}
/*---chatbox---*/
/*xoa @ chatbox----------*/
#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;}
/*post body image-------------------------------------------------------------------*/
.codebox {
display: block;
text-align: left;
background: #eee;
border: 1px solid #aaa;
display: block;
margin-top: 1.5em;
padding: .25em;
position: relative;
white-space: pre;
max-width: 780px;
}
code:before {
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}
.codebox dd {
background-color: #eee;
margin: .5em;
padding: .5em;
}
a.code-a {
float: right;
padding-left: 100px;
}
.pun .codebox dt {
font-weight: 700;
}
.spoiler_content {
background:#f5f5f5;
margin-top:1px;
border:1px solid #c5ccd1;
padding: 1px 10px 16px;
}
.pun .spoiler dt:hover {
color:red;
background:#e8e8e5 url(http://i48.servimg.com/u/f48/16/18/15/10/untitl74.png) no-repeat 6px 8px;
}
.pun .spoiler dt {
font:bold 12px Tahoma;
color:#333;
background:#e8e8e5;
border:1px solid #c5ccd1;
padding:4px 6px 4px 20px;
margin:0px;
}
.spoiler dd {
background:none;
margin:0;
padding:0;
}
.spoiler {
background:none;
border:0;
width:96%;
margin-top:10px;
padding:0;
}
.main .main-head .page-title {
color: #fff;
text-decoration: none !important;
font-size: 15px;
font-weight: bold;
line-height: 15px !important;
padding: 4px 4px;
font-weight: bold;
}
/* Khung soạnn thảo */
label[for="text_editor_textarea"] {display:none}
.editorfmvi{background-color:#B86E00;float:none!important;font-weight:700!important}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
input[type="submit"],input[type="reset"]{float: none !important}
.sceditor-container,#textarea_content{width:896px!important}
.sceditor-container {
width: 901px;
}
#textarea_content dd {
width: 940px;
}
#smiley-box { margin-left: 6px; width: 886px; height: 90px; margin-top: -23px; border: 1px solid #b0b0b0; overflow: hidden; border-top: 0px; padding: 5px; }
/* soạn thảo 2 */
div.sceditor-toolbar {
text-align: center!important;
}
div.sceditor-group {
background: #f7f7f7!important;
}
.frm-form [class|="sceditor"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0!important}
.sceditor-color-option:hover:after{width:20px;height:20px;display:block;background:inherit;content:" ";position:absolute;top:-24px;left:2px;border:1px solid #FFF}
.sceditor-group,#pun-qpost .main-content.frm{border:1px solid #D1D1D1!important}
.sceditor-group a{-moz-border-radius:0;background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left!important;border:1px solid #999!important;border-radius:0;box-shadow:0 1px 0 #dedade!important;cursor:pointer!important;margin-left:-1px;padding: 1px 4px!important;}a.sceditor-button-faspoiler div{background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/183.png)no-repeat center!important;border:1px solid #ccc!important;height:9px!important;padding:3px!important;width:9px!important}.sceditor-container{-moz-border-radius:0!important;border:1px solid #bdbdbd!important;border-radius:0!important}.sceditor-toolbar{background:#f2f2f2!important;border-bottom:1px solid #cecfce!important;text-align:left}.sceditor-group a:active{background:#dedede!important;box-shadow:inset 0 1px 1px #b0b0b0!important}.sceditor-group a.active,.sceditor-group a.hover{background:#dedede!important;box-shadow:inset 0 0 0 #b0b0b0!important}.sceditor-toolbar .sceditor-group{background:none!important;border:0!important}
/* profile */
.friend-block .avatar img {
height: 50px;
width: 50px;
}
.friend-block .avatar {
cursor: pointer;
margin: 0 auto;
border: 1px solid #B9B8B8;
border-radius: 2px;
overflow: hidden;
padding: 2px;
width: 50px;
}
.friend-block span {
outline-style: none;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Arial, Verdana, Tahoma, sans-serif;
width: 60px;
display: inline-block;
}
#tabs ul li.activetab a {
padding: 2px 5px;
border-color: rgb(97, 129, 23);
background: #80b700;
}
#tabs ul li {
padding: 0px;
}
#tabs ul li a {
font: normal 11px helvetica;
border: 1px solid rgb(197, 197, 197);
padding: 2px 5px;
border-bottom: 1px solid rgb(197, 197, 197);
margin: 0 2px;
background: rgb(240, 240, 240);
color: rgb(62, 110, 155);
}
#tabs ul {
padding: 0px;
margin: 0px;
}
#tabs ul li.activetab a:hover {
background: rgb(120, 170, 4);
}
#profile-advanced-left #tabs ul li a {
font: bold 15px arial;
padding: 10px 29px;
}
#tabs ul li.activetab a {
text-decoration: none;
}
#profile-advanced-layout #tabs {
margin-left: 8px;
bottom: -19px;
}
#profile-advanced-layout {
float: right;
margin-right: 0px;
width: 70%;
}
#profile-advanced-left {
margin-right: 0px;
float: none;
}
#profile-advanced-right {
float: left;
width: 30%;
}
#profile-advanced-left #profile-advanced-details .main-head {
background-image: url("http://i.imgur.com/TlzzVvk.jpg");
height: 70px;
border-bottom: solid #569605;
border-width: 0 0 5px 5px;
}
#profile-advanced-details {
margin-right: 0px;
margin-left: 10px;
margin-top: 23px;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle {
line-height: 60px;
font-size: 25px;
font-weight: bold;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}
#profile-advanced-details .avatar {
border-top: none;
float: left;
height: 36px;
position: relative;
width: 60px;
z-index: 999;
background: transparent;
border-width: 2px 0px 0px 0px;
display: inline-block;
}
#profile-advanced-details .avatar a img {
height: 40px;
position: relative;
width: 40px;
z-index: 999;
top: 5px;
left: 5px;
border: 1px solid #BEBEBE;
border-radius: 2px;
padding: 2px;
}
#profile-advanced-details .avatar a img:hover {
border: 1px solid #A8A8A8;
}
#profile-advanced-details .message-header {
font-size: 0!important;
position: relative;
top: 10px;
background: none;
border: none;
margin: 0px;
padding: 0px;
visibility: hidden;}
#profile-advanced-details .message-header em {display: none;}
#profile-advanced-details .message-date {
float: right;
visibility: visible;
font: normal 10px helvetica;
color: #869096;
overflow: hidden;
height: 13px;}
#profile-advanced-left #profile-advanced-details .top {
margin-bottom: -1px;
}
#profile-advanced-left #new-message-link a img {
display: none;
}
#profile-advanced-left #new-message-link a {
width: 145px;
height: 47px;
background-image: url("http://img88.xooimage.com/files/3/1/1/publicar-36b43b9.png");
position: absolute;
margin-left: -150px;
border-radius: 5px;
background-repeat: no-repeat;
margin-top: 40px;
}
#profile-advanced-right .main-content.clearfix.center {
background: #EEE;
font-size: 15px;
color: #777575;
font-weight: bold;
text-shadow: 1px 1px 2px #F0F0F0;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 150px;
height: 150px;
padding: 5px;
border-radius: 5px;
border: 1px solid #AFAEAE;
background: #F3F1EE;
box-shadow: 0 0 0 1px white inset ,0 0 10px #A2A2A2;
}
#profile-advanced-right .main-head .h3 span{
font-size: 14px!important;
}
#profile-advanced-details .main-content ol .clearfix {
border-top: 1px dotted #AFAFAF;
background: #F3F3F3;
margin: 0px;
position: relative;}
#profile-advanced-details ol {
list-style: none;
border-top: 3px solid #2F4A90;
padding-top: 10px;
}
#profile-advanced-left .message-block .clearfix , .message-block .clearfix {
border-top: none!important;
}
#profile-advanced-details .message-block .message-footer li a {
font-size: 0px;
text-decoration: none;}
.message-header img {
display:none;}
.message-header a {
font-size: 14px;
visibility: visible;}
#profile-advanced-right .main-content.clearfix {
background: #EEE;
color: #777575;
text-shadow: 1px 1px 1px white;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed {
border: 1px solid #D6D6D6;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed legend {
background: #E9E9E9;
border: 1px solid #DDD;
padding: 1px 10px;
border-radius: 2px;
}
#profile-advanced-details .main-content {
padding: 4px;
background: #F3F3F3;
border: 1px solid#D8D8D8;
font-family: "helvetica neue", helvetica, arial,sans-serif;
color: #333;
}
#profile-advanced-details .message-block .message-text {
font-family: 'Helvetica Neue', arial, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
}
.pun {
background: #fff;
border-left: 2px solid #a2eef2;
border-right: 2px solid #a2eef2;
border-bottom: 2px solid #a2eef2;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
line-height: 130%;
padding: 10px;
width: 956px!important;
min-width: 0px;
}
body {
background: #FFF url(http://i57.servimg.com/u/f57/17/73/81/22/bg-htm10.jpg) repeat bottom center fixed;
color: black;
font-size: 12px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
margin: 0px;
padding: 0px;
background-position: top center;
background-attachment: fixed;
}
/* main-head */
.main .main-head, .main .main-foot, .main .main-head {
font-weight: bold;
font-size: 12px;
color: #FFF;
background: url(http://i46.servimg.com/u/f46/17/96/39/83/tcatbg10.gif);
padding: 9px;
}
.pun .main-foot .h2, .pun .main-head .h2 .page-tile {
color: #fff;
font-weight: bold;
margin-top:3px;
}
.main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color: #fff;
font-size: 13px!important;
font-weight: bold;
}
/* Glass nav - www.fmvi.org */
#pun-head #pun-navlinks{background-color:transparent;border:0 none;margin-top: -12px;color:#000000}
.title-overview{font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
.center-overview{color:#000!important}
.center-overview a{background-image:none!important}
.center-overview a:hover{background-image:none!important}
#pun-navlinks ul{text-align:center;}
#pun-navlinks li{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho10.png);background-position:right top;background-repeat:no-repeat;color:#FFF;display:inline-block;font:13px tahoma,arial,sans-serif;height:32px;margin-right:5px;padding-right:10px;text-decoration:none}
#pun-navlinks li:hover{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho10.png);color:#000000;outline:medium none}
#pun-navlinks li a{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho11.png);background-repeat:no-repeat;color:#FFF;display:inline-block;line-height:21px;margin-right:-8px!important;padding:3px 0 8px 10px}
#pun-navlinks li:hover a{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho11.png)}