- Posts:
- 46,450
- Group:
- Members
- Member
- #34,935
- Joined:
- November 4, 2004
|
[This is a repost of the theme topic submitted on the old Zetaboards Support forum, fondly called the ZetaBeta Support board by some of us. It is moved here to make access more convenient for users. Frostee is the public release version of the January 2012 Theme of the Month, ZB Support Winter. // Helena]
Name: Frostee Creator: Nicola Date Created; December 2007
Do NOT recolour or edit this skin without contacting me first. Just because it doesn't have a copyright, it's not 'free' for editing and recolouring.
I put THEME in caps because I have actually spend this weekend making and cheating what is nearly the full set of graphics.. minus a few odd pieces that either don't really matter or get changed by people anyway.
You'll recognise this one. Mainly from the support board last year, or maybe you've used it. Tis december, it's winter, the holidays are coming... someone kept nagging me over IRC for it (you know who you are ). It's simple, doesn't require fancy modifications, was ideal for my first theme after the release.
I have tested everything I can think of... tested in IE (which has amazingly behaved) so there shouldn't be any problems.
So let's give this a shot Post in this topic if there are any issues. Oh, and this theme comes with no visible copyright and you don't have to add one. Aren't I awesome? Just don't say you made it or mutilate my already mutilated CSS. Or I'll feed you to Stephen.
Graphics Zip
Preview would be here

Username: Test Password: password1
Change the pass and be scorned.
Theme Layout
- Quote:
-
<!-- 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">
<!-- HEADER --><!-- SUBMENU --><!-- NAV --><!-- BOARD --> </div></div>
<div id="footer"> <div id="footer_l"><!-- bottom left corner --></div> <div id="footer_r"><!-- bottom right corner --></div> </div>
Evil CSS (Theme Appearance)
- Code:
-
/* get this theme at the official ZB support forum */ html,body { background:#a4bfda; color:#627991; font-family:"Tahoma", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size:93.3%; margin:0; padding:0;}
a { color:#496584; text-decoration:none;} a:hover {color:#496584;text-decoration:underline;} a img {border:0;}
img {vertical-align:middle;}
form {display:inline;margin:0;padding:0}
hr { background-color:#496584; border:0; clear:both; color:#496584; height:1px;}
/** Table and generic cells ***/ table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%;} th,td { border:1px solid #c6d3e1; font-size:80%;} th {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; color:#627991; font-weight:400; padding:3px 5px; text-align:left; font-size: 80%;} td {background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6; color:#627991; padding:5px 10px; } td.c_head,td.c_sort {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; color:#627991; font-size:80%;} /* .c_desc is used throughout as a dark cell */ td.c_desc {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; font-weight:700; text-align:right; vertical-align:middle; width:200px; } td.c_desc small { display:block; font-weight:400; } td.c_desc img,td.c_desc input {float:left;vertical-align:middle;} th a,th a:hover {color:#5c7897;font-weight:700; } th .right { padding-top: 4px;}
h1 {font-size:200%; clear:both; margin:0;} h2,h3 {font-size:100%; padding:3px 0; clear:both;margin:0;}
.category h2,.topic h2,#portal h2 {padding:8px;text-align:left;} .category h2 a, .category h2 a:hover { color: #fff ;}
/*** Category Main Elements ***/ /* default blue header's border */ .cat_head td {border-color:#8fafd0; padding:0;} .category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:url(http://z3.ifrm.com/0/14/0/p484/h2_2.png) repeat-x top #92B2D7; color:#fff; font-size:100%; font-weight:700;} thead th {border:1px solid #8fafd0; border-bottom-width:1px; padding:5px; text-align:center;}
h2.special { background:url(http://z3.ifrm.com/0/14/0/p484/h2_2.png) repeat-x top #92B2D7; border-color:#8fafd0;} /* default orange header's border */ #stats .cat_head td {border-color:#8fafd0; }
td.c_foot { background:url(http://z3.ifrm.com/0/14/0/p237/foot.png) repeat-x bottom #f2f4f6; color:#5c7897; font-size:80%;} .category td.c_foot {height:18px; background:url(http://z3.ifrm.com/0/14/0/p237/foot.png) repeat-x bottom #f2f4f6; }
/* creates space between categories */ .category { margin:10px 0 0;} span.collapse,span.uncollapse {cursor:pointer;float:right;position:relative;}
/*** stats stuff***/ a.member{color:#5c7897;} #stats_events {line-height:2;} #stats_members {line-height:1.2;} #stats_members a.member {white-space:nowrap} td#stats_events a,td#stats_events span {background:url(http://z3.ifrm.com/static/1/s_minical.png) no-repeat 2px; padding:4px 0 4px 20px;}
/*** Text area, inputs, drop down option lists and buttons etc ***/ input,select,textarea,button,a.btn_fake {background:#f8fbfd;border:1px solid #82a5c8;color:#4f6782;padding:3px 5px;vertical-align:middle; font-size:90%;} textarea {font-family:"Tahoma", sans-serif;font-size:105%;margin:auto;width:98%;} input:focus,input.focus,textarea:focus,textarea.focus {border-color:#82a5c8;} button,a.btn_fake {background:url(http://i2.ifrm.com/4574/56/upload/p4969564.gif) no-repeat top left #f2f4f6; color:#4f6782; cursor:default; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:85%; overflow:visible; width:auto;} button:hover,a.btn_fake:hover {border-color:#9ab9d9;} button.btn_default { font-weight: 700} button.btn_text {background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%;} 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;} 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;}
/* Notices and Error Messages */ .submit_error {background:#fff8eb;border:1px solid #82a5c8;} .notice {background:#fff; border:2px solid #82a5c8; color:#5c7897; margin:10px auto 0;width:70%; margin-bottom: 10px;} .notice dt {color:#8CB5E7;font-weight:700; padding:5px 7px;} .notice dd {font-style:italic; padding:5px 7px; font-size: 12px;} dl.info {background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x 0px 28px #f2f4f6; border-color:#82a5c8; } .info dt {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6;color:#5c7897; border-bottom: 1px solid #82a5c8;} dl.error {background: url(http://z3.ifrm.com/0/14/0/p472/error_bg.png) repeat-x 0px 28px #faeff0; border-color:#d99595; color: #b36262;} .error dt {background:url(http://z3.ifrm.com/0/14/0/p471/error_head.png) repeat-x top ;color:#5c7897; border-bottom: 1px solid #d99595; color: #b36262;}
#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 {background: url(http://z3.ifrm.com/0/14/0/p256/top.png) repeat-x bottom;height:20px;padding:0 2% 4px;margin-bottom:12px; font-size: 85%;} #top_info {color:#5c7897;float:left;margin-top:4px;} #top_info a,#top_info a:hover { color: #5c7897;} #top_menu {background: none; float:right;margin-top:0px;}
.drop_menu { margin-bottom: 0;} .drop_menu ul a:hover { text-decoration: underline } .drop_menu li { float:left;margin-right:1px;text-align:center;} .drop_menu a {color:#5c7897;display:block;padding:3px 5px 3px 5px;position:relative;width: 100px;} .drop_menu a:hover {text-decoration: none;} .drop_menu li:hover{background: url(http://z3.ifrm.com/0/14/0/p466/menu_hover.png) no-repeat center} .drop_menu ul {background: url(http://z3.ifrm.com/0/14/0/p465/menu_foot.png) no-repeat bottom;color:#3c4d64;left:-999em;margin:0;position:absolute;width: 110px;padding-bottom: 8px!important;} .drop_menu ul li {font-size:85%;margin:0;padding:0;width: 100px;background: none;} .drop_menu ul li a {display:block;padding:4px 5%;width: 100px;background: url(http://z3.ifrm.com/0/14/0/p467/menu_link.png) repeat-y center; padding:4px 5%; } .drop_menu a img {vertical-align:bottom;} .drop_menu li:hover ul,.drop_menu li.hover ul {left:auto;}
#logo {clear:both;margin-bottom: 10px;}
#submenu {background: #e4eaf0; border: 1px solid #8fafd0; color:#586eb1; font-size:85%; padding:3px 1% 4px; text-align:right;} #submenu a { padding:3px 5px;color:#5c7897;} #submenu a:hover { text-decoration: underline;color:#5c7897;}
/* board wraps */ #main {height:1%;padding:0 0%; clear:both; margin:0;} #wrap {background:#fff; border:1px solid #3A5197; margin:0 2% 30px; }
#nav { color:#496584; height:1%; padding:10px 0%;clear:both; margin:0; font-size: 95%; } #nav li img { vertical-align:top;} #nav li span { font-weight: 700}
/*** UCP and Inbox ***/ .meta_menu {background:#F6F6F6; border:1px solid #8ba2ba; padding:0; width:49%; } .meta_menu h3 {background:url(http://z3.ifrm.com/0/14/0/p238/h2.png) repeat-x top #FB9D3A; border:1px solid #8fafd0; clear:both; color:#FFF; font-size:90%; font-weight:700; margin:-1px; text-align:center; padding: 5px;} .meta_menu a { color:#5c7897; display: block; padding: 2px 3px;} .meta_menu a:hover {text-decoration:none; color:#5c7897; background: #f5f6f7; border: 1px solid #c6d3e1; border-right: 2px dotted #c6d3e1; padding: 1px 2px;} .meta_menu ul {font-size:80%;margin:5px 5%;} .meta_menu li { padding: 0px 0px; color: #5c7897; } .meta_menu img,.meta_menu span {float:right; margin:10px 20px;}
.ucp th { text-align: center} #c_notes {text-align:center;} #ucp_profile,#pm_messages {float:right; background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; border: 1px solid #8fafd0;} #ucp_settings img,#ucp_profile img {margin:18px 20px;} .ucp button.btn_text {padding:5px 0;text-align:center;width:100%;} #ucp_settings,#pm_settings {float:left; margin-bottom: 10px; background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; border: 1px solid #8fafd0;} #c_notes button { margin-top: 3px;}
#ucp_gallery {text-align:center;vertical-align:top;} #ucp_gallery button {cursor:pointer;text-align:center;} #ucp_gallery button img { display: block} #ucp_gallery li {float:left;margin:15px 5px;}
/* PM left menu */ #pm_folders {border-left:1px solid #c6d3e1;border-right:1px solid #c6d3e1; 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/0/14/0/p457/pm_folder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px;}
#pm_forwarded {border:1px dotted #c6d3e1;color:#999;font-size:90%;font-style:italic;margin-top:1em;padding:3px 5px;} #ucp_gallery a {color:#5c7897;font-weight:700; display: block; padding: 1px 5px 1px 1px} #ucp_gallery a:hover {color:#5c7897; text-decoration: none; background: #d3dfea; display: block; padding: 0px 4px 0px 0px; border: 1px solid #8fafd0} dl#fast-reply {clear:both;margin:auto;width:80%;}
.pm {margin-bottom:1em;} .pm .row1 a,.pm .row2 a { display: block } #pm_datesent {width:200px;} #pm_select {text-align:center;width:1px;} #conversation .c_post {padding:2em;}
tr.pm_new td {background: #e1e8f0; border: 2px solid #8fafd0; font-weight:700;} tr.pm_new td a,tr.pm_new td a:hover{color:#5c7897; }
/* Forum Rules */ .meta_box {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;border:1px solid #8fafd0; font-size:85%; line-height:150%; padding:10px 25px; margin:10px 0;} .meta_box h3 {font-size:120%;} .meta_box a,.meta_box a:hover {color:#5c7897;} .meta_box li {display:list-item; list-style-position:inside; list-style-type:square; margin-left:10px;}
/* Forum/Topic page numbers */ 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:#fafbfc; border:1px solid #5c7897; color:#5c7897; } .cat-pages a:hover,.cat-topicpages a:hover {background:#c3d5e8;color:#5c7897; text-decoration: none;} .cat-pages span {background:#c3d5e8; border:1px solid #5c7897; color:#5c7897; cursor:default; font-weight:700; padding:2px 5px;} .cat-pages input { background:#fafbfc; color:#496584; padding:3px 5px; vertical-align:baseline; } ul.cat-topicpages { float:right; font-size:80%; padding:1px 0;} .cat-pages a,.cat-pagesjump i,.cat-topicpages a {cursor:pointer;padding:2px 5px;} .cat-topicpages a { padding:0 2px;}
/* Category and forum cells */ .c_mark { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;text-align:center; width:1%;} .c_mark img {display:block;margin:auto;} td.c_cat-mark input { vertical-align: middle} td.c_cat-mark {padding:5px 0;text-align:center;width:30px;}
.c_forum {color:#5c7897;font-size:80%;width:60%;} .c_forum strong a,.c_last strong a {color:#5c7897;} .c_forum strong a {font-size:100%;} .c_forum strong a:hover { color: #5c7897; text-decoration: underline}
td.c_last {background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6; font-size:85%;} .c_last {line-height:1.4;min-width:300px;width:30%; } .c_last strong a:hover{ color: #496584}
.c_forum-desc {color:#496584;font-size:85%;} .c_last-title {background:url(http://z3.ifrm.com/static/1/last.gif) 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; background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;} td.c_subforum {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; color:#425384; font-size:80%;font-style:italic;}
.description {color:#5c7897;font-size:85%;}
a.member:hover {color:#5c7897;}
/*** User profile elements both profile view and topic ***/ /* Find Posts large year */ #findposts .c_mark {color:#6a88a6;font-size:200%;font-weight:700;vertical-align:top;} #findposts td a { display:block}
td.c_user dl {background:#f6f6f6;border:1px solid #8ba2ba;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;}
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_user .usertitle {margin:3px 0;text-align:center;}
#profile_menu ul {-moz-opacity:1; border-top:0; opacity:1; } #profile_menu a { background:#496584; border:1px solid #3a5197; color: #5c7897;} #profile_menu a {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; border: 1px solid #8fafd0;} #profile_menu li li a {border-top:0; width: 100px; text-decoration: none;} #profile_menu li ul li a:hover {background:#e2e9f0; color: #5c7897; text-decoration: none;} #profile_menu li ul li a {background:#f1f4f6; color: #5c7897;} #profile menu li a:hover {text-decoration: none;}
/*** Forum View ***/ .c_cat-starter,.c_cat-replies,.c_cat-views { text-align:center;} td.c_view { background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6; color:#627991;} div.c_view-list {color:#627991; font-size:92.5%; padding: 4px 0px;} td.c_cat-starter {width:125px;} td.c_cat-lastpost {width:175px;}
/* Hidden/Queued topics */ tr.hidden td { background:#e3e7ec!important; } tr.hidden td a,tr.hidden td a:hover{color:#496584; }
/* pinned topics row */ .row2 td { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; } .row1,.row2 {line-height:1.4;}
/*** Various Topic Elements ***/ .c_post {width:100%; background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6; } #c_post {text-align:center;vertical-align:top;} .avatar {display:block;margin:auto;text-align:center;} .av_wrap { text-align:center;margin:auto;}
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%;}
/* Polls */ td.c_poll-choice {line-height:1.5;padding-left:45%; } .c_poll-vote { text-align: center; } 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_poll-choice label {font-weight:700; padding-left:1em;} td.c_poll-votes {font-size:120%;text-align:center;width:15%;} td.c_poll-total { text-align:center; } /* poll bars */ td.c_poll-bar div {background:url(http://z3.ifrm.com/0/14/0/p410/poll_r.png) no-repeat right; float:left; height:13px; padding-right:3px;} td.c_poll-bar span {background:url(http://z3.ifrm.com/0/14/0/p409/poll_l.png); display:block; float:left; height:13px; width:5px; }
.editby {border:1px dotted #5c7897;color:#5c7897;font-size:85%;font-style:italic;margin-top:1em;padding:3px 5px; background: #f9fafb}
blockquote {background:#edf1f5; border:0px solid #3a5197; margin:10px auto; padding-bottom:1px; width:98%; } blockquote dl {background:url(http://z3.ifrm.com/0/14/0/p324/quote_head.png) no-repeat left ; border-bottom:1px solid #b4c5d7; color:#fff; padding: 1px; border-right: 1px solid #b4c5d7;} blockquote dl dt {color:#5c7897; float:left; font-weight:700; padding:2px 4px;} blockquote dl dd {padding:2px 4px; text-align: right} blockquote div { background:#f9fafb; border: 1px solid #b4c5d7; border-top: 0;} blockquote div, blockquote code {margin:0;padding:5px;} code { background:#f9fafb; display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; white-space: prev; border: 1px solid #b4c5d7; border-top: 0; overflow: auto; max-height: 400px;} .c_post blockquote dl { padding: 2px 5px; }
div.spoiler {border:1px solid #8fafd0; border-top:0; padding:5px 7px; } div.spoiler_toggle { background: #c3d5e8; border:1px solid #8fafd0; color:#5c7897; cursor:pointer; font-weight:700; padding:2px 4px;}
td.c_postinfo {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; color:#999; font-size:80%; vertical-align:middle; }
td.c_postinfo input { vertical-align:middle; }
/* Profile elements within topic */ .pip {margin:3px 0;white-space:nowrap;} td.c_username { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;padding:2px 0;text-align:center; width: 195px} td.c_username a {font-size:140%;font-weight:700;} td.c_user {font-size:80%; vertical-align:top;width:175px;} td.c_user dl {background:#f9fafb;border:1px solid #c6d3e1;margin:10px 0;padding:5px 7px;width:160px;} .warn { text-align: center} .warn img { vertical-align: middle}
td.c_sig {color:#5c7897; font-size:80%; } td.c_sig blockquote {background:none transparent; border:0; border-left:3px solid #5c7897; padding-left:5px; } td.c_sig blockquote dl { background:none transparent; border:0; color:#5c7897; } td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#5c7897; padding:0; } td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; border: 0; padding-left: 10px;} .c_sig,.c_nosig { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; } td.c_sig,td.c_nosig {height:1%;vertical-align:top;} td.c_nosig { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;} img.c_user { height: 1px; }
tr.c_postfoot td{background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4; clear:both; }
.c_next a {display:block; font-size:125%; font-weight:700; text-align:center; }
.post_sep {font-size:1px;height:1px; background: url(http://z3.ifrm.com/0/14/0/p252/post_sep.png) repeat-x top; border: 1px solid #8fafd0; }
dl#fast-reply dt {background:url(http://z3.ifrm.com/0/14/0/p484/h2_2.png) repeat-x top #92B2D7; border:1px solid #9ab9d9; color:#FFF; font-size:95%; font-weight:700; margin:0; padding:5px; text-align: center;} dl#fast-reply dd {background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6;border:1px solid #9ab9d9;padding:15px 0;text-align:center;} 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-attachment {font-size:83.3%;margin-top:1em;padding:1em;} .c_post-attachment dd {margin-left:1em; padding: 3px;} .c_post-attachment dd a { padding: 6px; } .c_post-attachment dd a:hover { text-decoration: none; background: #fafbfc; padding: 5px; border: 1px solid #c6d3e1;} .c_post-attachment dt { font-weight: 700;}
.cat-buttons,.topic-buttons {float:right;margin:15px 0;text-align:right;width:50%;} td.c_topicfoot { text-align: center; background:url(http://z3.ifrm.com/0/14/0/p237/foot.png) repeat-x bottom #f2f4f6;} td.c_topicfoot strong { font-weight: 700;}
/* Queued/Hidden posts */ td.c_post { background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6; } .queued {border:1px dotted #8ba2ba;color:#999; font-size:85%;font-style:italic; margin-top:1em;padding:3px 5px;} .queued {background-color:#f2f4f6;border-color:#496584;}
/*** Posting Page ***/ #c_post-text {height:223px;} #btn_preview { float:left; margin:10px 0 0 1px;} #c_post-preview {background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6;border:1px solid #8fafd0;margin:0 auto 10px;padding:5px;text-align:left;width:98%;}
/* + and - to alter height of reply box */ #c_post-resize span {color:#5c7897;cursor:pointer;font-size:150%; padding: 0px 7px; background: #f8fbfd; border: 1px solid #82a5c8; } #c_post-resize {float:right;margin-top:-1px;padding:0px 0 0; text-align:right; margin-top: 3px;} #c_post-resize span:hover { background: #d0dce8; border: 1px solid #82a5c8; padding: 0px 7px;} input.row1 { margin-top: 2px; }
#emot_wrap { background:#f6f6f6; border:1px solid #8fafd0;} #emot_wrap h3 {background:url(http://z3.ifrm.com/0/14/0/p238/h2.png) repeat-x #6a7db6 center; border-bottom:1px solid #8fafd0; color:#fff; font-size:100%; text-align:center; padding: 5px;} #emot_end {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; border-top:1px solid #8fafd0;display:block;font-weight:700 ;padding:4px 0; text-align:center;font-size: 80%;} #c_emot { background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;height:225px;vertical-align:top;width:210px;} #emot_list {height:275px; margin:0 auto; overflow:auto;padding:5px 0;text-align:center; background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6;} div#emot_list {padding:0;} #emot_list li {display:inline;padding:4px 10px;} #emot_list img {cursor:pointer;vertical-align:baseline;}
#files_upload {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;} #files_upload input { display:block;} .c_post-attachment img { vertical-align: middle}
/*** Calendar ***/ .calendar th { text-align:center;} .calendar td {height:125px; padding:0; vertical-align:top; width:14.3%;} .calendar td a,.calendar a:hover {color:#5c7897;} .calendar td#cal_current {background:#f7f9fa;border:2px solid #8fafd0;} .calendar td#cal_current div {padding-top:3px;} .calendar td.cal_inactive {background:#e8edf2;color:#8ba2ba!important;} .calendar td div {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; color:#627991; border-bottom:1px solid #c6d3e1;font-weight:700;padding:5px 7px; font-size: 11px;} .calendar div a {background:url(http://z3.ifrm.com/static/1/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 li { display:list-item;font-size:80%;margin:0;} .calendar li.placeholder {padding:4px;} .calendar li span {cursor:default} /* also appears in stats */ .bday {background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat; color:#425384; font-size:90%; font-weight:700; height:16px;padding:2px 2px 2px 18px; width:20px; }
/*** Portal ***/ #portal h2 a,#portal_foot h2 a,thead a,#portal h2 a:hover,#portal_foot h2 a:hover { color: #fff} #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;} div.portal_content {background:#fafafa;border:1px solid #c6d3e1;font-size: 11px!important;margin:0;padding:5px 7px;} .portal_box { border: 1px solid #8fafd0; background: #fff;} .portal_content { border: 1px solid #c6d3e1;background: url(http://z3.ifrm.com/0/14/0/p239/light_cell.png) repeat-x top #f2f4f6!important; } #portal_foot .portal_box { padding: 2px; padding-bottom: 1px; } #portal_foot h2 { margin: -1px; font-size: 11px; padding: 8px; border: 1px solid #8fafd0;} #portal_foot .portal_box td { font-size: 11px; }
#portal_main h2 {font-size:11px; background:url(http://z3.ifrm.com/0/14/0/p484/h2_2.png) repeat-x bottom #FB9D3A; padding: 6px;} #portal h4 {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6; border-left:1px solid #c6d3e1; border-right:1px solid #8ba2ba; color:#5c7897; font-size: 10px; font-weight:400; margin:0; padding:5px 7px;}
.portal_content blockquote dl { padding: 5px 5px; } .portal_content blockquote dt { margin-top: 2px;}
/*** FAQ ***/ #faq dt a {color:#5c7897;font-size:120%;font-weight:700;} #faq dd.faq_more a,#faq dl.faq_more a:hover {color:#5c7897;font-style:italic;} #faq {margin:20px 0;} #faq dl {padding:1em;} #faq dt { margin-bottom:5px;} #faq dt a:hover{color:#5c7897; } #faq dd {display:list-item; margin:0 0 3px 15px; padding-left:3px;} #faq dd a,#faq dd a:hover {color:#5c7897;}
/*** SEARCH ***/ .search_results {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ;border:1px solid #8fafd0;margin-bottom:1em;padding:5px 7px; clear: both} .search_results h3 {display:inline;font-size:125%;} .search_results h3 a,.search_results h3 a:hover {color:#5c7897; } .search_results cite,.search_results p {color:#5c7897;font-size:85%;margin:0;} .search_results div { padding: 5px 10px; font-size: 12px; background: #f5f6f7; border: 1px dotted #c6d3e1; } .search_results strong { color: #5c7897;}
/*** BLOG ***/ #blog {background:#c4d4e4;border:1px solid #82a5c8;color:#495e76; margin: 0 auto; margin-top: 20px; width: 750px;} #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:#5c7897;} #blog blockquote {background:none;border:none;font-size:85%;padding:0 10px;} #blog_foot {clear:both;margin-bottom:20px;} #blog_head {background: url(http://z3.ifrm.com/0/14/0/p263/blog_head.png) top left no-repeat #e2e9f0;border:4px solid #82a5c8;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:#f1f3f6;margin:15px 0;padding:5px 7px;} #blog_sidebar h3,#blog_sidebar dt {color:#5c7897;font-weight:700;} #blog_sub {background: url(http://z3.ifrm.com/0/14/0/p268/blog_menu.png) repeat-x top;clear:both;position:relative;padding:5px 7px 6px 7px;text-align:right; border-bottom: 1px solid #d9e3ec; font-size: 12px; color: #fff;} #blog_sub a { color: #495e76; } #blog_sub span {padding-top:4px;} #blog_sidebar {background:#a0bad5; float:right; font-size:93.3%; margin:20px 10px 0 0; padding:0 10px; width:160px; border: 1px solid #82a5c8;} #blog_sidebar dd {margin-left:10px;} #blog_user {font-size:175%;} div.blog_options {font-size:80%;text-align:right; background: #dae4ed}
div.blog_date {background: url(http://z3.ifrm.com/0/14/0/p264/blog_date.png) repeat-x;border:1px solid #82a5c8; color:#5c7897; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase;width:40px; padding: 2px;}
div.blog_date span {background: url(http://z3.ifrm.com/0/14/0/p265/blog_span.png) repeat-x bottom; border:1px solid #8ba2ba; color:#5c7897; display:block; font-size:130%; font-weight:700;padding:0px 4px;} div.blog_entry {background:#f1f3f6;margin:10px 0;padding:5px 7px; border: 1px solid #82a5c8} #blog_comments li {padding:5px 7px;} #blog_comments li.odd {background:#e2e9f0;}
.blog_entry blockquote dl{ background: none!important; border: 0; } .blog_entry dt { color: #5c7897; font-size: 11px;} .blog_entry blockquote blockquote{ border-left: 3px solid #5c7897!important; padding-left: 3px!important;} .blog_entry blockquote blockquote div { padding-left: 15px; background: none; font-size: 11px;} .blog_entry blockquote blockquote div { border: 0;} #blog_head:after {content: ".";display: block;height: 0;line-height:0;clear: both;visibility: hidden;} #blog table {clear:none;}
/*** SHOUTBOX ***/ #shoutwrap {background:#fafafa;border:1px solid #8ba2ba;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:#f6f6f6;} #shoutbox dl,#shoutbox dt,#shoutbox dd {margin:0;padding:0;} #shoutbox dt {color:#496584;font-size:80%;} #shoutopts, #shoutpost {clear:both;text-align:center;} #shoutrefresh {cursor:pointer}
/* PM Popup */ #pmtoast {background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6;border:2px solid #8ba2ba; bottom:10px; color:#5c7897; display:none; font-size:90%; position:fixed; right:10px; text-align:right;text-decoration:none;width:200px;z-index:1;} #pmtoast:hover {border-color:#496584;} #pmlink {background:url(http://z3.ifrm.com/static/1/toast.png) no-repeat 5px; color:#496584; display:block; padding:10px 10px 10px 55px; text-decoration:none; } #pmlink big {color:#496584; display:block; font-weight:700; padding-bottom:5px;} #pmlink strong { color:#496584} #pmclose {border-top:1px solid #8ba2ba; color:#496584;display:block;font-size:80%;padding:1px 10px; background:url(http://z3.ifrm.com/0/14/0/p240/sub.png) repeat-x top #f1f4f6;} #pmclose:hover {color:#496584;}
/*** Footer (Theme selector, time/date) ***/) #foot_wrap { margin:0px 0px 0px 0; } #foot { margin: 0;} #foot td {background: url(http://z3.ifrm.com/0/14/0/p236/dark_cell.png) repeat-x top #eef1f4 ; border:1px solid #c6d3e1;color:#5c7897; font-size:80%;} #foot a,#foot a:hover {color:#5c7897;} #foot #foot_datetime {border-left:1px solid #8fafd0; width:1%; white-space:nowrap; } #foot #foot_links {text-align:right;}
/* Copyright */ #copyright {color:#FFF;font-size:80%; margin:10px 0;text-align:center;} #copyright a {color:#fff;font-weight:700;}
/***Registration Page ***/ #c_tos h3 { color:#5c7897; font-size:120%;} #c_tos li {display:list-item;margin-left:25px} #c_tos ul li {list-style:disc} #c_tos ol li {list-style:lower-alpha} #c_tos dd,#username_response {margin-left:10px;} #c_tos dt {font-weight:700;}
/*username check at registration */ td.username_ok {background:#e0fae0;} input.username_ok {outline:2px solid #0c0;} td.username_no { background:#fae0e0; } input.username_no {outline:2px solid #e77700;}
/*** ACP Login Page ***/ #acplogin {background: url(http://z3.ifrm.com/0/14/0/p326/acp_back.png) no-repeat top; border:0px solid #7f9dbd; height:291px;left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:510px;} #acplogin table { margin-top: 3px } #acplogin img { margin-top: 20px; margin-left: 5px;} #acplogin h1 {color:#FFF;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;} #acplogin #loginform {display:block;padding:0 50px;}
#vlx {z-index:1;}
.l {text-align:left} .c {text-align:center} .r {text-align:right} .left {float:left; padding: 3px; color: #627991;} .right {float:right; color: #627991; padding: 0px; } .right input { margin-bottom: 0px; }
tr.postbtn td {padding:5px;text-align:center;} tr.generic td,div.generic {font-size:120%; font-weight:700; padding:20px; text-align:center;} td.c_cat-icon {padding:5px 0;text-align:center;width:30px;}
#meta_welcome strong {font-size:120%;} #meta_welcome {clear:both;} #boardmeta {clear:both;margin:0;}
.menu { display: none }
/* Additional CSS */
#main_content { width: 85%; margin: 0 auto; } /* repeating background image of the header */ #header {background:url(http://i2.ifrm.com/4574/56/upload/p4966466.gif);height: 45px;width:100%;} /* top left corner */ #header_l {background:url(http://i2.ifrm.com/4574/56/upload/p4966432.gif); height:45px; width:45px;float:left;} /* top right corner */ #header_r {background:url(http://i2.ifrm.com/4574/56/upload/p4966435.gif);height: 45px;width: 45px;float:right;}
/* left side border */ #side_l {background:url(http://i2.ifrm.com/4574/56/upload/p4966437.gif) repeat-y left;} /* right side border */ #side_r {background:url(http://i2.ifrm.com/4574/56/upload/p4966438.gif) repeat-y right #f5f6f7;margin-left: 45px;padding-right: 45px;}
/* repeated footer background */ #footer {background:url(http://i2.ifrm.com/4574/56/upload/p4966451.gif);height:45px;width:100%;} /* bottom left corner */ #footer_l {background:url(http://i2.ifrm.com/4574/56/upload/p4966439.gif);height:45px;width:45px;float:left;} /* bottom right corner */ #footer_r {background:url(http://i2.ifrm.com/4574/56/upload/p4966453.gif);height:45px;width:45px;float:right;} /* this will remove the spacing and borders from the default layout. Is essential for image border to appear correctly */ #foot {margin:20px 0% 0px;} #main,#nav,#wrap, #foot_wrap {background: #HEX;margin:0;border:0px;}
.category, .topic{ border: 1px solid #9ab9d9; padding: 2px; padding-bottom: 1px; background: #fff; } /* ICK ICK ICK */ #submenu_bar, #top_bar { display: none; } #profile_menuwrap { padding: 3px; font-size: 85%}
#findposts a { display: block;padding: 2px 5px; } #findposts a:hover { background: #f9fafa; border: 1px solid #c6d3e1; text-decoration: none; padding: 1px 4px;} #c_bbcode button { margin-bottom: 2px; } #c_bbcode input.row1 { background: #f8f9fa; border: 1px solid #c6d3e1!important;}
relevant commentary from the original topic - badtzmaru
- Dec 2 2007, 10:41 PM
P.S. Is it okay if we change the board width?
Sure. However it's best to change the board width: - Quote:
-
#main_content { width: 85%; margin: 0 auto; }
It's at the top of my additional CSS at the end of the style sheet. It's currently taking up 85% of the screen, so change it to another percentage or px width. It keeps the top menu stretching across the screen so that won't look weird. - Quote:
-
When there are no votes, the poll bar looks funneh.
The poll bars aren't in three pieces on ZB. The left piece is a span tag, and the right piece is a long image in a div. When there are no votes it'll only show the left span. - Quote:
-
Can I pleeeaaassseeeee have permission to change the borders to something that is of 2 px border instead of a gradient border and the corners to be sharp instead of round instead? ^^"
Sure, but you'll need to do that yourself. - Quote:
-
how do you add the top 2 images (with the holly) and the bottom image, as this is not inclused in the css..
thanks
Just because it's on my test board it doesn't mean it's for use. That is just the board I create my themes on. No, you cannot use it or any part of it, you can only use Frostee which you're already using.
|