- Posts:
- 8,342
- Group:
- Members
- Member
- #100,036
- Joined:
- August 20, 2005
|

Information
Theme Name: Christmas is Here
Artist: Eccentric Feline
Notes: Here is a theme to use for the Holiday season, I hope you guys will enjoy it. Thank you Leda for the wonderful small buttons and Dakota and Pedro for the lovely team icons. Once again, please enjoy the theme and I hope you have a very merry Christmas and a fantastic holiday. =D
Preview:
 Click for full preview
Installation
Banner: When using your own banner you must use a transparent image and center the banner. ( <div align="center">banner_url_here</div> )
Graphic Set: - Assorted graphics by Eccentric Feline - Small buttons by Leda - Team Icons by Pedro - Warn Pips by Pedro - Rank Pips and large Warn Icons by Helena
Pre-hosted Images: HTML Image Macros Page Copy/paste to your ACP Theme Images page or use the developer tool method to quickly transfer the images. Images will remain permanently hosted for anyone to use.
Codes: Copy and paste the following codes to your Admin CP. Theme CSS
Spoiler: click to toggle - Code:
-
html,body { background:#dde4ec; color:#597da5; font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size:93.3%; margin:0; padding:0; }
a { color:#bb1f1a; text-decoration:none; }
a:hover { color:#c5221d; text-decoration:none; }
hr { background-color:#6b91ba; border:0; clear:both; color:#6b91ba; height:1px; }
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }
th,td { border:1px solid #ccd5e0; }
th { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x top #e9edf2; color:#597da5; font-weight:400; padding:3px 5px; text-align:left; }
td { background:url(http://z3.ifrm.com/354/125/0/p253050/td_bg.png) repeat-x #e9edf2; color:#597da5; padding:5px 10px; }
th a,th a:hover { color:#597da5; font-weight:700; }
h1 { font-size:200%; }
h2,h3 { font-size:100%; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x top #dde4ec; color:#597da5; font-size:110%; font-weight:700; }
thead th { border:1px solid #ccd5e0; border-bottom-width:1px; padding:5px; text-align:center; }
h2.special { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x top #e9edf2; border-color:#ccd5e0; }
input,select,textarea,button,a.btn_fake { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; border:1px solid #ccd5e0; color:#597da5; padding:3px 5px; vertical-align:middle; }
textarea { font-family:"Verdana", sans-serif; font-size:100%; margin:auto; width:98%; }
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#b9c6d4; }
.submit_error { background:#fff8eb; border:1px solid #e77700; }
button,a.btn_fake { background:url(http://z3.ifrm.com/354/125/0/p253673/btn.png) repeat-x top #dde4ec; color:#597da5; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; overflow:visible; width:auto; }
button:hover,a.btn_fake:hover { border-color:#b9c6d4; }
button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%; }
.notice { background:#fff; border:2px solid #e7e7e7; color:#597da5; margin:10px auto 0; width:70%; }
.notice dt { color:#8CB5E7; font-weight:700; }
.notice dd { font-style:italic; }
dl.info { background:#e9edf2; border-color:#b32925; }
.info dt { background:#c74743; color:#e9edf2; }
dl.error { background:#e9edf2; border-color:#b32925; }
.error dt { background:#c74743; color:#e9edf2; }
#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,table.calendar ul,ul.cat-topicpages,blockquote dl,#fast-reply dd, .search_results div div { 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 { background:url(http://z3.ifrm.com/354/125/0/p250769/top.png) repeat-x top #dde4ec; height:35px; padding:0 2% 4px; margin-bottom:-4px; }
#top_info { color:#597da5; text-shadow: 0px 1px 0px #f2f5f8; float:left; margin-top:8px; }
#top_menu { float:right; margin-top:0px; }
.drop_menu li { float:left; text-align:center; margin-top:4px; }
.drop_menu a { color:#5a70b3; text-shadow: 0px 1px 0px #f2f5f8; display:block; padding:4px .25em; position:relative; width:9em; }
.drop_menu a:hover { color:#ef7400; text-shadow: 0px 1px 0px #f2f5f8; }
.drop_menu ul { -moz-opacity:1; border-top:1px solid #ccd5e0; color:#fff; left:-999em; margin:0; opacity:0.85; position:absolute; width:9.4em; }
.drop_menu ul li { font-size:85%; margin:0; padding:0; width:100%; } .drop_menu ul li a { background:url(http://z3.ifrm.com/354/125/0/p250786/dropmenu.png) repeat-x top #e8ecf1; border:0 solid #ccd5e0; border-width:0 1px 1px; display:block; padding:4px 5%; width:90%; }
.drop_menu li ul li a:hover { background:url(http://z3.ifrm.com/354/125/0/p250787/dropmenu_hover.png) repeat-x top #dde4ec; }
#submenu { color:#597da5; text-shadow: 0px 1px 0px #f2f5f8; font-size:85%; margin:0 2%; padding:3px 1% 4px; text-align:center; margin-top: -120px; }
#wrap { background:#dde4ec; margin:0 2% 30px; }
#nav { color:#597da5; height:1%; padding:10px 1%; }
.meta_box { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x top #dde4ec; border:2px solid #ccd5e0; font-size:85%; line-height:150%; padding:10px 25px; }
.meta_menu { background:url(http://z3.ifrm.com/354/125/0/p253050/td_bg.png) repeat-x #e9edf2; border:1px solid #ccd5e0; padding:0; width:49%; }
.meta_menu h3 { background:url(http://z3.ifrm.com/354/125/0/p254198/spoilerh4.png) repeat-x top #c64641; border:1px solid #b32925; clear:both; color:#e9edf2; font-size:100%; font-weight:700; margin:-1px; text-align:center; }
.meta_menu a,.meta_menu a:hover { color:#597da5; }
ul.cat-pages { float:left; font-size:90%; margin:15px 0; padding: 5px 1px; width:49%; }
ul.cat-pages a,ul.cat-pagesjump i,.cat-topicpages a { background: url(http://z3.ifrm.com/354/125/0/p253668/norm.png) no-repeat center; color:#6b91ba; padding:6px 10px 6px; }
.cat-pages a:hover,.cat-topicpages a:hover { background: url(http://z3.ifrm.com/354/125/0/p253663/hover.png) no-repeat center; color:#6b91ba; padding:6px 10px 6px; }
.cat-pages span { background: url(http://z3.ifrm.com/354/125/0/p253664/current.png) no-repeat center; color:#e9edf2; cursor:default; font-weight:700; padding:6px 10px 6px; }
ul.cat-topicpages a { background: #e9edf2; border: 1px solid #ccd5e0; color: #597da5; }
ul.cat-topicpages a:hover { background: #dde4ec; border: 1px solid #ccd5e0; color: #597da5; }
.cat-pages input { background:#fff; color:#5a70b3; 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/354/125/0/p251355/sub.png) repeat-x top #e9edf2; color:#597da5; font-size:80%; }
td.c_desc { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; font-weight:700; text-align:right; vertical-align:middle; width:200px; }
td.c_desc small { display:block; font-weight:400; }
tr.pm_new td { background:#d4dde6; font-weight:700; }
tr.hidden td.c_post { background:#d4dde6; }
.bday { background:url(http://z3.ifrm.com/354/125/0/p254812/b_day.png) no-repeat; color:#597da5; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 18px; width:20px; }
.c_mark { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; text-align:center; width:1%; }
.c_forum { color:#597da5; font-size:80%; width:60%; }
.c_forum strong a,.c_last strong a { color:#bb1f1a; }
.c_forum strong a { font-size:135%; }
td.c_last { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x dde4ec; font-size:85%; }
.c_forum-desc { color:#333; font-size:85%; }
.c_last-title { background:url(http://z3.ifrm.com/354/125/0/p253055/last_marker.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:80%; padding:5px; text-align:center; }
td.c_subforum { background:url(http://z3.ifrm.com/354/125/0/p251370/subforum.png) repeat-x #e9edf2; color:#597da5; font-size:80%; font-style:italic; }
.cat_head td { border-color:#5a70b3; padding:0; }
#stats .cat_head td { border-color:#e77700; }
.description { color:#597da5; font-size:85%; }
a.member:hover { color:#6b91ba; }
td#stats_events a,td#stats_events span { background:url(http://z3.ifrm.com/354/125/0/p255881/cal.png) no-repeat 2px; padding:4px 0 4px 26px; }
td.c_username { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; 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:#dde4ec; border:1px solid #ccd5e0; margin:10px 0; padding:5px 7px; width:160px; }
dl.user_profile { overflow:hidden; word-wrap:break-word; }
dl.user_profile dd { font-style:italic; 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:url(http://z3.ifrm.com/354/125/0/p250786/dropmenu.png) repeat-x top #e8ecf1; border:1px solid #ccd5e0; }
#profile_menu li li a { border-top:0; }
#profile_menu li ul li a:hover { background:url(http://z3.ifrm.com/354/125/0/p250787/dropmenu_hover.png) repeat-x top #dde4ec; }
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/354/125/0/p254211/r_poll.png) no-repeat right; float:left; height:12px; padding-right:3px; }
td.c_poll-bar span { background:url(http://z3.ifrm.com/354/125/0/p254234/l_poll.png) no-repeat; display:block; float:left; height:12px; width:3px; }
.editby,.queued { border:1px dotted #ccd5e0; background: #dde4ec; color:#597da5; font-size:85%; font-style:italic; margin-top:1em; padding:3px 5px; }
.queued { background-color:#dde4ec; border-color:#ccd5e0; }
blockquote, #blog blockquote blockquote { background:#dde4ec; border:1px solid #ccd5e0; margin:10px auto; padding-bottom:1px; width:98%; }
blockquote dl { background:url(http://z3.ifrm.com/354/125/0/p254192/h4.png) repeat-x top #e9edf2; border-bottom:1px solid #ccd5e0; color:#597da5; }
blockquote dl dt { color:#597da5; float:left; font-weight:700; }
code { background:#dde4ec; display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; white-space:normal; }
div.spoiler { border:1px solid #b32925; border-top:0; padding:5px 7px; }
div.spoiler_toggle { background:url(http://z3.ifrm.com/354/125/0/p254198/spoilerh4.png) repeat-x top #c64642; border:1px solid #b32925; color:#e9edf2; cursor:pointer; font-weight:700; padding:2px 4px; }
td.c_postinfo { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; color:#597da5; font-size:80%; vertical-align:middle; }
td.c_sig { color:#597da5; font-size:80%; }
td.c_sig blockquote { background:none transparent; border:0; border-left:3px solid #bb1f1a; padding-left:5px; }
td.c_sig blockquote dl { background:none transparent; border:0; color:#bb1f1a; }
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#bb1f1a; padding:0; }
td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; }
tr.c_postfoot td{ background:#dde4ec; 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:#e9edf2; color:#597da5; }
div.c_view-list { color:#597da5; font-size:92.5%; }
dl#fast-reply dt { background:url(http://z3.ifrm.com/354/125/0/p254343/fstreply.png) repeat-x top #eef2f6; border:1px solid #ccd5e0; color:#6b91ba; font-size:110%; font-weight:700; margin:0; padding:5px; }
dl#fast-reply dd { background:url(http://z3.ifrm.com/354/125/0/p253050/td_bg.png) repeat-x #e9edf2; border:1px solid #ccd5e0; border-top:0px solid #ffffff; padding:15px 0; text-align:center; }
#c_post-preview { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; border:2px solid #ccd5e0; margin:0 auto 10px; padding:5px; text-align:left; width:98%; }
#c_post-resize span { color:#597da5; cursor:pointer; font-size:225%; padding:20px 5px 0; }
#emot_wrap { background:#dde4ec; border:1px solid #ccd5e0; }
#emot_wrap h3 { background:url(http://z3.ifrm.com/354/125/0/p253673/btn.png) repeat-x top #dde4ec; border-bottom:1px solid #ccd5e0; color:#597da5; font-size:120%; text-align:center; }
#emot_end { border-top:1px solid #ccd5e0; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #ccd5e0; border-right:1px solid #ccd5e0; 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/354/125/0/p254390/pm_folder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded { border:1px dotted #e7e7e7; color:#999; font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery a { color:#425384; font-weight:700; }
#ucp_gallery a:hover { color:#5A70B3; }
.calendar td.cal_inactive { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; color:#6b91ba!important; }
.calendar td div.cal_div { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; border-bottom:1px solid #ccd5e0; font-weight:700; padding:5px 7px; }
.calendar div.cal_div a { background:url(http://z3.ifrm.com/354/125/0/p254812/b_day.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:#d4dde6; border:2px solid #b9c6d4; }
div.portal_content { background:#e9edf2; border:1px solid #ccd5e0; font-size:88.3%; margin:0; padding:5px 7px; }
#portal h2 { font-size:88.3%; border:1px solid #ccd5e0; }
#portal h4 { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x top #e9edf2; border-left:1px solid #ccd5e0; border-right:1px solid #ccd5e0; color:#597da5; font-size:88.3%; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a { color:#bb1f1a; font-size:120%; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#597da5; font-style:italic; }
.search_results { background:#e9edf2; border:1px solid #ccd5e0; margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; font-size:125%; }
.search_results cite,.search_results p { color:#597da5; font-size:85%; margin:0; }
#findposts .c_mark { color:#5a70b3; font-size:200%; font-weight:700; vertical-align:top; }
#pmtoast { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x #e9edf2; border:2px solid #ccd5e0; bottom:10px; color:#597da5; display:none; font-size:90%; position:fixed; right:10px; text-align:right; text-decoration:none; width:200px; z-index:1; }
#pmtoast:hover { border-color:#b9c6d4; }
#pmlink { background:url(http://z3.ifrm.com/354/125/0/p257539/PMtoasty.png) no-repeat 5px; color:#597da5; display:block; padding:10px 10px 10px 55px; text-decoration:none; }
#pmlink big { color:#597da5; display:block; font-weight:700; padding-bottom:5px; }
#pmlink strong { color:#bb1f1a; }
#pmclose { border-top:1px solid #ccd5e0; color:#597da5; display:block; font-size:80%; padding:1px 10px; }
#pmclose:hover { color:#6b91ba; }
#foot_wrap { margin:20px 1px 20px 0; }
#foot td { background:url(http://z3.ifrm.com/354/125/0/p251355/sub.png) repeat-x #E9EDF2; border:1px solid #ccd5e0; color:#597da5; font-size:80%; }
#foot a,#foot a:hover { color:#597da5; }
#foot #foot_datetime { width:1%; white-space:nowrap; }
#copyright { color:#597da5; text-shadow: 0px 1px 0px #f2f5f8; font-size:80%; margin: -34px 0 0 0; text-align:center; }
#copyright a { color:#bb1f1a; font-weight:700; }
#c_tos h3 { color:#333; font-size:120%; }
td.username_ok { background:#e0fae0; }
input.username_ok { outline:2px solid #0c0; }
td.username_no { background:#fae0e0; }
input.username_no { outline:2px solid #e77700; }
#acplogin { background:url(http://z3.ifrm.com/354/125/0/p255308/acp_bg.png) #e9edf2; border:2px solid #b9c6d4; height:275px; left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:500px; }
#acplogin h1 { color:#bb1f1a; 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 { background:url(http://z3.ifrm.com/354/125/0/p251360/foot.png) repeat-x top; height: 18px!important; }
#stats td.c_foot { background: url(http://z3.ifrm.com/354/125/0/p251366/stats_foot.png) repeat-x #e7ecf1; }
#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:83.3%; 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; }
#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:0px; }
.portal_box table { clear:none; }
#portal h2,#portal_foot h2 { clear:none; border:1px solid #ccd5e0; 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,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,.drop_menu a,#submenu a { color:#597da5; font-weight:700; }
.category h2 a:hover,.drop_menu a:hover, #submenu a:hover { color:#6b91ba; font-weight:700; }
#top_info a { color: #bb1f1a; }
#top_info a:hover { color: #c5221d; }
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:none; background:url(http://z3.ifrm.com/354/125/0/p251978/stripe_hover.png) no-repeat bottom; }
.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_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover { color:#c5221d; }
.c_forum strong a:hover { background:url(http://z3.ifrm.com/354/125/0/p251978/stripe_hover.png) no-repeat bottom; }
.row2 td,blockquote div { background:url(http://z3.ifrm.com/354/125/0/p253654/row2.png) repeat-x #dde4ec; }
a.member,.calendar td a,#faq dd a { color:#597da5; }
.calendar a:hover, #faq dd a:hover { color:#6b91ba; }
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:#e9edf2; border:1px solid #ccd5e0; color:#597da5; margin:10px 0; }
#blog blockquote { background:none; border:none; font-size:85%; padding:0 10px; }
#blog blockquote blockquote { font-size: 100%; padding:0; }
#blog h1 { float:right; }
#blog h2 { background:none; clear:none; font-size:130%; padding:0; }
#blog h2,#blog h2 a, { color:#bb1f1a; }
#blog h2 a:hover { color:#c5221d; }
#blog_foot { clear:both; margin-bottom:20px; }
#blog_head { background:url(http://z3.ifrm.com/354/125/0/p255256/blog_header.png) repeat-x #e9edf2; border:8px solid #e9edf2; padding:10px 14px; }
#blog_head img.avatar { display:inline; }
#blog_head:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
#blog_main { margin:20px 200px 10px 10px; }
#blog_categories,#blog_readers,#blog_about,div.blog_options { background:#e9edf2; margin:15px 0; padding:5px 7px; }
#blog_sidebar h3,#blog_sidebar dt { color:#bb1f1a; font-weight:700; }
#blog_sub { background:url(http://z3.ifrm.com/354/125/0/p254936/blog_sub.png) repeat-x #d4dde6; clear:both; position:relative; padding:5px 7px; text-align:right; }
#blog_sub span { padding-top:4px; }
#blog_sidebar { background:#d4dde6; 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:url(http://z3.ifrm.com/354/125/0/p255254/blog_date_bg.png) repeat-x #e9edf2; border:1px solid #597da5; color:#bb1f1a; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase; width:40px; }
div.blog_date span { background:url(http://z3.ifrm.com/354/125/0/p255255/blogspan_bg.png) repeat-x #7e9bba; border-top:1px solid #597da5; color:#e9edf2; text-shadow: 0px 1px 0px #597da5; display:block; font-size:130%; font-weight:700; padding:2px 4px; }
div.blog_entry { background:#d4dde6; margin:10px 0; padding:5px 7px; }
#blog_comments li { padding:5px 7px; }
#blog_comments li.odd { background:#dde4ec; }
#blog table { clear:none; }
#shoutwrap { background:#fafafa; border:1px solid #e7e7e7; 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:#dde4ec; }
#shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; }
#shoutbox dt { color:#6b91ba; font-size:80%; }
#shoutopts,#shoutpost { clear:both; text-align:center; }
/***** Three Piece H2 *****/ /* h2wrap is the center stretch.*/ .h2wrap { background: url(http://z3.ifrm.com/354/125/0/p251071/H2_repeat.png) repeat-x; }
/* h2left is the left image. */ .h2left { background: url(http://z3.ifrm.com/354/125/0/p251070/H2_left.png) no-repeat top left; height: 55px; }
/* h2center is the text itself. */ .h2center{ color:#bb1f1a; padding: 25px 0px 0px 0px; height: 55px; font-weight:bold; text-align: center; }
/* h2right is the right image. */ .h2right { background: url(http://z3.ifrm.com/354/125/0/p251072/H2_right.png) no-repeat right top; height: 55px; }
/* Collapse/Uncollapse Images */ .collapse,.uncollapse { right: 3px; top: 3px; }
thead td,thead th {padding:0px;background: inherit;border-width:0px;}
.calh2 { background: null!important;height: auto!important; font-weight: null; padding: 0px !important;border: null!important;}
/* 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;}
.profile thead th { padding:0px 16px; height: 32px; background:url(http://z3.ifrm.com/354/125/0/p255266/profile_h2.png) repeat-x; border:1px solid #ccd5e0;}
#logo { background:url(http://z3.ifrm.com/354/125/0/p251938/top_repeat.png) top repeat-x; height: 248px; margin-top: -248px; }
#main_content {width:100%;margin:0px auto;}
/* repeating background image of the header */ #header {background:url(http://z3.ifrm.com/354/125/0/p251938/top_repeat.png);height: 248px; width:100%;} /* top left corner */ #header_l {background:url(http://z3.ifrm.com/354/125/0/p253044/top_left.png);height: 256px; width: 345px; float:left;} /* top right corner */ #header_r {background:url(http://z3.ifrm.com/354/125/0/p253046/top_right.png);height: 256px;width: 345px;float:right;}
/* left side border */ #side_l {background:url(http://z3.ifrm.com/354/125/0/p253047/left_center.png) repeat-y left;} /* right side border */ #side_r {background:url(http://z3.ifrm.com/354/125/0/p253042/right_cntr.png) repeat-y right #dde4ec;margin-left:94px;padding-right:94px;}
/* repeated footer background */ #footer {background:url(http://z3.ifrm.com/354/125/0/p251943/bottom_repeat.png);height:248px; width:100%;} /* bottom left corner */ #footer_l {background:url(http://z3.ifrm.com/354/125/0/p251942/bottom_left.png); height: 248px; width: 197px; float:left;} /* bottom right corner */ #footer_r {background:url(http://z3.ifrm.com/354/125/0/p251944/bottom_right.png); height: 248px; width: 197px; 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: #dde4ec;margin:0;border:0px;} .drop_menu { margin-bottom: 0;}
Theme Layout
Spoiler: click to toggle - Code:
-
<!-- TOPMENU -->
<div id="main_content"> <div id="header"> <div id="header_l"><!-- top left corner --></div> <div id="header_r"><!-- top right corner --></div></div> <div id="side_l"><div id="side_r"> <!-- content starts -->
<!-- HEADER --><!-- SUBMENU --><div id="wrap"><!-- NAV --><!-- BOARD --> </div><script type="text/javascript" src="http://z3.ifrm.com/197/177/0/p86186/th2.js"></script>
<!-- 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>
<div id="copyright"><center>Christmas Time Theme by <b>Eccentric Feline</b>. Find more great themes at <a href="http://zbthemezone.com"><b>ZNR</b></a>!</center></div>
|