Helios Administator
Tổng số bài gửi : 972 Reputation : 61 20/07/1991 Join date : 04/10/2009 Age : 33 Đến từ : HCMUS - cntt MD1coin : 1798
| Tiêu đề: [Sưu Tầm]CSS giao diện tết của diễn đàn Thu Mar 04, 2010 12:41 am | |
| - Code:
-
body {background-color: #ffffff;background-image: url("http://2img.net/i/fa/empty.gif");background-attachment: scroll;}* html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}*+ html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}th,td,p { font-family: Verdana,Arial,Helvetica,sans-serif }a img { border: none; }a:link,a:active,a:visited { color : #20b6fb; }a:hover{ text-decoration: underline !important; color : #20b6fb; }hr{ height: 0; border: solid #ffffff 0; border-top-width: 1px;}.bodyline{ background-color: #ffffff; border: 1px #ffffff solid;}.bodylinewidth {width:80%}.forumline{ background-color: #ffffff; border: 2px #ffffff solid; }td.row1,td.row3.over:hover { background-color: #ffffff; }td.row2,td.row1.over:hover { background-color: #ffffff; }td.row3{ background-color: #ffffff; }td.rowpic {background-color: #ffffff;background-image: url("http://i14.servimg.com/u/f14/14/04/65/68/tcat_b10.png");css}th {color: #000000;font-size: 11px;font-weight : bold;background-color: #ffffff;height: 25px;background-image: url("http://i901.photobucket.com/albums/ac214/ltthien/i_back_catg.gif");padding: 2px 3px;}td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url("http://i901.photobucket.com/albums/ac214/ltthien/i_back_catg.gif");background-color:#ffffff; border: #ffffff; border-style: solid; height: 28px;}td.cat,td.catHead,td.catBottom {height: 29px;border-width: 0;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {font-weight: bold; border: #ffffff; border-style: solid; /*height: 20px;*/}td.row3Right,td.spaceRow {background-color: #ffffff; border: #ffffff; border-style: solid;}td.pourcentback { background-color : #ffffff; }th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0 1px; }th.thSides,td.catSides,td.spaceRow { border-width: 0 1px; }th.thRight,td.catRight,td.row3Right { border-width: 0 1px 0 0; }th.thLeft,td.catLeft { border-width: 0 0 0 1px; }th.thBottom,td.catBottom { border-width: 0 1px 1px 1px; }th.thTop { border-width: 1px 0 0; }th.thCornerL { border-width: 1px 0 0 1px; }th.thCornerR { border-width: 1px 1px 0 0; }.maintitle, .maintitle h1{font-weight: bold; font-size: 22px; font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;text-decoration: none; line-height : 120%; color : #000000;}.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {padding: 2px 3px;}.forumline td.pagination {padding:0; }.maintitle h1 {margin: 0; padding: 0; display: inline; }.gen { font-size : 12px; }.genmed { font-size : 11px; }.gensmall { font-size : 10px; }.gen,.genmed,.gensmall { color : #000000; }a.gen,a.genmed,a.gensmall { color: #20b6fb; text-decoration: none; }a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #20b6fb; text-decoration: underline; }.mainmenu{ font-size : 11px; color : #000000 }a.mainmenu{ text-decoration: none; color : #20b6fb;}a.mainmenu:hover{ text-decoration: underline; color : #20b6fb; }.cattitle{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #20b6fb}h1.cattitle {margin:0; padding: 0; display:inline;}a.cattitle{ text-decoration: none; color : #20b6fb; }a.cattitle:hover{ text-decoration: underline; }.forumlink{ font-weight: bold; font-size: 12px; color : #20b6fb; }a.forumlink { text-decoration: none; color : #20b6fb; }a.forumlink:hover{ text-decoration: underline; color : #20b6fb; }.nav{ font-weight: bold; font-size: 11px; color : #000000; }a.nav{ text-decoration: none; color : #20b6fb; }a.nav:hover{ text-decoration: underline; }.topictitle,h1,h2{ font-weight: bold; font-size: 11px; color : #000000; }div.topictitle {display: inline;}h2.topic-title {display: inline; margin: 0; padding: 0;}a.topictitle:link{ text-decoration: none; color : #20b6fb; }a.topictitle:visited{ text-decoration: none; color : #2730e6; }a.topictitle:hover{ text-decoration: underline; color : #20b6fb; }.name{ font-size : 11px; color : #000000;}.name a{ text-decoration:none; }.postdetails{ font-size : 10px; color : #000000; }.postbody{ font-size : 12px; line-height: 18px}a.postlink:link{ text-decoration: none; color : #20b6fb }a.postlink:visited{ text-decoration: none; color : #2730e6; }a.postlink:hover{ text-decoration: underline; color : #20b6fb}.code{ font-family: Courier,CourierNew,sans-serif; font-size: 11px; color: #1856ed;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}.quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #e90696; line-height: 125%;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}a.copyright{ color: #20b6fb; text-decoration: none;}a.copyright:hover { color: #20b6fb; text-decoration: underline;}.coloradmin { color: #db2be5}.colormod { color: #1856ed}.vote {float: right;width: 10px;margin-left: 4px;}.vote .vote-button {text-align: center;font-weight: bold;margin-left: -1px;}.vote .vote-button a {text-decoration: none !important;}.vote .vote-bar {width: 3px;height: 50px;margin: 0 auto;border: 1px solid #000000;font-size: 0;}.vote .vote-no-bar {letter-spacing:-2px;margin-left:-2px;white-space:nowrap;}.vote .vote-bar-plus {background-color: #0f0;}.vote .vote-bar-minus {background-color: #f00;}h1.pagetitle {display: inline;margin: 0;padding: 0;font-size: 12px;color: #000000;}h1.title2 {font-size: 11px;}.secondarytitle,.secondarytitle h2 {margin: 0;padding: 0;color: #000000;}.secondarytitle h2 {display:inline;}.nav h1 {display: inline;}.hierarchy {display: inline;margin: 0;padding: 0;text-transform: none;border: none;font-size: 10px;}.mod-text {font-weight: bold;}img{border:0}input,textarea, select {color : #000000;font: normal 11px Verdana,Arial,Helvetica,sans-serif;border-color : #000000;}input.post, textarea.post, select { background-color : #ffffff; }.post-options {text-align: right;}.post-options img {cursor: pointer;vertical-align: middle;}input { text-indent : 2px; }input.button {background-color : #ffffff;color : #000000;font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif;}input.mainoption {background-color : #ffffff;font-weight : bold;}input.liteoption {background-color : #ffffff;font-weight : normal;}.helpline { background-color: #ffffff; border-style: none; }input { background-color: #ffffff; }button.button2, input.button2 {font-size: 0.7em;border: 1px solid #BCBCBC;width: auto !important;padding: 1px 0;font-family: Verdana,Arial,Helvetica,sans-serif;color: #000000;background-repeat: repeat-x;background-color: #FAFAFA;background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');background-position: top;overflow: visible;vertical-align:middle;}button.button2:hover, input.button2:hover {border: 1px solid #20b6fb;color: #20b6fb;background-position: 0 100%;}* html button.button2, * html input.button2 {padding-bottom: 0;margin-bottom: 1px;height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2, *+html input.button2 {height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2 img { vertical-align: middle; }* html button.button2 img { vertical-align: middle; }button.bbcode {border: 1px solid #e3adad;background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");}.select {background-color: #FFF;border: 1px solid #BCBCBC;position: absolute;z-index: 999;top: 0;left: 0;overflow: hidden;width: 0;}.select p {padding: 4px 6px;font-size: 0.7em;margin: 0;white-space: nowrap;text-align: left;}.select button {padding: 4px;font-size: 0.9em;margin: 0;background-color: #FFF;border: none;text-align:left;}.select button.button2 {border:1px solid #BCBCBC;padding: 0;}* html .select button.button2 {padding-right: 3px;padding-left: 3px;}.select button.button2:hover {border: 1px solid #20b6fb;color: #20b6fb;background-position: 0 100%;}.select button:hover,.selectHover {cursor: pointer;background-color: #EEE;}textarea#text_editor_textarea { width: 100% !important; }iframe#text_editor_iframe {width: 100%;height: 200px;}form#quick_reply textarea#text_editor_textarea {width: 100% !important;height: 100%;}form#quick_reply iframe#text_editor_iframe { width: 100%; }* html form#quick_reply iframe#text_editor_iframe { width: 600px; }*+html form#quick_reply iframe#text_editor_iframe { width: 600px; }#page-footer .gen strong {font-weight: normal;}@import url("form_ie.css");@media print {body {background-image: none;background-color: #fff;color: #000;}table.bodylinewidth span.maintitle {display: block;text-align: left;}table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {display:none;}td.catHead, .t-title {text-align: left;}table.bodylinewidth .cattitle {letter-spacing: normal; font-size: 1em;}.thLeft,.thRight {color: #000; border: none; text-align:left;}.hr hr { visibility: hidden; }.hr {border-top: 1px dotted #ddd !important; }tr.post td {vertical-align: top;border-bottom: 1px solid #ccc;}tr.post td td {border: none;}span.gen {display: none;}}ul.abuse {list-style: none;line-height: 1.5em;font-size: 0.9em;}.rtl-spacer:before {content: " ";white-space: pre;}.rtl-spacer:after {content: " ";white-space: pre;}.warning {color:#ff3333;}.captcha div.captcha-img {float: left;margin: 0 1em 0 0;}.captcha .inputbox {margin-top: 0.5em;}.center {text-align: center;}.right {float: right;}.left {float: left;}/* TGF Clearfix */.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}*+ html .clearfix {min-height: 1px;}* html .clearfix {position: relative; height: 1%; clear: both;}#page-footer, .clear {clear: both;}#page-footer h3 { margin-top: 20px; }#content-container #left {width: 180px;margin-right: 3px;}#content-container #right {width: 0px;margin-left: 3px;}.module-title {font-weight: bold;margin: 0 auto;text-align: center;display: block;}/* Chatbox */#frame_chatbox {border: none !important;}body.chatbox {min-width: 550px !important;background-image: none;padding: 0;margin: 0;background-color: #ffffff;}#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 12px;}.chatbox-options {text-align:right;}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {float:right;}#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;height: 30px;}#chatbox_footer table.text-styles {float: right;}#chatbox_footer .text-field {float: left;}#chatbox_header {height: 30px;background-color: #ffffff;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #ffffff;}.chatbox_row_2 {padding: 4px;background-color: #ffffff;}.chatbox_row_3 {padding: 4px;background-color: #ffffff;}.memberlist_row_1 {padding: 2px 2px 2px 10px;background-color: #ffffff;}#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #ffffff;color : #20b6fb;font-family: Verdana,Arial,Helvetica,sans-serif;}#chatbox_members ul {list-style: none;margin: 0 0 0 10px;}#chatbox_members ul li {margin: 2px 2px 2px 0;}#message,#submit_button{border-width: 1px;}.fontbutton {padding: 1px;cursor: pointer;text-align: left;}.fontbutton_normal {background: #E1E1E2;}.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}#chatbox .user {font-weight: bold;}div#chatbox {color: #000000;}#chatbox_contextmenu { background-color: #ffffff; border:1px solid #aaa;}#chatbox_contextmenu p {margin:0; padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #;border-bottom:1px solid #777; }#chatbox_contextmenu p.hover { background: #; }#chatbox_contextmenu p.close {background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); }#chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px;}#chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%;}#chatbox_contextmenu a:hover { color: #; }.fontbutton{border:0;}* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}/* poll */.poll-result td {padding: 2px 4px; text-align: left;}.poll-result td.poll-title,.poll-result td.poll-results {text-align: center;}.progress-bar td {padding: 0 !important;}.poll-ballot {text-align: left;}/* Advanced profile */#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {margin-right: 3px;}#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {margin-bottom: 3px;}#profile-advanced-button {padding: 1px;}#profile-advanced-details {overflow: hidden;}#profile-advanced-details ol {margin: 0;padding: 0;list-style: none;}#profile-advanced-details ol li {display: block;margin-bottom: 4px;}#profile-advanced-details .avatar {float: left;}.avatar {width: 50px;border: 1px solid #ffffff;background-color: #fff;}.avatar img {width: 50px;}.friend-block .avatar {margin: 0 auto;cursor:pointer;}.avatar.mini, .avatar.mini img {width: 38px;height: 38px;}.friend-block {float: left;width: 70px;margin: 1px;text-align: center;overflow: hidden;}.friend_list_online_status {line-height: 11px;font-size: .9em;}.friend_list_online_status img {vertical-align: middle;}.friends-foes-list {float: left;width: 200px;height: 2em;}#profile-advanced-details .message-block {margin-left: 57px;}#profile-advanced-details .message-header {border-top: 1px solid #ffffff;background: #ffffff;padding: 4px;margin-bottom: 4px;}#profile-advanced-details .message-date {float: right;}#profile-advanced-details .message-body {margin-bottom: 4px;}#profile-advanced-details .message-footer {text-align: right;}#profile-advanced-details .message-footer li {display: inline;margin: 0 0.25em; /* Spacing between generation dot */}#profile-advanced-details .message-footer li:after {content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */}#profile-advanced-details .message-footer li a {margin-right: 0.25em; /* Spacing between generation dot */text-decoration: underline;}#profile-advanced-details .message-footer li.last:after {content: normal;}#profile-advanced-add {margin-right: 4px;padding: 8px 0;text-align: right;}#profile-advanced-details .stats-field {margin: 4px 0 10px 4px;padding: 0 10px 6px;}#profile-advanced-details .stats-field legend {font-weight: bold;}#profile-advanced-details .stats-field ul {list-style-type:none;text-indent: 10px;padding: 0;}#profile-advanced-details .stats-field li {margin: 4px 0;}#login_popup {position: absolute;z-index: 999;display: none;}#login_popup_buttons {position: absolute;height:19px;bottom: 6px;right: 6px;}#login_popup_buttons input {margin-left: 6px;}ul.profile_field_list {padding:0;margin:0}html ul.profile_field_list li {list-style-type: none;}ul.profile_field_list > li {list-style-type: none;}.inputURL {font-size:10px;font-family:"Courier New", "Times New roman";letter-spacing:-1px;}.middleline {line-height:2em;}.invisible{display:none;visibility:hidden;}.visible{display:block;visibility:visible;}/* ajax profil */.ajax-profil_hover{background:transparent}.ajax-profil_parent{position:relative;zoom:1;}.ajax-profil_edit{cursor:pointer;position:absolute;top:0;left:-18px}.ajax-profil_edit img{margin-left:4px}.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}#profile-advanced-details dl{padding:8px 10 8px 0;width:98%;margin:10px 0 0;}#profile-advanced-details dl dt{float:left;display:block;width:10em;}#profile-advanced-details dl dd{margin-left:10em;padding-left:12px;}#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px;}#profile-advanced-details .ajax-profil_edit{left:-4px;}/* jqModal */.jqmWindow {display: none;position: fixed;left: 50%;width: 450px;margin-left: -225px;top: 50%;margin-top: -125px;background-color: #ffffff;border: 1px solid #ffffff;}.jqmOverlay {background-color: #000;}.jqDrag {cursor: move;}/* Blog */.blog_cal-border {display: inline;float: left;border: 1px solid #ffffff;background: #ffffff;padding: 1px;font-size: 0.9em;margin-right: 10px;}.blog_cal-content {width: 2.9em;background: #ffffff;padding: 1px;line-height: 1.4em;text-align: center;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color: #ffffff;}.blog_cal-content span {display: block;}.blog_cal-day {padding-left: 0.2em;font-size: 1.6em;letter-spacing: 0.2em;}.blog_cal-month {line-height: 0.7em;font-size: 2em;font-weight: bold;}.blog_cal-year {line-height: 1.2em;font-size: 0.8em;}.blog_title {padding-top: 5px;font-size: 16px;}.blog_title img {vertical-align: middle;}.blog_title .topictitle {font-size: 16px;}.blog_message {margin-top: 12px;font-size: 12px;}.blog_comments {margin-bottom: 2px;text-align: right;}.blog_comments img {vertical-align: middle;}#blog_comments {width: 90%;margin: 0 auto;}#blog_comments .postbody {width: 96%;}.blog_comment-avatar {float: left;}.blog_comment-avatar img {background-color: #fff;border: 1px solid #ffffff;vertical-align: middle;width: 38px;margin: 5px 5px 0 0;}#blog_comments table {margin-bottom: 2px;}#blog_comments .h3 {overflow: hidden;margin-top: 0;margin-left: 45px;padding: 0;min-height: 22px;}.blog_comment-title {float: left;min-height: 12px;margin-top: 7px;}.blog_comment-title a {text-decoration: none;}#blog_comments .profile-icons {float: right;margin-bottom: 5px;}/* Social bookmarking */#bookmarks {float: right;}#bookmarks a img {width: 20px;height: 20px;background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align: middle;}#bookmarks a img.twitter {width: 16px;height: 16px;margin: 2px;background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;}#bookmarks img.delicious {background-position: -10px -10px;}#bookmarks img.digg {background-position: -10px -50px;}#bookmarks img.excite {background-position: -9px -90px;}#bookmarks img.facebook {background-position: -9px -128px;}#bookmarks img.furl {background-position: -10px -166px;}#bookmarks img.google {background-position: -10px -206px;}#bookmarks img.live {background-position: -9px -246px;}#bookmarks img.netscape {background-position: -9px -284px;}#bookmarks img.newsvine {background-position: -9px -322px;}#bookmarks img.reddit {background-position: -10px -360px;}#bookmarks img.slashdot {background-position: -10px -400px;}#bookmarks img.smarking {background-position: -9px -440px;}#bookmarks img.stumbleupon {background-position: -10px -478px;}#bookmarks img.technorati {background-position: -10px -518px;}#bookmarks img.yahoo {background-position: -10px -558px;}/* wysiwyg */.mceContentBody{background: #ffffff;color: #000000;}.align_right{text-align: right;}/* resize image */.resize_process .resizebox {display: none;}.resize_process img.resize_img {display: none;}.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {display: inline-block;zoom: 1;*display: inline;}.resizebox.enlarged a.enlarge {display: none;}.resizebox.enlarged a.resize {display: inline-block;}.resizebox a.resize {display: none;}.resizebox {background-color: #ffffff;max-width: 100%;line-height: 1.1em;cursor: default;font-weight: normal;font-style: normal;margin: 0;text-align: left;display: inline-block;}.resizebox div {font-weight: normal;font-style: normal;margin: 0;}.resizebox .resize_border {border: 1px solid #ffffff;display: block;}.resizebox .resize_content {padding: 5px 10px;display: inline-block;zoom: 1;*display: inline;}.resizebox .resize_filler {border: none;padding: 0;width: 40px;display: inline-block;zoom: 1;*display: inline;}/* Design style by vietvui */ #banner{ background:url(http://i901.photobucket.com/albums/ac214/ltthien/suoi%20tien%204/Hinh%20tu%20jokerboy/Hinh%20tap%20the%2012a1/skin%20tet%202010/8_3_ok.jpg) top center no-repeat; width: 936px; height: 470px; margin:auto; padding: 0px; } body { background: #FF0000 url(http://i901.photobucket.com/albums/ac214/ltthien/snow_bg3.gif) left top repeat; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: auto; padding: 0px; } a:link { color: #FF6600; text-decoration:none; } a:visited { color: #FF6600; text-decoration:none; } a:hover, a:active { color: #FF6600; text-decoration:none; } #content{ width: 854px; margin: auto; padding:0px; } #main{ background:#FF0000 url(http://c.uploadanh.com/upload/2/153/0.4773414_1_1.gif) top center repeat-y; margin:auto; width: 936px; padding: 0px; } .page { width: 854px; margin: auto; padding: 0px; background: #FFFFFF; color: #000000; } #bg_footer{ background:#FF0000 url(http://i901.photobucket.com/albums/ac214/ltthien/skin%20tet/gradient_thead.gif) top center no-repeat; width: 936px; height: 164px; padding:0px; margin: auto; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder {
color: #000000; border: 1px solid #FF9900; } .tcat { background: url(http://c.uploadanh.com/upload/2/153/0.4773449_1_1.gif) top left repeat-x; height: 20px; padding: 0px 0px 0px 15px; color: #FFFFFF; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat a:link { color: #ffffff; text-decoration: none; } .tcat a:visited { color: #ffffff; text-decoration: none; } .tcat a:hover, .tcat a:active { color: #FFFF66; text-decoration: underline; } .thead { background: url(http://i18.servimg.com/u/f18/13/18/45/07/gradie11.gif) repeat-x top left; height: 20px; padding: 0px; margin: auto; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link { color: #FFFFFF; } .thead a:visited { color: #FFFFFF; } .thead a:hover, .thead a:active { color: #FFFFFF; } .tfoot { background: #FF6600; color: #FFFFFF; } .tfoot a:link { color: #E0E0F6; } .tfoot a:visited { color: #E0E0F6; } .tfoot a:hover, .tfoot a:active { color: #FFFF66; } .alt1, .alt1Active { background: #FFFFFF; color: #000000; border: 1px solid #FF9900; } .alt2, .alt2Active { background: #FFFFFF; color: #000000; border: 1px solid #FF9900; } td.inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } textarea, .bginput { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #666686; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #FF6633; color: #FFFFFF; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #CCCC66 url(images/gradients/gradient_panel.gif) repeat-x top left; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #FF0000 url(images/bg.gif) repeat-x top left; color: #000000; } legend { color: #22229C; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #FF0000; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:visited { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active { color: #FFFFFF; text-decoration: underline; } .vbmenu_popup { background: #FFFFFF; color: #000000; border: 1px solid #FF9900; } .vbmenu_option { background: #CCCC66; color: #000000; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link { color: #22229C; text-decoration: none; } .vbmenu_option a:visited { color: #22229C; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #8A949E; color: #FFFFFF; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } /* ***** don't change the following ***** */ form { display: inline; } label { cursor: default; } .normal { font-weight: normal; } .inlineimg { vertical-align: middle; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; color: #000000; font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #002B77; text-decoration: none; } .wysiwyg a:visited, .wysiwyg_avisited { color: #002B77; text-decoration: none; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; text-decoration: none; } textarea, .bginput { font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #FF4400; } .navbar { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5 url(http://i84.servimg.com/u/f84/14/04/65/68/gradie11.gif) repeat-x top left; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #D1D4E0 url(http://i84.servimg.com/u/f84/14/04/65/68/gradie12.gif) repeat-x top left; color: #000000; } legend { color: #002B77; font: 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }
/* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } #wrapper { background: transparent url(http://i84.servimg.com/u/f84/14/04/65/68/conteu10.png); text-align: left; width: 1000px; padding: 0px; margin: 0 auto; }
#wrapper2 { background: transparent; text-align: left; width: 960px; margin: 4px auto; }
#wrapper3 { padding: 0 8px; } #submenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent url(http://demo.vietvbb.vn/styles/windows_vista/layout/submenu_bg.gif) no-repeat; width: 100%; text-align: left; height: 31px; }
.bordure_haut { padding: 3px 10px 3px 10px; margin: 0px 0px 0px 0px; background: url(http://i84.servimg.com/u/f84/14/04/65/68/haut_m10.png) repeat-x top left; width: 100%; text-align: center; color: #000000; font-weight: bold; font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }
.bordure_bas { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(http://i84.servimg.com/u/f84/14/04/65/68/bas_m10.png) repeat-x top left; width: 100%; }
.bordure_gauche { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(http://i84.servimg.com/u/f84/14/04/65/68/bordur10.png) repeat-y top left; width: 34px; }
.bordure_droite { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(http://i84.servimg.com/u/f84/14/04/65/68/bordur11.png) repeat-y top left; width: 34px; }
.quote { border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}
.code { border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}
.rate{background: #F3E4EB;color: #000;border: 1px solid #000;} .ratetext{font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} .border_img{ background: #ffffff; border: 1px #1b1b1b solid; } .t2border{ background: #f3f3f3; border: 1px #ededed solid; } .avatar_forumdisplay { padding:0px 5px 0px 0px; }
.onlinetest { background: #F7F7F7 url(http://img402.imageshack.us/img402/883/offline.png) ; height: 38px; width: 135px; border: 0px; }
/* Chatbox */ body.chatbox { min-width: 550px !important; background-image: none; padding: 0; margin: 0; background-color: #fffffff; background-image: url(http://img210.imageshack.us/img210/6485/back02af1.gif); } #chatbox_members { position: absolute; top: 35px; overflow: hidden; height: 30px; border-right: 0px solid ; } #chatbox { position: absolute; top: 60px; left: 0px; right: 0; bottom: 30px; overflow: auto; line-height: 10px; } .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { font-size: 12px; } #chatbox_members .member-title { text-align: right; padding: 0em 0em; height:10px; background-image: url(); background-position: bottom left; background-repeat: no-repeat; font-size: 0px; background-color: transparent; color : transparent; width: 800px; } #chatbox_members ul { list-style-image: url(); margin: 0 0 0 0px; height:0px; overflow: hidden; } #chatbox_members ul li { padding-left: 0; margin-left: 20px; } #chatbox_footer { position: absolute; bottom: 0;
left: 0; right: 0; background-color: #CCCCCF; height: 30px; } #chatbox_footer table.text-styles {
float: right; } #chatbox_footer .text-field { float: left; } #chatbox_footer .chatfootertable { margin: 0px; background-color: #E1E1E2; } #chatbox_header { height: 30px; background-color: #70a5cc; background-image: url(); background-position: bottom right; background-repeat: no-repeat; } #chatbox p { line-height: 1.2em; } .chatbox_row_1 { padding: 4px; background:transparent; } .chatbox_row_2 { padding: 4px; background:transparent; } .chatbox_row_3 { padding: 4px; background:transparent; } .memberlist_row_1 { padding: 2px 2px 2px 10px; background-color: #efefef; } #message,#submit_button{ border-width: 1px; } .fontbutton { padding: 1px; cursor: pointer; text-align: left; } .fontbutton_normal { background: #E1E1E2; } .fontbutton_selected { background: #BBC7CE; border: 1px solid #22229C;
} .fontbutton_clicked { background: #959595; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } #chatbox .user { font-weight: bold; }
/* Edit did */ div#chatbox { color: #000000; } #chatbox_contextmenu { background-color: #d1d7dc; border:1px solid #aaa; } #chatbox_contextmenu p { margin:0; padding: 1px 4px; font-family: verdana, arial, sans-serif; background: #; border-bottom:1px solid #777; } #chatbox_contextmenu p.hover { background: #; } #chatbox_contextmenu p.close { background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); } #chatbox_contextmenu p.close img { vertical-align: middle; } #chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%; } #chatbox_contextmenu a:hover { color: #; } .fontbutton{ border:0; }
/* End Edit did */
/*Internet Explorer fixers and hacks for Chatbox * /* html #chatbox-members { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); } * html #chatbox { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px"); } * html #chatbox-footer { /* IE expressions helping IE work in Standards mode */ width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); }
.userinfo_bg { background: #ededed url(http://i77.servimg.com/u/f77/12/97/61/61/bgpage10.gif) ; color: #000000; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } .khung { background:#FFFAF0; font-size: 8pt; color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif; padding:2px 10px 2px 10px; margin-bottom: 2px; border: 1px dashed #FC4400; } #footer { clear: both; float: left; width: 950px; padding-top: 14px; font-size: 11px; color: #f2cf8b; background-color: #4e3121; background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/alo8/footer-top.gif); background-position: top; background-repeat: no-repeat; margin-top: 22px; min-height: 200px; } .footer-box { background:#FFFAF0; float: left; width: 280px; margin-left: 9px; margin-bottom: 10px; padding:2px 10px 2px 10px; margin-bottom: 2px; border: 1px dashed #FC4400; } .footer-box ul { list-style: none; margin: 0px; padding-left: 0px; } .footer-box li { background-image: url(hhttp://i455.photobucket.com/albums/qq272/chanpin/alo8/small-arrow-2.gif); background-repeat: repeat-x; background-position: bottom; padding: 5px 0px; } .footer-box h3 { color: #000000; margin-bottom: 5px; font-size: 18px; background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/alo8/line-bg-2.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; margin-top: 5px; } #footer a:link, #footer a:visited { color: #f2cf8b; font-size: 11px; } .footer-box a:link, .footer-box a:visited { color: #de1111; background-image: url(http://i455.photobucket.com/albums/qq272/chanpin/skinnhac/icon/lastpost1.gif); background-repeat: no-repeat; background-position: left; padding-left: 20px; } .footer-box a:hover { color: #fff !important; } .credits { clear: both; padding-bottom: 20px; margin-top: 20px; float: left; font-size: 11px; width: 950px; color: #f2cf8b; } .credits a:link, .credits a:hover, .credits a:visited { color: #fff; font-weight: bold; } a{text-decoration:none}
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/appletm.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tm.gif"), auto;}
Code:#topbar { MARGIN-LEFT: 300px; Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 355px; MARGIN-TOP:200px; POSITION: absolute; BACKGROUND-COLOR: transparent; }
|
|