Preview:
Tác giả: Xarina and Minato
=================

CSS
Mã:
html,body {background:#000000;color:#ffabe8;font-family:"Verdana", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;font-size:92%;margin:0;padding:0;}
a {color:#f3f3f3;text-decoration:none;}
a:hover {color:#f140c1;text-decoration:none;}
hr {background-color:#000000;border:0;clear:both;color:#ffabe8;height:1px;}
table {border-collapse:collapse;border-spacing:0;clear:both;empty-cells:show;width:100%;}
th,td {border:1px solid #bebebe;}
th {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;color:#ffabe8;font-weight:400;padding:3px 5px;text-align:left;}
td {background:#2a2a2a;color:#b4b4b4;padding:5px 10px;}
th a,th a:hover {color:#ffabe8;font-weight:700;}
h1 {font-size:100%;}
h2,h3 {font-size:100%;}


.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {background:url(http://z3.ifrm.com/74/112/0/p22814/middleh2.png) repeat-x top #000000;color:#ffabe8;font-size:100%;font-weight:700;text-align:left;}
thead th {border:1px solid #131313;border-bottom-width:1px;padding:5px;text-align:left;}
h2.special {background:url(http://z3.ifrm.com/74/112/0/p23445/tdcfoot.png) repeat-x top #f938bc;border-color:#131313;}


input,select,textarea,button,a.btn_fake {background:#5b5a5a;border:1px solid #1f1f1f;color:#ffabe8;padding:3px 5px;vertical-align:middle;}
textarea {font-family:"Verdana", sans-serif;font-size:90%;margin:auto;width:98%;}
input:focus,input.focus,textarea:focus,textarea.focus {border-color:#1f1f1f;}
.submit_error {background:#717171;border:1px solid #1f1f1f;}


button,a.btn_fake {background:#717171;color:#ffabe8;cursor:default;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:90%;overflow:visible;width:auto;}
button:hover,a.btn_fake:hover {background:#434343;color:#f140c1;border-color:#232323;}
button.btn_text {background:none;border:0;cursor:pointer;font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;font-size:100%;}


.notice {background:#2a2a2a;border:2px solid #0e0e0e;color:#ffabe8;margin:10px auto 0;width:70%;}
.notice dt {color:#ffabe8;font-weight:700;}
.notice dd {font-style:normal;}


dl.info {background:#343434; border-color:#161616; }
.info dt {background:#5a9db3;color:#ffabe8;}



dl.error {background:#333030;border-color:#292525;}
.error dt {background:#403d3d;color:#ffabe8;}
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {list-style:none;padding:0;}
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {margin:0;}
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {display:inline;}
#top_bar {background:url(http://z3.ifrm.com/74/112/0/p22811/divtop.png) repeat-x top #ff8ce0;height:15px;}
#top {background:url(http://z3.ifrm.com/74/112/0/p22833/topbar.png) repeat-x top #888888;;border-bottom:1px solid #000000;height:21px;padding:0 2% 4px;margin-bottom:12px;}


#top_info {color:#ffabe8;float:left;margin-top:6px;}
#top_menu {background:#717171; border-left:1px solid #000000;float:right;margin-top:0px;}
.drop_menu li {background:url(http://z3.ifrm.com/74/112/0/p22831/dropmenu.png) repeat-x top #797979;color: #ffabe8;border-right:1px solid #0e0e0e;border-top:1px solid #0e0e0e;float:left;margin-right:1px;text-align:center;}
.drop_menu li a {color: #ffabe8;}
.drop_menu li a:hover {color: #f140c1;}
.drop_menu a {color:#ffabe8;display:block;padding:4px .25em;position:relative;width:9em;}
.drop_menu a:hover {color:#f140c1;}
.drop_menu ul {-moz-opacity:0.85;border-top:1px solid #020202;color:#ffabe8;left:-999em;margin:0;opacity:0.85;position:absolute;width:9.4em;}
.drop_menu ul li {background:#000000;font-size:85%;margin:0;padding:0;width:100%;}
.drop_menu ul li a {color: #ffabe8;border:0 solid #020202;border-width:0 1px 1px;display:block;padding:4px 5%;width:90%;}
.drop_menu li ul li a:hover {color: #f140c1;background:#2c2c2c;}
#logo {background:#000000;border:0px solid #000000;border-bottom:0;clear:both;margin:0 2%;}


#submenu_bar { display:none }
#submenu {background:#000000;border-left:0px solid #000000;border-right:0px solid #000000;color:#ffabe8;font-size:90%;margin:0 2%;padding:4px 1% 5px;text-align:center;}
div#submenu a {color:#ffabe8;}
div#submenu a:hover {color:#f140c1;}
#wrap {background:#717171;border:0px solid #949494;margin:0 2% 30px;}
#nav {color:#ffabe8;margin:0px 9px 5px 9px;height:1%;padding:3px;font-size:85%;}
.meta_box {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border:1px solid #131313;font-size:85%;line-height:150%;padding:10px 25px;}


.meta_menu {background:#343434;border:1px solid #131313;padding:0;width:49%;}
.meta_menu h3 {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border:1px solid #131313;clear:both;color:#ffabe8;font-size:100%;font-weight:700;margin:-1px;text-align:center;}
.meta_menu a,.meta_menu a:hover {color:#ffabe8;}


ul.cat-pages {float:left;font-size:90%;margin:15px 0;padding: 5px 1px;width:49%;}
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {background:#00b4ff;border:1px solid #04658e;color:#ffffff;}
.cat-pages a:hover,.cat-topicpages a:hover {background:#343434;color:#edecec;}
.cat-pages span {background:#343434;border:1px solid #131313;color:#ffffff;cursor:default;font-weight:700;padding:2px 5px;}
.cat-pages input {background:#00b4ff;color:#ffffff;padding:3px 5px;vertical-align:baseline;}
ul.cat-topicpages {float:right;font-size:80%;padding:1px 0;}
tr.generic td,div.generic {font-size:120%;font-weight:700;padding:20px;text-align:center;}

td.c_head,td.c_foot,td.c_sort {background:url(http://z3.ifrm.com/74/112/0/p23445/tdcfoot.png) repeat-x top #f938bc;color:#000000;font-size:80%;}
td.c_foot a {color: #000000;}
td.c_foot a:hover {color:#ffabe8;text-decoration:none;}
td.c_desc {background:#343434;font-weight:700;text-align:right;vertical-align:middle;width:180px;}
td.c_desc small {display:block;font-weight:400;}
tr.pm_new td {background:#343434;font-weight:700;}
tr.hidden td.c_post {background:#343434;}
.bday {background:url(http://z3.ifrm.com/74/112/0/p23448/s_minibday.png) no-repeat;color:#110f10;font-size:90%;font-weight:700;height:16px;padding:2px 2px 2px 18px;width:20px;}


.c_mark {background: #343434;text-align:center;width:1%;}
.c_forum {color:#bebebe;font-size:85%;width:65%;}
.c_forum strong a,.c_last strong a {color:#edecec;}
.c_forum strong a {font-size:100%;}
td.c_last {background: #343434;color:#ffffff;font-size:85%;}
td.c_last a:hover {color:#edecec;text-decoration:none;}
.c_forum-desc {color:#ffabe8;font-size:85%;}

.c_last-title {background:url(http://z3.ifrm.com/74/112/0/p23449/last.png) no-repeat left;display:block;line-height:16px;padding-left:10px;}

td.c_info-v,td.c_info-t,td.c_info-r {font-size:85%;padding:7px;text-align:left;}
td.c_subforum {background: #343434;color:#f933ba;font-size:85%;font-style:italic;}
.cat_head td {border-color:#161616;padding:0;}
#stats .cat_head td {border-color:#161616;}
.description {color:#edecec;font-size:85%;}
a.member:hover {color:#edecec;}


td#stats_events a,td#stats_events span {background:url(http://z3.ifrm.com/74/112/0/p23450/s_minical.png) no-repeat 2px;padding:4px 0 4px 20px;}

td.c_username {background:#343434;padding:2px 0;text-align:center;}
td.c_username a {font-size:140%;font-weight:700;}
td.c_user {font-size:80%;}
td.c_user dl {background:#343434;border:1px solid #2a2a2a;margin:10px 0;padding:5px 7px;width:150px;}
dl.user_profile {overflow:hidden;word-wrap:break-word;}
dl.user_profile dd {font-style:normal;margin-left:8px;}
dl.user_info dd {font-weight:700;margin-bottom:1px;}


#profile_menu ul {-moz-opacity:1;border-top:0;opacity:1;}
#profile_menu a {background:#2a2a2a;border:1px solid #212121;}
#profile_menu li li a {border-top:0;}
#profile_menu li ul li a:hover {background:#343434;}


td.c_poll-choice label {font-weight:700;padding-left:1em;}
td.c_poll-votes {font-size:120%;text-align:center;width:15%;}
td.c_poll-bar div {background:url(http://z3.ifrm.com/74/112/0/p23451/poll_b.png) no-repeat right;float:left;height:12px;padding-right:3px;}
td.c_poll-bar span {background:url(http://z3.ifrm.com/74/112/0/p23452/poll_l.png) no-repeat;display:block;float:left;height:12px;width:3px;}


.editby,.queued {border:1px dotted #2a2a2a;color:#ffabe8;font-size:85%;font-style:italic;margin-top:1em;padding:3px 5px;}
.queued {background-color:#343434;border-color:#161616;}
blockquote {background:#343434;border:1px solid #131313;margin:10px auto;padding-bottom:1px;width:98%;}
blockquote dl {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border-bottom:1px solid #131313;color:#ffabe8;}
blockquote dl dt {color:#ffabe8;float:left;font-weight:700;}
code {background:#343434;display:block;font-family:Monaco, Consolas, "Courier New", Courier, monospace;white-space:normal;}
div.spoiler {border:1px solid #131313;border-top:0;padding:5px 7px;}
div.spoiler_toggle {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border:1px solid #131313;color:#ffabe8;cursor:pointer;font-weight:700;padding:2px 4px;}



td.c_postinfo {background:#343434;color:#ffabe8;font-size:80%;vertical-align:middle;}
td.c_sig {color:#ffabe8;font-size:80%;}
td.c_sig blockquote {background:none transparent;border:0;border-left:3px solid #131313;padding-left:5px;}
td.c_sig blockquote dl {background:none transparent;border:0;color:#ffabe8;}
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {color:#edecec;padding:0;}
td.c_sig blockquote div {background:transparent;margin-left:5px;padding:0;}
tr.c_postfoot {background:#343434;clear:both;}
td.c_footicons,td.c_postinfo {width:100%;}
td.c_username {width:175px;}
.c_next a {display:block;font-size:125%;font-weight:700;text-align:center;}
td.c_view {background:#343434;color:#ffffff;}
div.c_view-list {color:#ffabe8;font-size:92.5%;}



dl#fast-reply dt {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border:1px solid #131313;color:#ffabe8;font-size:110%;font-weight:700;margin:0;padding:5px;}
dl#fast-reply dd {background:#343434;border:1px solid #131313;padding:15px 0;text-align:center;}
#c_post-preview {background:#343434;border:1px solid #131313;margin:0 auto 10px;padding:5px;text-align:left;width:98%;}
#c_post-resize span {color:#ffabe8;cursor:pointer;font-size:225%;padding:20px 5px 0;}


#emot_wrap {background:#343434;border:1px solid #131313;}
#emot_wrap h3 {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border-bottom:1px solid #131313;color:#ffabe8;font-size:120%;text-align:center;}
#emot_end {border-top:1px solid #343434;display:block;font-weight:700;padding:4px 0;text-align:center;}


#pm_folders {border-left:1px solid #131313;border-right:1px solid #161616;padding-top:30px;vertical-align:top;width:150px;}
#pm_folderlist {position: relative;margin-left:0;margin-top:0}

#pm_folderlist li {background:url(http://z3.ifrm.com/74/112/0/p23453/pmfolder.png) no-repeat 5px;display:list-item;margin-bottom:4px;padding-left:28px;}

#pm_forwarded {border:1px dotted #131313;color:#ffabe8;font-size:90%;font-style:italic;margin-top:1em;padding:3px 5px;}
#ucp_gallery a {color:#ffabe8;font-weight:700;}
#ucp_gallery a:hover {color:#f933ba;}


.calendar td.cal_inactive {background:#343434;color:#ffabe8!important;}
.calendar td div {background:#343434;border-bottom:1px solid #131313;font-weight:700;padding:5px 7px;}
.calendar div a {background:url(http://z3.ifrm.com/74/112/0/p23448/s_minibday.png) no-repeat 5px;float:right;font-size:80%;font-weight:400;padding:0 0 6px 24px;}
.calendar li a,.calendar li span {border-color:transparent;border-style:solid;border-width:1px;display:block;padding:3px;}
.calendar td#cal_current {background:#343434;border:2px solid #5a70b3;}


div.portal_content {background:#343434;border:1px solid #131313;font-size:88.3%;margin:0;padding:5px 7px;}
#portal h2 {font-size:88.3%;}
#portal h4 {background:url(http://z3.ifrm.com/62/135/0/p13970/sub.png) repeat-x top #343434;border-left:1px solid #131313;border-right:1px solid #131313;color:#ffabe8;font-size:88.3%;font-weight:400;margin:0;padding:5px 7px;}
#faq dt a {color:#ffabe8;font-size:120%;font-weight:700;}
#faq dd.faq_more a,#faq dl.faq_more a:hover {color:#ffabe8;font-style:normal;}


.search_results {background:#343434;border:1px solid #131313;margin-bottom:1em;padding:5px 7px;}
.search_results h3 {display:inline;font-size:125%;}
.search_results cite,.search_results p {color:#ffabe8;font-size:85%;margin:0;}


#findposts .c_mark {color:#ffffff;font-size:200%;font-weight:700;vertical-align:top;}
#pmtoast {background:#343434;border:2px solid #131313;bottom:10px;color:#ffffff;display:none;font-size:90%;position:fixed;right:10px;text-align:right;text-decoration:none;width:200px;z-index:1;}
#pmtoast:hover {border-color:#82cdef;}
#pmlink {background:url(http://z3.ifrm.com/74/112/0/p23454/toast.png) no-repeat 5px;color:#5a70b3;display:block;padding:10px 10px 10px 55px;text-decoration:none;}
#pmlink big {color:#ffffff;display:block;font-weight:700;padding-bottom:5px;}
#pmlink strong {color:#f933ba;}
#pmclose {border-top:1px solid #131313;color:#ffffff;display:block;font-size:80%;padding:1px 10px;}
#pmclose:hover {color:#edecec;}


#foot_wrap {margin:20px 1px 20px 0;}
#foot td {background:#343434;border-bottom:1px solid #131313;border-top:1px solid #131313;border-left:0;border-right:0;color:#ffffff;font-size:80%;}
#foot a,#foot a:hover {color:#ffffff;}
#foot #foot_datetime {border-left:1px solid #131313;width:1%;white-space:nowrap;}

#copyright {color:#ffabe8;font-size:80%;margin:10px 0;text-align:center;}
#copyright a {color:#edecec;font-weight:700;}
#c_tos h3 {color:#004677;font-size:120%;}

td.username_ok {background:#343434;}
input.username_ok {outline:2px solid #0c0;}
td.username_no {background:#343434;}
input.username_no {outline:2px solid #131313;}

#acplogin {background:#343434;border:2px solid #131313;height:275px;left:50%;margin:-137.5px 0 0 -250px;padding:0;position:absolute;top:50%;width:500px;}
#acplogin h1 {color:#ffabe8;font-weight:400;height:50px;margin-bottom:20px;padding:50px 20px 0 0;text-align:right;}
#acplogin h1 img {position:absolute;left:0;top:0;}
a img {border:0;}
form {display:inline;margin:0;padding:0;}


.category h2,.topic h2,#portal h2 {padding:5px;text-align:left;}
h3 {padding:3px 0;}


input[type=checkbox] {background:transparent;border:0;padding:0;vertical-align:bottom;}
input[type=radio] {border:0;}
select {margin:0 7px;padding:0;vertical-align:bottom;}
option {margin:2px 0;}
button.btn_img {border:0;cursor:pointer;padding:0;}
.notice dt,.notice dd {padding:5px 7px;}

.drop_menu a img {vertical-align:bottom;}
.drop_menu li:hover ul,.drop_menu li.hover ul {left:auto;}
#submenu a {padding:3px 5px;}
#main {height:1%;padding:0 1%;}
#nav li img {vertical-align:top;}


.meta_box,.meta_menu {margin:10px 0;}
.meta_box li {display:list-item;list-style-position:inside;list-style-type:square;margin-left:10px;}
.meta_menu ul {font-size:90%;margin:5px 5%;}
.meta_menu img,.meta_menu span {float:right;margin:10px 20px;}


.cat-pages a,.cat-pagesjump i,.cat-topicpages a {cursor:pointer;padding:2px 5px;}
.cat-topicpages a {padding:0 2px;}
.cat-buttons,.topic-buttons {float:right;margin:15px 0;text-align:right;width:50%;}


tr.postbtn td {padding:5px;text-align:center;}
.row1,.row2 {line-height:1.4;}
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {padding:1px;}
td.c_desc img,td.c_desc input {float:left;vertical-align:middle;}
.category {margin:10px 0 0;}
span.collapse,span.uncollapse {cursor:pointer;float:right;position:relative;}


.c_mark img {display:block;margin:auto;}
.c_last {line-height:1.4;min-width:300px;width:30%;}
.category td.c_foot {height:10px;}
#stats_members {line-height:1.2;}

td.c_cat-mark,td.c_cat-icon {padding:5px 0;text-align:center;width:30px;}
td.c_cat-starter {width:125px;}
td.c_cat-lastpost {width:175px;}

.c_user {vertical-align:top;width:1px;min-width:175px;max-width:175px;}
.c_post {width:100%;}
.c_sig,.c_nosig {width:100%;}

.avatar {display:block;margin:auto;text-align:center;}
.av_wrap {overflow:hidden;text-align:center;margin:auto;}
td.c_user .usertitle {margin:3px 0;overflow-x:hidden;text-align:center;}
.pip {margin:3px 0;white-space:nowrap;}

dl.user_info dt,dl.user_info dd {padding:.1em;}
dl.user_info dt {float:left;margin:0;min-width:4em;}
dl.user_info dd.spacer,dl.user_profile dd.spacer {clear:both;float:none;height:1px;padding:0;}


td.c_poll-choice {line-height:1.5;padding-left:45%;}
td.c_poll-answer {text-align:right;width:42.5%;}
td.c_poll-bar {text-align:left;vertical-align:middle;width:42.5%;}
* html td.c_poll-bar span {margin-top:3px;}
td.c_post {line-height:1.7;vertical-align:top;}
td.c_post ul {list-style-type:square;margin-left:10px;}

.c_post img,#topic_review img {max-width:90%;}
.c_post-attachment {font-size:85%;margin-top:1em;padding:1em;}
.c_post-attachment dd {margin-left:1em;}


.post_sep {font-size:1px;height:1px;}
td.c_sig,td.c_nosig {height:1%;vertical-align:top;}
td.c_nosig {border-top-style:hidden!important;}

blockquote dl dt,blockquote dl dd {padding:2px 4px;}
blockquote div,blockquote code {margin:0;padding:5px;}


dl#fast-reply {clear:both;margin:auto;width:80%;}
dl#fast-reply dd p {margin:-3px;padding:0 5% 10px;text-align:left;}
dl#fast-reply dd textarea {display:block;height:100px;margin-bottom:10px;padding:2px;width:90%;}

#c_post-text {height:223px;}
td.c_post a,td.c_post a:hover {color:#ffabe8;text-decoration:none;}



#c_post-resize {float:right;margin-top:-1px;padding:4px 0 0;text-align:right;}
#btn_preview {float:left;margin:10px 0 0 1px;}

#c_emot {height:225px;vertical-align:top;width:210px;}
#emot_list {height:275px;margin:0 auto;overflow:auto;padding:5px 0;text-align:center;}
div#emot_list {padding:0;}
#emot_list li {display:inline;padding:4px 10px;}
#emot_list img {cursor:pointer;vertical-align:baseline;}

.pm {margin-bottom:1em;}
#pm_datesent {width:200px;}
#pm_select {text-align:center;width:1px;}
#conversation .c_post {padding:2em;}

#ucp_profile,#pm_messages {float:right;}
#ucp_settings img,#ucp_profile img {margin:18px 20px;}
#ucp_gallery li {float:left;margin:15px 5px;}
#ucp_gallery button {cursor:pointer;text-align:center;}
.ucp button.btn_text {padding:5px 0;text-align:center;width:100%;}

.calendar td {height:125px;padding:0;vertical-align:top;width:14.3%;}
.calendar li {display:list-item;font-size:80%;margin:0;}
.calendar li.placeholder {padding:4px;}
.calendar li span {cursor:default;}
.calendar td#cal_current div {padding-top:3px;}

#portal_head {margin-bottom:10px;}
#portal_foot {margin-top:10px;}
#portal_l,#portal_r {font-size:88.3%;margin:0;padding:0;}
#portal_l {float:left;width:200px;}
#portal_r {float:right;width:150px;}
#portal_news {margin:0 160px 0 210px;}
#portal_clear {background:transparent;border:none;clear:both;font-size:1px;height:1px;margin:0;padding:0;}
.portal_box {margin-bottom:5px;padding:1px;}
.portal_box table {clear:none;}
#portal h2,#portal_foot h2 {clear:none;margin:0;padding:3px 5px;}

#faq {margin:20px 0;}
#faq dl {padding:1em;}
#faq dt {margin-bottom:5px;}
#faq dd {display:list-item;margin:0 0 3px 15px;padding-left:3px;}

.search_results div {display:block;margin:5px 0;}

#acplogin #loginform {display:block;padding:0 50px;}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {color:#edecec;}

input,select,td,th {font-size:90%;}
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {font-weight:700;}
#submenu a:hover,.meta_menu a:hover {text-decoration:underline;}
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {font-size:120%;}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {color:#ffabe8;}

.row2 td,blockquote div {background: #2a2a2a;color:#ffffff;font-size:85%;font-style:normal;}
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {color:#edecec;}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {vertical-align:middle;}
h1,h2,h3,#nav,#boardmeta,#main {clear:both;margin:0;}
#meta_welcome,.search_results {clear:both;}
#stats_events {line-height:2;}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {text-align:center;}
blockquote dl dd,#foot #foot_links {text-align:right;}
#c_post,#ucp_gallery {text-align:center;vertical-align:top;}
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {display:block;}


#ucp_settings,#pm_settings {float:left;}
#c_tos dd,#username_response {margin-left:10px;}
#vlx {z-index:1;}

#blog {background:#343434;border:1px solid #131313;color:#ffabe8;margin:10px 0;}
#blog blockquote {background:none;border:none;font-size:85%;padding:0 10px;}
#blog h1 {float:right;}
#blog h2 {background:none;clear:none;font-size:130%;padding:0;}
#blog h2,#blog h2 a,#blog h2 a:hover {color:#ffabe8;}
#blog_foot {clear:both;margin-bottom:20px;}
#blog_head {background:#343434;border:8px solid #131313;padding:10px 14px;}
#blog_head img.avatar {display:inline;}
#blog_main {margin:20px 200px 10px 10px;}
#blog_categories,#blog_readers,#blog_about,div.blog_options {background:#343434;margin:15px 0;padding:5px 7px;}
#blog_sidebar h3,#blog_sidebar dt {color:#ffabe8;font-weight:700;}
#blog_sub {background:#343434;clear:both;position:relative;padding:5px 7px;text-align:right;}
#blog_sub span {padding-top:4px;}
#blog_sidebar {background:#343434;float:right;font-size:93.3%;margin:20px 10px 0 0;padding:0 10px;width:160px;}
#blog_sidebar dd {margin-left:10px;}
#blog_user {font-size:175%;}


div.blog_options {font-size:90%;text-align:right;}
div.blog_date {background:#343434;border:1px solid #131313;color:#ffabe8;float:right;font-weight:700;margin:0 15px;text-align:center;text-transform:uppercase;width:40px;}
div.blog_date span {background:#343434;border-top:1px solid #131313;color:#ffabe8;display:block;font-size:130%;font-weight:700;padding:2px 4px;}
div.blog_entry {background:#343434;margin:10px 0;padding:5px 7px;}


#blog_comments li {padding:5px 7px;}
#blog_comments li.odd {background:#343434;}

#shoutwrap {background:#343434;border:1px solid #131313;font-size:88.3%;}
#shoutwrap td {padding:0;}
#shoutbox {list-style-type:none;margin:0;padding:0;}
#shoutbox li {padding:5px 7px;}
#shoutbox li.odd {background:#343434;}
#shoutbox dl,#shoutbox dt,#shoutbox dd {margin:0;padding:0;}
#shoutbox dt {color:#91d5f4;font-size:82%;}
#shoutopts,#shoutpost {clear:both;text-align:center;}

/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap {background: url(http://z3.ifrm.com/74/112/0/p22814/middleh2.png) repeat-x;}

/* h2left is the left image. */
.h2left {background: url(http://z3.ifrm.com/74/112/0/p22812/lefth2.png) no-repeat top left;height: 23px;}

/* h2center is the text itself. */
.h2center{padding: 3px 0px 0px 100px;height: 23px; color:#ffffff;font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;font-size:92%;}

/* h2right is the right image. */
.h2right {background: url(http://z3.ifrm.com/74/112/0/p22815/righth2.png) no-repeat right top;height: 23px;}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {right: 5px;top: 0px;}

thead td,thead th {padding:0px;background: inherit;border-width:0px;}

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile thead td,.profile thead th {padding:0px;background: inherit;border-width:0px;}



#wrap,#nav,#foot{background:#717171;border:0;}
#foot{margin-top:20px;}


#main_content { width: 85%; margin: 0px auto 20px auto;background:#717171}

/* repeating background image of the header */
#header {background:url(http://z3.ifrm.com/74/112/0/p22824/uppermiddleimage.png);height: 57px; width:100%;}

/* top left corner */
#header_l {background:url(http://z3.ifrm.com/74/112/0/p22818/lefttopimage.png);height: 57px; width: 61px; float:left;}
/* top right corner */
#header_r {background:url(http://z3.ifrm.com/74/112/0/p22823/righttopimage.png);height: 57px;width: 61px;float:right;}

/* left side border */
#side_l {background:url(http://z3.ifrm.com/74/112/0/p22817/leftimage.png) repeat-y left;}
/* right side border */
#side_r {background:url(http://z3.ifrm.com/74/112/0/p22821/Rightimage.png) repeat-y right #2e2d2e;margin-left:57px;padding-right:61px;}

/* repeated footer background */
#footer {background:url(http://z3.ifrm.com/74/112/0/p22820/lowermiddleimage.png);height:57px; width:100%;}
/* bottom left corner */
#footer_l {background:url(http://z3.ifrm.com/74/112/0/p22819/lowerleftimage.png); height: 57px; width: 61px; float:left;}
/* bottom right corner */
#footer_r {background:url(http://z3.ifrm.com/74/112/0/p22822/rightlowimage.png); height: 57px; width: 61px; float:right;}

/* this will remove the spacing and borders from the default layout. Is essential for image border to appear correctly */
#foot_wrap {margin:20px 1% 0px;}
#main,#nav,#wrap {background: #2e2d2e;margin:0;border:0px;}
.drop_menu { margin-bottom: 0;}
Layout
Mã:
<div id="side_l"><div id="side_r">
<!-- content starts -->





<!-- NAV --><!-- BOARD -->


<br>
<center><font size='1px'><b>Theme Designed and coded by Xarina.</b><br><a href="http://s1.zetaboards.com/Infinite_Results"><b>Infinite Results</b></a> , <a href="http://madads.net/"><b>Madads</b></a>
</a> and <a href="http://gfxfactor.com"><b>GFXFactor</b></a>.<br></font></center>
<br>


<!-- content ends -->
</div></div>

<div id="footer">
<div id="footer_l"><!-- bottom left corner --></div>
<div id="footer_r"><!-- bottom right corner --></div>
</div></div>

<script type="text/javascript" src="http://z3.ifrm.com/0/24/0/f22146/th26.js"></script>