- Posts:
- 16
- Group:
- Admins
- Member
- #1
- Joined:
- Sep 2, 2010
|
ZNR topic: http://resources.zetaboards.com/topic/5119089/

Ye Olde Pub  Creators: Helena & Cory Date Created: 06/11
Theme Preview: http://s4.zetaboards.com/CHWH/index/?setskin=1286635
Side Notes: Ye Olde Pub is a theme design that attempts to use the top-of-the-page real estate in a more efficient way. Accordingly, the expected logo banner has been replaced by an enhanced navigation trail, with the first link (your board name) acting as the board logo on each page. No special logo banner needed! (However, if you absolutely must have one, just insert it in the normal fashion in the Theme Settings.) Also, the submenu has been moved to the side under the "lamp post", further freeing up top space. The blog layout has also been compacted to flow with this idea.
Ye Olde Pub is a bit whimsical with its old-timey elements and beer mug topic folders and emoticons. It should be a useful theme for casual or chat forums ( or any board where you want people to feel like "everybody knows your name" . However, the basic table formats and button designs are quite conventional--allowing general use. The themed topic folders can also be replaced by a more standard style in the alternate set included in the image download if you want to play down the drinks aspect of the theme.
Graphics: This theme includes a complete graphic set, with custom emoticons, and an alternate generic topic folder set option.
 DOWNLOAD PubImages1 <☺> DOWNLOAD PubImages2 <☺> DOWNLOAD Pub Emoticons
Image pack 1 contains: Forum markers, topic buttons, post button blank (text is generated in CSS), topic folders, User control panel icons, miscellaneous index icons Image pack 2 contains: Warns, rank pips, team icons, alternate generic topic folder set
 Emoticon pack contains: 32 emoticons with 5 alternates (empty mugs) and a blank for both the full and empty base images you may use to add your own smilies to the set. |
Browser notes: Tested in the latest FireFox, IE, Chrome and Opera. Please post any browser issues you encounter (be sure to cite the version you use.)
Edits Allowed? Yes, as long as you add "edited by..." in the copyright for any major edits beyond normal personalization's.
HTML Images Goto Top: <div class="post-button" style="font-size: 15px; position: relative; top: 2px">^^^^^</div> Report Post: <div class="post-button">Report</div> Forward PM: <div class="post-button">Forward</div> Delete Post: <div class="post-button">Delete</div> Edit Post: <div class="post-button">Edit</div> Quote Post: <div class="post-button">Quote</div> Online Member PM Icon: <div class="post-button" style="color: #3D8715">On | PM</div> Online Member (No PM): <div class="post-button" style="color: #3D8715">On</div> Offline Member PM Icon: <div class="post-button">Off | PM</div> Offline Member (No PM): <div class="post-button">Off</div> Profile Icon: <div class="post-button">Profile</div>
CSS - Code:
-
html, body { background: #000; color: #301919; font-size: 98.3%; margin: 0; padding: 0; }
.c_post, .c_user, .c_username, .c_postinfo, #topic_review td, .user_info, .c_view-list, .c_sig, .user_profile, .blog_entry blockquote, #blog_readers a, #blog_about, #portal_news .portal_content, #forum_rules td, .calendar td, .search_results, #shoutbox li, #sbx_archive td { font-family: "Segoe UI", "Helvetica", "Trebuchet MS", sans-serif; }
button, a.btn_fake, html, body, #blog_about h3, #shoutbox dt, #sbx_archive small { font-family: "Palatino Linotype", "Georgia", "Utopia STD", serif; }
a { color: #822D2D; text-decoration: none; }
a:hover { color: #C44040; text-decoration: none; }
hr { background-color: #D1D1D1; color: #D1D1D1; height: 3px; border: 0; border-bottom: 2px solid #FFF; }
table { border-collapse: collapse; border-spacing: 0; clear: both; empty-cells: show; width: 100%; }
th, td { border: 1px solid #D1D1D1; }
th { color: #777; font-weight: 400; padding: 3px 5px; text-align: left; }
td { background: #FBF7F5; color: #333; padding: 5px 10px; }
th a, th a:hover { color: #777; font-weight: 700; }
h1 { font-size: 200%; }
h2, h3 { font-size: 100%; }
.category h2, .topic h2, #portal h2, #portal_foot h2, thead th, .profile tbody th { background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; color: #EEE; font-size: 16px; font-weight: 700; padding: 9.5px; text-shadow: 0 -1px 1px #000; position: relative; }
.profile th, #acplogin th { background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x !important; border-width: 0 1px !important; padding: 9.5px !important; }
thead td, thead th { padding: 0; background: inherit; border-width: 0; }
.h2wrap { background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; }
.h2left { background: url(http://z3.ifrm.com/28122/87/0/p411219/H2start.png) no-repeat; height: 43px; }
.h2center { font-size: 16px; font-weight: 700; padding: 12px 9px 0; }
.h2center, .h2center a { color: #EEE; text-shadow: 0 -1px 1px #000; }
.h2right { background: url(http://z3.ifrm.com/28122/87/0/p411220/H2end.png) no-repeat right top; height: 43px; }
#portal_l .h2right, #portal_r .h2right, #blog .h2right, .search_results .h2right, .c_post .h2right, #topic_review .h2right { background: url(http://z3.ifrm.com/28122/87/0/p411254/H2endPlain.png) no-repeat right top; }
#blog .h2wrap, #blog .h2left, #blog .h2right { padding: 0; }
.search_results div[class*="h2"] { margin: 0; }
#blog th { padding: 10px; }
.calendar th[colspan="7"] { padding: 8.5px; }
.cal_div { padding-left: 5px; }
.c_post th { padding: 7px; }
#acplogin th { padding: 9.5px; }
thead th { border: 1px solid #8B3315; text-align: center; }
.topic h2.special { border: 1px solid #8B3315; }
input, select, textarea, button, a.btn_fake { background: #fafafa; border: 1px solid #D1D1D1; color: #333; padding: 3px 5px; vertical-align: middle; }
#search_form select[multiple] { height: 125px; }
.generic button { padding: 0 5px; }
textarea { font-family: "Verdana", sans-serif; font-size: 100%; margin: auto; width: 98%; }
.submit_error { background: #fff8eb; border: 1px solid #e77700; }
button, a.btn_fake { color: #666; cursor: default; font-size: 90%; overflow: visible; width: auto; }
button:hover, a.btn_fake:hover, input:focus, input.focus, textarea:focus, textarea.focus { border-color: #BDBDBD; }
#c_bbcode button, #security_settings input[name="question"] { margin-bottom: 5px; }
#c_notes button { margin-top: 5px; }
button.btn_text { background: none; border: 0; cursor: pointer; font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size: 100%; }
.notice { border: 1px solid #D1D1D1; color: #333; margin: 10px auto; width: 70%; }
.notice dt { color: #8CB5E7; font-weight: 700; }
.notice dd { font-style: italic; }
.info dt { border: 1px solid #8B3315; background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; border-width: 0 1px; color: #EEE; }
dl.error { background: #fafafa; border-color: #BC3737; }
.error dt { background: #D1D1D1; color: #BC3737; }
#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, table.calendar ul, .drop_menu { margin: 0; }
#top 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, #submenu_bar { display: none; }
#top { height: 26px; padding: 0 2%; font-size: 85%; }
#top_info { color: #C5C3C3; float: left; margin-top: 4px; }
#top_menu { float: right; margin-top: 0; }
#top_info a { color: #C5C3C3; }
.drop_menu li { margin-right: 1px; text-align: center; float: left; }
.drop_menu a { color: #C5C3C3; display: block; padding: 4px .25em; position: relative; width: 9em; }
.drop_menu ul { left: -999em; margin: 0; opacity: 0.85; position: absolute; width: 9.4em; z-index: 1; background: url(http://z3.ifrm.com/28122/87/0/p411082/UCPdropBkgd.png) bottom no-repeat; padding-bottom: 18px !important; }
.drop_menu ul li { font-size: 85%; margin: 0; padding: 0; width: 100%; }
.drop_menu ul li a { background: #000; display: block; padding: 4px 4.9%; width: 90%; }
.drop_menu li ul li a:hover { color: #872715; background: url(http://z3.ifrm.com/28122/87/0/p411086/UCPdropHovBk.png) no-repeat; }
.drop_menu a:hover { color: #FFF; }
#logo { clear: both; margin: 0 2%; }
#submenu { color: #C5C3C3; font-size: 13px; left: 65px; position: fixed; text-align: center; top: 300px; z-index: 2; }
#wrap { background: #DBDBDB; border: 15px solid #000; border-top: 0; border-bottom: 0; padding: 20px; }
#nav { color: #2A1212; height: 1%; }
#nav li, #nav a { display: inline-block; }
.nav-first { background: url(http://z3.ifrm.com/28122/87/0/p400407/NavBkgdHead.png) no-repeat; }
.nav-first a { background: url(http://z3.ifrm.com/28122/87/0/p400465/NavBkgdEnd.png) no-repeat right; padding: 12px 18px; font-size: 20px; font-weight: 700; text-shadow: 0 2px 2px #FFF; text-align: center; min-width: 110px; }
.cat-pages { background: url(http://z3.ifrm.com/28122/87/0/p401483/PaginationHead.png) no-repeat; float: left; font-size: 90%; margin: 15px 0; padding: 5px 0; }
.cat-pages div { background: url(http://z3.ifrm.com/28122/87/0/p401484/PaginationEnd.png) no-repeat right; padding: 6px 18px; }
.cat-topicpages { background: url(http://z3.ifrm.com/28122/87/0/p401629/PaginationHeadSm.png) no-repeat; }
.cat-topicpages div { background: url(http://z3.ifrm.com/28122/87/0/p401630/PaginationEndSm.png) no-repeat right; padding: 2px 13px; }
.cat-pages, .cat-topicpages { text-shadow: 0 2px 1px #FFF; }
.meta_box { border: 1px solid #D1D1D1; font-size: 85%; line-height: 150%; padding: 10px 25px; }
.meta_menu { border: 1px solid #D1D1D1; padding: 0; width: 49%; }
#pm_messages { height: 107px; }
#ucp_profile { height: 143px; }
.meta_menu h3 { background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; border: 1px solid #8B3315; border-width: 0 1px; clear: both; color: #EEE; text-shadow: 0 -1px 0 #000; font-size: 100%; font-weight: 700; margin: -1px; text-align: center; padding: 5px; }
.meta_menu a, .meta_menu a:hover { color: #666; }
.cat-pages a, .cat-pagesjump i, .cat-topicpages a { color: #2A1212; cursor: pointer; }
.cat-pages a:hover, .cat-topicpages a:hover { color: #333; }
.cat-pages span { color: #C44040; cursor: default; font-weight: 700; padding: 2px 5px; }
.cat-pages input { border: 0; border-bottom: 1px dotted #2A1212; background: none; padding: 2px 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; text-align: center; }
td.c_head, td.c_foot, td.c_sort { color: #666; font-size: 80%; }
td.c_desc { font-weight: 700; text-align: right; vertical-align: middle; width: 200px; }
td.c_desc small { display: block; font-weight: 400; }
.pm_new td, .pm_new td a { color: #822D2D; font-weight: 700; }
.pm_new td a:hover { color: #C44040; }
tr.hidden td.c_post { background: #DBDBDB; }
.bday { background: url(http://z3.ifrm.com/28122/87/0/p410745/minibday.gif) no-repeat; color: #2A1212; font-size: 90%; font-weight: 700; height: 16px; padding: 2px 2px 2px 18px; width: 20px; }
.c_mark { text-align: center; width: 1%; }
.c_forum { color: #666; font-size: 80%; width: 60%; }
.c_forum strong a { font-size: 135%; }
td.c_last { font-size: 85%; }
.c_forum-desc { color: #333; font-size: 85%; }
.c_last-title { background: url(http://z3.ifrm.com/28122/87/0/p410740/last.gif) no-repeat left; display: block; line-height: 16px; padding-left: 15px; }
td.c_info-v, td.c_info-t, td.c_info-r { font-size: 80%; padding: 5px; text-align: center; }
td.c_subforum { color: #2A1212; font-size: 80%; font-style: italic; }
.cat_head td { border-color: #8B3315; padding: 0; }
.description { color: #666; font-size: 85%; }
a.member:hover { color: #666; }
td#stats_events a, td#stats_events span { background: url(http://z3.ifrm.com/28122/87/0/p410744/minical.gif) no-repeat 2px; padding: 4px 0 4px 20px; }
td.c_username { font-size: 15px; padding: 2px 0; text-align: center; }
td.c_username a { font-weight: 700; }
td.c_user { font-size: 80%; }
td.c_user dl { border: 1px solid #D1D1D1; 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 { margin-left: -4px; background: none; opacity: 1; }
#profile_menu a { padding: 0; color: #EEE; top: 9px; }
#profile_menu ul a { padding: 4px 5%; background: #7F2513; color: #C5C3C3; }
#profile_menu ul a:hover { background: #000; }
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/28122/87/0/p399818/sep2.png) right; float: left; height: 12px; padding-right: 3px; }
td.c_poll-bar span { background: url(http://z3.ifrm.com/28122/87/0/p399818/sep2.png) no-repeat; display: block; float: left; height: 12px; width: 3px; }
.editby, .queued { border: 1px dotted #D1D1D1; color: #999; font-size: 85%; font-style: italic; margin-top: 1em; padding: 3px 5px; }
.queued { background-color: #FFFFC7; border: 1px solid #B33434; color: #333; }
.queued a { font-weight: 700; }
blockquote, #blog blockquote blockquote { border: 1px solid #D1D1D1; margin: 10px auto; padding-bottom: 1px; width: 98%; }
blockquote dl { border-bottom: 1px solid #D1D1D1; color: #777; }
blockquote dl dt { float: left; font-weight: 700; }
code { display: block; font-family: Monaco, Consolas, "Courier New", Courier, monospace; white-space: pre; max-height: 400px; max-width: 700px; overflow: auto; }
#portal code { max-width: 372px; }
blockquote blockquote code { max-width: 500px; }
div.spoiler { border: 1px solid #D1D1D1; border-top: 0; padding: 5px 7px; }
div.spoiler_toggle { border: 1px solid #D1D1D1; color: #777; cursor: pointer; font-weight: 700; padding: 2px 4px; }
td.c_postinfo { color: #999; font-size: 80%; vertical-align: middle; }
td.c_sig { color: #666; font-size: 80%; }
td.c_sig blockquote { background: none transparent; border: 0; border-left: 3px solid #999; padding-left: 5px; }
td.c_sig blockquote dl { background: none transparent; border: 0; color: #666; }
td.c_sig blockquote dl dt, td.c_sig blockquote dl dd { color: #666; padding: 0; }
td.c_sig blockquote div { background: transparent; margin-left: 5px; padding: 0; }
tr.c_postfoot td, td.c_postfoot { clear: both; }
td.c_username { width: 195px; }
.c_next a { display: block; font-size: 125%; font-weight: 700; text-align: center; }
td.c_view { color: #777; }
div.c_view-list { color: #999; font-size: 92.5%; }
dl#fast-reply dt { border: 1px solid #8B3315; color: #EEE; font-size: 16px; font-weight: 700; margin: 0; background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; padding: 10px; text-shadow: 0 -1px 1px #000000; }
dl#fast-reply dd { border: 1px solid #C3C2C2; padding: 15px 0; text-align: center; }
#c_post-preview { background: #f6f6f6; border: 1px solid #BFC8E3; margin: 0 auto 10px; padding: 5px; text-align: left; width: 98%; }
#c_post-resize span { color: #D1D1D1; cursor: pointer; font-size: 225%; padding: 20px 5px 0; }
#emot_wrap { border: 1px solid #D1D1D1; }
#emot_wrap h3 { border-bottom: 1px solid #D1D1D1; color: #2A1212; font-size: 12px; text-align: center; font-weight: normal; }
#emot_end { display: block; font-weight: 700; padding: 4px 0; text-align: center; }
#pm_folders { border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; 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/28122/87/0/p410584/pmfolder.png) no-repeat 5px; display: list-item; margin-bottom: 4px; padding-left: 28px; }
#pm_forwarded { border: 1px dotted #D1D1D1; color: #999; font-size: 90%; font-style: italic; margin-top: 1em; padding: 3px 5px; }
#ucp_gallery a { color: #2A1212; font-weight: 700; }
.calendar td.cal_inactive { background: #f6f6f6; color: #D1D1D1 !important; }
.calendar div a { font-size: 80%; font-weight: 400; }
.calendar li a, .calendar li span { border-color: transparent; border-style: solid; border-width: 1px; display: block; padding: 3px; }
#cal_current { border: 2px solid #822D2D; border-left-color: #C44040; border-top-color: #C44040; }
div.portal_content { border: 1px solid #D1D1D1; font-size: 88.3%; margin: 0; padding: 5px 7px; }
#portal h2 { font-size: 13px; }
#portal h4 { border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; color: #777; font-size: 88.3%; font-weight: 400; margin: 0; padding: 5px 7px; }
#faq dt a { font-size: 120%; font-weight: 700; }
#faq dd.faq_more a, #faq dl.faq_more a:hover { color: #999; font-style: italic; }
.search_results { background: #FBF7F5; border: 1px solid #D1D1D1; margin-bottom: 1em; padding: 5px 7px; }
.search_results h3 { display: inline; font-size: 125%; }
.search_results cite, .search_results p { color: #777; 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/28122/87/0/p408094/PMtoastBkgd.png) no-repeat; bottom: 10px; color: #EEE; text-shadow: 0 -1px 1px #000; display: none; font-size: 90%; position: fixed; right: 10px; text-align: right; text-decoration: none; width: 210px; height: 150px; z-index: 1; }
#pmtoast span { position: relative; top: 22px; right: 5px; display: block; }
#pmlink { display: block; padding: 10px 10px 10px 55px; text-decoration: none; color: #872715; text-shadow: 0 0; }
#pmlink big { position: relative; right: 30px; width: 170px; color: #EEE; display: block; font-weight: 700; padding-bottom: 5px; font-size: 21px; text-transform: uppercase; }
#pmclose { color: #EEE; display: block; font-size: 80%; padding: 0 10px; position: relative; bottom: 9px; }
.ie #pmclose, .opera #pmclose { bottom: 2px; }
.post_sep { background: url(http://z3.ifrm.com/28122/87/0/p399818/sep.png) repeat-x #7D2613; }
#foot_wrap { margin: 20px 1% 0; }
#foot td { background: none; border: 0; color: #777; font-size: 80%; }
#foot a, #foot a:hover { color: #777; }
#foot #foot_datetime { width: 1%; white-space: nowrap; }
label[for="setskin"] { font-size: 10px; }
#copyright { color: #EEE; font-size: 80%; margin: 5px 0; text-align: center; }
#copyright a { color: #C44040; 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 #B63636; }
#acplogin { background: url(http://z3.ifrm.com/28122/87/0/p401333/acploginBkgd.png) repeat-x; height: 500px; left: 50%; margin: -250px 0 0 -300px; padding: 0; position: absolute; top: 50%; width: 600px; }
#acplogin .c_mark img { display: none; }
#acplogin .c_mark { background: url(http://z3.ifrm.com/28122/87/0/p401341/acpkeys.png) center no-repeat #FBF7F5; min-width: 90px; }
#acplogin table { margin: 25% 18%; width: 416px; }
#acplogin h1 { color: #2A1212; font-weight: 400; height: 50px; margin-bottom: 20px; padding: 40px 45px 0 0; text-align: right; font-size: 24px; }
#acplogin h1 img { display: none; }
a img { border: 0; }
form { display: inline; margin: 0; padding: 0; }
.category h2, .topic h2, #portal h2 { 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 { font-size: 11px; 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; color: #2A1212; }
#submenu a:hover, #pmclose:hover, #pmlink:hover { color: #C44040; }
#main { height: 1%; padding: 5px 1%; }
#nav li img { padding-bottom: 2px; }
.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-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; right: 12px; top: -1px; 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: 175px; }
img.c_user { height: 1px; }
.avatar, img.member { display: block; margin: auto; text-align: center; }
.av_wrap { overflow: hidden; text-align: center; margin: auto; }
td.c_user .usertitle { text-align: center; margin: 3px 0; }
.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: 560px; }
.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; padding: 1px !important; }
td.c_sig, td.c_nosig { height: 1%; vertical-align: top; }
#edit_sig .c_sig { background: #FBF7F5; }
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: 1px; }
.portal_box table { clear: none; }
#portal h2, #portal_foot h2 { clear: none; margin: 0; }
#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 { color: #EEE; }
input, td, th { font-size: 90%; }
button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt { font-weight: 700; }
.meta_box h3, td.c_topicfoot strong, #meta_welcome strong { font-size: 120%; }
img, .meta_box button img, td.c_cat-mark input, .c_post-attachment img, .warn img, #ucp_gallery a img, td.c_postinfo input { 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 { color: #333; }
#blog blockquote { background: none; border: none; font-size: 13px; }
#blog blockquote blockquote { padding: 0; font-size: 100%; }
#blog h1 { background: url(http://z3.ifrm.com/28122/87/0/p400407/NavBkgdHead.png) no-repeat; float: right; padding: 13px 0 13px 20px; }
#blog h1 a { background: url(http://z3.ifrm.com/28122/87/0/p400465/NavBkgdEnd.png) no-repeat right; padding: 5px 10px; text-shadow: 0 2px 2px #FFFFFF; font-size: 18px; }
#blog h1 span { position: relative; right: 9px; }
#blog h2 { clear: none; font-size: 130%; margin-bottom: 30px; }
#blog h2 a { padding-left: 10px; }
#blog_foot { clear: both; margin-bottom: 20px; }
#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, .blog_options { border: 1px solid #D1D1D1; margin: 15px 0; padding: 5px 7px; }
#blog_sidebar h3, #blog_sidebar dt { color: #2A1212; font-weight: 700; font-size: 13px; }
#blog_sub { background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x; border: 1px solid #8B3315; border-width: 0 1px; clear: both; position: relative; padding: 9.5px; text-align: right; box-shadow: 1px 7px 8px #D1D1D1; }
#blog_sub button { margin-left: -5px; padding: 1px 5px; }
#blog_sub a { color: #EEE; text-shadow: 0 -1px 1px #000000; }
#blog_sub span { padding-top: 4px; }
.cornercanvas { display: none !important; }
#blog_sidebar { background: #EFEFEF; float: right; font-size: 93.3%; margin: 20px 10px 0 0; padding: 20px 10px; width: 160px; }
#blog_sidebar dd { margin-left: 10px; }
#blog_user { font-size: 175%; }
#blog table { clear: none; }
.blog_options { font-size: 10px; text-align: right; margin: 10px; }
div.blog_date { color: #2A1212; float: right; font-weight: 700; margin: 0 30px; text-align: center; text-transform: uppercase; }
div.blog_date span { color: #C44040; font-size: 130%; padding-left: 2px; }
div.blog_entry { border: 1px solid #D1D1D1; margin: 10px 0; }
#blog_comments li { padding: 5px 7px; }
#blog_comments li.odd { border: 1px solid #D1D1D1; }
#shoutwrap { background: #fafafa; border: 1px solid #D1D1D1; font-size: 88.3%; }
#shoutwrap td { padding: 0; }
#shoutbox { list-style-type: none; margin: 0; padding: 0; }
#shoutbox li { padding: 5px 7px; font-size: 11px; }
#shoutbox dl, #shoutbox dt, #shoutbox dd { margin: 0; padding: 0; }
#shoutbox dt { color: #777; font-size: 80%; }
#shoutopts, #shoutpost { clear: both; text-align: center; }
#sidebar { min-width: 113px; background: url(http://z3.ifrm.com/28122/87/0/p397996/lamp.png) no-repeat 34px 35px fixed; position: absolute; z-index: 1; margin-top: -20px; }
#sidebar_content { position: fixed; top: 567px; font-size: 9px; text-align: center; }
td, .c_user dl, .meta_box, dl#fast-reply dd, #emot_end, #pm_folders, .meta_menu, .portal_content, blockquote, #blog blockquote blockquote, code, .spoiler, #blog_categories, #blog_readers, #blog_about, #blog_comments li.odd, .notice { background: url(http://z3.ifrm.com/28122/87/0/p399803/gradCell.png) repeat-x bottom #FBF7F5; }
#blog h2, #stats .c_foot, .c_postinfo, .c_username, .c_postfoot td, .c_postfoot, .c_foot, td.c_sort, .c_foot, #emot_wrap h3, #c_postbtn td, .postbtn td, .generic td, .c_head, .cal_div, #faq td[colspan="3"], #pm_compose td[colspan="2"], #add_address td[colspan="2"], #pm_settings_box td[colspan="2"], #pm_folder_add td[colspan="2"], #pm_archiving td[colspan="2"], #tracker_list td[colspan="5"], #board_settings td[colspan="2"], #email_settings td[colspan="2"], #password_change td[colspan="3"], #name_change_req td[colspan="2"], #email_change td[colspan="2"], #security_settings td[colspan="2"], #edit_profile td[colspan="2"], #edit_sig td[align="center"], #photo_settings td[colspan="2"], #blog_settings td[colspan="2"] { background: url(http://z3.ifrm.com/28122/87/0/p399801/grad1.png) repeat-x #FBF7F5; }
#portal h4, th, button, a.btn_fake, .pm_new td, #portal h4, blockquote dl, .spoiler_toggle, .blog_options { background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF; }
td.c_subforum, .c_topicfoot { background: url(http://z3.ifrm.com/28122/87/0/p399816/grad4.png) repeat-x bottom #FBF7F5; }
td.c_sig, td.c_nosig, textarea { background: url(http://z3.ifrm.com/28122/87/0/p399807/corner.png) no-repeat bottom right #FBF7F5; }
#header { background: url(http://z3.ifrm.com/28122/87/0/p399827/BrdrSideTop.png); height: 30px; }
#header_l { background: url(http://z3.ifrm.com/28122/87/0/p399821/BrdrTopL.png); height: 30px; width: 30px; float: left; }
#header_r { background: url(http://z3.ifrm.com/28122/87/0/p399822/BrdrTopR.png); height: 30px; width: 30px; float: right; }
#side_l { background: url(http://z3.ifrm.com/28122/87/0/p399825/BrdrSideL.png) repeat-y left #EFEFEF; }
#side_r { background: url(http://z3.ifrm.com/28122/87/0/p399826/BrdrSideR.png) repeat-y right #EFEFEF; margin-left: 20px; padding-right: 20px; }
#footer { background: url(http://z3.ifrm.com/28122/87/0/p399828/BrdrSideBot.png); height: 30px; }
#footer_l { background: url(http://z3.ifrm.com/28122/87/0/p399823/BrdrBotL.png); height: 30px; width: 30px; float: left; }
#footer_r { background: url(http://z3.ifrm.com/28122/87/0/p399824/BrdrBotR.png); height: 30px; width: 30px; float: right; }
.post-button { background: url(http://z3.ifrm.com/28122/87/0/p408115/PBblank.png); width: 76px; height: 21px; text-align: center; display: inline-block; text-shadow: 1px 1px 1px #FBF7F5; text-transform: lowercase; font-weight: 700; font-size: 12px; }
#header, #side_l, #footer { margin-left: 130px; }
Theme Layout - Code:
-
<!-- TOPMENU --><!-- SUBMENU -->
<div id="wrap">
<div id="sidebar"><div id="sidebar_content"><a href="http://if.invisionfree.com/topic/5119089/"><em>Ye Olde Pub</em></a> by<br /> <a href="http://if.invisionfree.com/profile/273996/">Helena</a> & <a href="http://if.invisionfree.com/profile/32664/">Cory</a> of <a href="http://if.invisionfree.com/">ZN</a></div></div>
<div id="header"> <div id="header_l"></div> <div id="header_r"></div></div> <div id="side_l"><div id="side_r"><!-- HEADER -->
<!-- NAV --><!-- BOARD --> </div></div>
<div id="footer"> <div id="footer_l"></div> <div id="footer_r"></div> </div></div>
<script type="text/javascript" src="http://z3.ifrm.com/108/12/0/p400122/3_piece_stuff.js"></script>
<script type="text/javascript"> //<![CDATA[ $(".profile .c_mark").attr("rowspan", "5"); $("#submenu").appendTo(".sidebar"); $("#submenu a").after("<br />"); $("td.c_sig, td.c_nosig").wrapInner("<div style='min-height: 82px'></div>"); $("#nav li:eq(1)").addClass("nav-first"); $(".cat-pages, .cat-topicpages").wrapInner("<div></div>"); $("#blog_head img").prependTo("#blog_sidebar"); $("#blog h2").append("<div class='post_sep' style='border: 1px solid #D1D1D1; border-width: 1px 0; height: 3px'></div>"); $("input[name='status']").attr("size", "59"); $('#profile_menu a:eq(0)').wrapInner('<span style="position: relative; bottom: 9px"></span>'); $(".profile thead th:not(#profile_menuwrap), .profile tbody th:not(:eq(0))").wrapInner("<div class='h2right' style='margin: -10px'><span style='position: relative; top: 10px'></span></div>"); $("#sbx_archive").parent().prev().prev(".cat-pages").css("margin", "-22px 0").after("<br />").before("<br />"); $("#submenu a:contains(Forum Home)").text("Forums"); $('#side_r').css('min-height', ($('#wrap').height()) + 'px'); $('#sidebar').css('min-height', ($('#wrap').height()) + 'px');
$(window).scroll(function () { if ($(window).scrollTop() >= 15) { $('#sidebar').css('background-position', '34px 10px'); $('#sidebar_content').css('top', '537px'); $('#submenu').css('top', '275px'); } else { $('#sidebar').css('background-position', '34px 35px'); $('#sidebar_content').css('top', '562px'); $('#submenu').css('top', '300px'); } });
if (location.href.match(/search/) && (location.href.match(/c=5/i) || location.href.match(/c=6/i))) { $('#foot_wrap').insertAfter('#main'); $('form[method=post]').appendTo('#main'); $('#footer').appendTo('#main_cell'); $('form:last').insertBefore('form:first').before('<br />').after('<br /><br />'); }
if (location.href.match(/\/calendar\/event\//i) || location.href.match(/\/calendar\/bday\//i)) { $("#cal_event .h2center, .calh2 .h2center").text($("#nav li:last").text()); }
if ($.browser.msie) { $('body').addClass('ie'); } if ($.browser.opera) { $('body').addClass('opera'); }
$(function () { $("#blog h1 a, #pmtoast").wrapInner("<span></span>"); $("#pmlink:contains(messages) big").css({ "right": "30px", "font-size": "11px" }); $("#pmlink:contains(messages)").next().css("bottom", "-60px"); }); //]]> </script>
<img src='http://z3.ifrm.com/28122/87/0/p409398/expand.png' alt='Expand' style='display: none' />
|