M is for Mod
- Posts:
- 18,079
- Group:
- Community Team
- Member
- #95,851
- Joined:
- February 16, 2006
- I'm Browsing With
- Firefox
- Latest Design
- ZetaFresh
- Latest Blog Entry
- http:/support.zathyus.com/blog/main/273996/
|

By: Helena & Cory Date Created: December 2011 Style: Techie sci-fi space inspired theme
Preview: 
Notes: A generic space station-feel version of our popular Halo Wars gaming theme, Structural has been exclusive to ZetaBoards Premium subscribers since its completion. It is now being released for general use. We hope the community enjoys this general release. I'm particularly pleased with the interesting way were were able to style the blog layout and portal pages. And Nemomon should be happy with the visibility enhancement added to the staff tags.  IMPORTANT: for Structural to display in proper alignment, you must install the buttons set provided for this theme. (There is room in the built in submenu to enable up to 4 ZetaBoards webpage links. You will need to keep your titles short, as the button background images are not configured to expand with long text.)
Edit Permissions: I don't generally put edit restrictions on my themes, and simply ask that you add "edited by" information in the copyright. But this one does come with an edit warning. The complicated coding of this highly modified theme can be easily broken if you substitute different sized images, for instance. If you are replacing background or button images, use the exact image dimensions for best results.
For edits beyond text size and color changes, please add an "edited by" notice by placing this snippet at the bottom of your Theme Layout with your information inserted in place of the capitalized text:
- Code:
-
<script type="text/javascript"> $('#copyright').prepend('Modified for YOURBOARDNAME by YOURNAME<br />'); </script>
Graphics: Preview via this HTML Image Macros page: http://b2.ifrm.com/28122/87/0/p713716/ImageMacrosStructural.html Copy/paste the codes to your Theme Images page, or use the quick developer tool transfer method linked on the page. Images will remain permanently hosted. Note: if using the Cheshire Emoticon system, make sure the colons (:) are removed from any alt texts on your images page. Specifically for the attachment and clock icons. Otherwise, the emoticon base image will appear as their background.
Blank banner: http://b2.ifrm.com/28122/87/0/p713718/blankbannerStructural.png Banner PSD: http://b2.ifrm.com/28122/87/0/p713717/StructuralBanner.psd
Team icons: Team icon PSD: http://b2.ifrm.com/28122/87/0/p713721/TeamIconStructural.psd
Theme Settings: AdminCP > Themes > Choose Theme > Theme Settings Replace the Structural banner URL with the hosted URL for your own banner:
- Code:
-
<img src="YOUR BANNER URL" alt="YOUR BOARD NAME" />
Theme Appearance; AdminCP > Themes > Choose Theme > Theme Appearance
CSS - Code:
-
html, body { background: url(http://z3.ifrm.com/28122/87/0/p427359/StarTile.png) fixed #000; color: #52646E; font-family: "Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 93.3%; margin: 0; padding: 0; }
td.c_post table tbody td, td.c_post table tbody th, div.search_results table tbody td, div.search_results table tbody th, #blog blockquote table tbody td, #blog blockquote table tbody th, td.c_sig table tbody td, td.c_sig table tbody th, #topic_review table tbody td, #topic_review table tbody th, #c_post-preview table tbody td, #c_post-preview table tbody th { background: #141C21; }
td.c_post .h2center, div.search_results .h2center, #blog blockquote .h2center, td.c_sig .h2center, #topic_review .h2center, #c_post-preview .h2center { font-size: 11px; }
#c_post-preview .h2wrap { margin: 0 -5px -5px !important; }
a { color: #558A97; text-decoration: none; } a:hover { color: #E2B043; text-decoration: none; } hr { height: 1px; border: 0; border-bottom: 1px dotted #29353B; width: 99%; } table { border-collapse: collapse; border-spacing: 0; clear: both; empty-cells: show; width: 100%; } th { background: #0F1315; color: #155A7A; font-weight: 400; padding: 3px 5px; text-align: left; } td { background: #0F1315; padding: 5px 10px; }
th a, th a:hover { font-weight: 700; } h1 { font-size: 200%; } h2, h3 { font-size: 100%; }
thead td, thead th { padding: 0; background: inherit; border-width: 0; }
.h2wrap, #blog_sub { background: url(http://z3.ifrm.com/28122/87/0/p427476/H2Expand.png) repeat-x; margin: 0 !important; }
.h2left, #blog_sub div.foot_left { background: url(http://z3.ifrm.com/28122/87/0/p427475/H2Start.png) no-repeat; }
.h2mid { background: url(http://z3.ifrm.com/28122/87/0/p427477/H2Mid.png) center top no-repeat; height: 46px; }
#portal_l .h2wrap, #portal_r .h2wrap, #portal_l .h2right, #portal_r .h2left { background-image: url(http://z3.ifrm.com/28122/87/0/p427540/H2ExpandPlain.png); }
#portal_news div.first .h2left, #portal_news div.first .h2right, blockquote dl, div.spoiler_toggle { background-image: url(http://z3.ifrm.com/28122/87/0/p427476/H2Expand.png); }
#portal_l .h2left { background-image: url(http://z3.ifrm.com/28122/87/0/p427539/H2StartPlain.png); }
#portal_r .h2right { background-image: url(http://z3.ifrm.com/28122/87/0/p427541/H2EndPlain.png); }
#portal_l .h2mid, #portal_r .h2mid { background: none; height: 29px; }
#portal_l .h2center, #portal_r .h2center { padding: 7px 0 0; }
.h2center { font-size: 13px; padding: 19px 0 0; text-align: center; text-shadow: 0 1px 1px #000; text-transform: uppercase; }
div.category .h2center { padding-left: 24px; }
.h2center, .h2center a { color: #E2B043; }
.h2right, blockquote div.foot_right, #single_post blockquote div.foot_right, #blog_sub div.foot_right, div.spoiler_toggle div.foot_right, #single_post div.spoiler_toggle div.foot_right { background: url(http://z3.ifrm.com/28122/87/0/p427478/H2End.png) no-repeat right top; }
#blog .h2wrap, #blog .h2left, #blog .h2right, #blog .h2mid { padding: 0; border-radius: 0 0; -moz-border-radius: 0 0; -webkit-border-radius: 0 0; }
#blog .h2center { background: none; }
div.search_results div[class*="h2"] { margin: 0; }
table.search_results_post div.old .h2mid { height: 21px; }
table.search_results_post div.old .h2center { color: #155A7A; font-size: 125%; text-transform: none; text-shadow: 0 0; text-align: left; padding: 5px 0 0 7px; }
thead th { padding: 5px; text-align: center; } input, select, textarea, button, a.btn_fake { background: #141C21; border: 0; padding: 3px 5px; vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #52646E; outline: none; }
body.webkit select { background: #141C21; }
body.ie code { white-space: normal; }
#search_form select[multiple] { height: 125px; }
textarea { font-family: "Verdana", sans-serif; font-size: 100%; margin: auto; width: 98%; min-height: 100px; } input:focus, input.focus, textarea:focus, textarea.focus { border-color: #155A7A; } .submit_error { background: #141C21; border: 1px dotted #EC9909; margin: 0 15px; padding: 5px; } button, a.btn_fake { cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; overflow: visible; width: auto; } button.btn_text { background: none; border: 0; cursor: pointer; font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size: 100%; } dl.notice { background: url(http://z3.ifrm.com/28122/87/0/p427552/DottedH.png) left bottom repeat-x; margin: 10px auto; width: 70%; text-align: center; } dl.notice dt { font-weight: 700; color: #E2B043; text-transform: uppercase; } dl.notice dd { font-style: italic; margin: 0; padding: 5px; } #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; }
table.calendar ul { clear: both; } #profile_menuwrap ul, ul.cat-topicpages, blockquote dl, #fast-reply dd, table.calendar ul, .drop_menu { 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/28122/87/0/p427606/TopBkgdMid.png) repeat-x; }
#menu_ucp { margin-right: 5px; }
#top_left { background: url(http://z3.ifrm.com/28122/87/0/p427605/TopBkgdStart.png) 0 3px no-repeat; }
#top_right { background: url(http://z3.ifrm.com/28122/87/0/p427607/TopBkgdEnd.png) right top no-repeat; height: 61px; padding-top: 11px; font-size: 11px; }
#top_info { color: #52646E; float: left; margin-top: -5px; font-size: 12px; font-weight: 700; }
#top_info a[onclick*="secure"] { position: relative; top: 9px !important; font-weight: 400; }
#top_info a[href*="login"], #top_info a[href*="register"] { position: relative; top: 24px; font-weight: 400; }
#top_menu { float: right; margin-top: 0; margin-right: -13px; } .drop_menu li { float: left; margin-right: 1px; text-align: center; } .drop_menu a { display: block; padding: 4px .25em; position: relative; width: 8.9em; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.drop_menu ul { color: #fff; left: -999em; margin: 0; position: absolute; width: 9.4em; z-index: 1; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .drop_menu ul li { font-size: 85%; margin: 0; padding: 0; width: 100%; } .drop_menu ul li a { display: block; padding: 4px 5%; width: 90%; } #logo { border-bottom: 0; clear: both; height: 291px; margin-top: -9px; background: url(http://z3.ifrm.com/28122/87/0/p430325/TopBkgd.png) repeat-x; }
#logo img { margin-top: 22px; }
#submenu { font-size: 85%; text-align: center; position: relative; margin: -213px -8px 0 0; float: right; }
#submenu a { background: url(http://z3.ifrm.com/28122/87/0/p427517/SubmenuButton.png) no-repeat; display: inline-block; width: 103px; height: 20px; padding-top: 3px; font-size: 11px; }
#submenu a:hover { background-image: url(http://z3.ifrm.com/28122/87/0/p427521/SubmenuButtonHov.png); }
#wrap { background: url(http://z3.ifrm.com/28122/87/0/p431289/BorderLeftGrid.png) repeat-y; padding-left: 80px; margin: 0 50px; }
#right { background: url(http://z3.ifrm.com/28122/87/0/p431290/BorderRtGrid.png) repeat-y right top; padding-right: 80px; }
#wrap, #right { min-height: 850px; }
#nav { color: #155A7A; height: 1%; padding: 10px 1%; margin-top: 10px !important; position: relative; } div.meta_box { background: url(http://z3.ifrm.com/28122/87/0/p428760/PipeHoriz.png) repeat-x; font-size: 85%; line-height: 150%; padding: 10px 25px; margin: 10px 0; }
div.meta_box h3 { color: #155A7A; }
div.meta_menu { background: #0F1315; padding: 0; width: 50%; margin: 10px 0 40px; text-align: center; }
.meta_menu h3 { clear: both; font-size: 100%; font-weight: 400; text-align: center; text-shadow: 0 1px 1px #000; color: #E2B043; text-transform: uppercase; padding: 0; } .meta_menu a { background: url(http://z3.ifrm.com/28122/87/0/p427643/SubmenuButtonLong.png) no-repeat; display: block; width: 135px; height: 21px; text-align: center; font-size: 11px; padding-top: 3px; }
.meta_menu a:hover { background: url(http://z3.ifrm.com/28122/87/0/p427644/SubmenuButtonLongHov.png) no-repeat; }
ul.cat-pages { float: left; font-size: 90%; margin: 25px 15px 0; padding: 5px 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; } .cat-pages a, .cat-pagesjump i, .cat-topicpages a { cursor: pointer; padding: 2px 5px; } .cat-pages span { cursor: default; font-weight: 700; padding: 2px 5px; } .cat-pages input { 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; text-align: center; } td.c_head, td.c_sort { 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; } tr.pm_new td { font-weight: 700; } .bday { background: url(http://z3.ifrm.com/28122/87/0/p428230/minibday.png) no-repeat; color: #425384; font-size: 90%; font-weight: 700; height: 16px; padding: 2px 2px 2px 18px; width: 20px; } .c_mark { text-align: center; width: 1%; }
.c_mark img { display: block; margin: auto; margin: 0 0 0 -18px }
tr.forum td.c_mark { vertical-align: top; }
tr.forum td.c_mark img, tr.redirect td.c_mark img { margin-top: -30px; }
div[id*="cat"] td.c_mark { vertical-align: top; padding-top: 40px; }
td.c_forum { font-size: 80%; width: 60%; vertical-align: top; }
td.c_forum strong { font-weight: 700; }
td.c_forum strong a { font-size: 12px; color: #155A7A; display: block; background: #141C21; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 5px -68px; text-transform: uppercase; text-shadow: -1px -1px 2px #000; }
span.big-cap { font-size: 135%; }
tr.redirect td.c_last { vertical-align: top; }
td.c_last { font-size: 85%; height: 1%; } .c_forum-desc { color: #333; font-size: 85%; } .c_last-title { background: url(http://z3.ifrm.com/28122/87/0/p428397/last.png) no-repeat left; display: block; line-height: 16px; padding-left: 10px; } td.c_info-v, td.c_info-t, td.c_info-r { font-size: 80%; padding: 5px; text-align: center; vertical-align: top; } td.c_subforum { font-size: 80%; font-style: italic; } .cat_head td { border: 0; padding: 0; } .description { font-size: 85%; } td#stats_events a, td#stats_events span { background: url(http://z3.ifrm.com/28122/87/0/p431315/miniCal.png) no-repeat 2px; padding: 4px 0 4px 20px; } td.c_username { 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 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 5px; 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 a { width: 160px; padding: 2px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 10px; }
#profile_menu ul a { background: #141C21; border-radius: 0 0; -moz-border-radius: 0 0; -webkit-border-radius: 0 0; padding: 4px 7px; }
a.drophover { background: #141C21 !important; border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; }
#profile_menu ul li:last-child a { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
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/p427924/pollbar.png) right; float: left; height: 11px; padding-right: 3px; } td.c_poll-bar span { background: url(http://z3.ifrm.com/28122/87/0/p427925/pollstart.png) no-repeat; display: block; float: left; height: 11px; width: 3px; } .editby, .queued { color: #155A7A; font-size: 85%; font-style: italic; margin-top: 1em; padding: 3px 5px; }
tr.hidden td.c_post { border-top: 1px dotted #E2B043; border-bottom: 1px dotted #E2B043; }
.queued { color: #E2B043; }
blockquote, #blog blockquote blockquote { margin: 10px auto; padding-bottom: 1px; width: 98%; } blockquote dl dt { float: left; font-weight: 700; padding: 24px 0 0 30px; } code { display: block; font-family: Monaco, Consolas, "Courier New", Courier, monospace; white-space:pre-wrap; max-height: 400px; overflow: auto; background-color: #12191E !important; }
td.c_post img, #topic_review img, #blog img { max-width: 500px; }
div.spoiler { border-top: 0; padding: 5px 7px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } div.spoiler_toggle { cursor: pointer; font-weight: 700; } td.c_postinfo { color: #52646E; font-size: 80%; vertical-align: middle; } td.c_sig { font-size: 80%; background-color: #0F1315 !important; } tr.c_postfoot td, td.c_postfoot { clear: both; } td.c_username { width: 195px; }
td.c_postinfo { color: #475C67 !important; }
.c_next a { display: block; font-size: 125%; font-weight: 700; text-align: center; } td.c_view { color: #777; } div.c_view-list { color: #52646E; font-size: 92.5%; } dl#fast-reply dd { background: #0F1315; padding: 15px 0; text-align: center; } #c_post-preview { margin: 0 auto 10px; padding: 5px; text-align: left; width: 98%; } #c_post-resize span { color: #155A7A; cursor: pointer; font-size: 225%; padding: 20px 5px 0; }
#emot_wrap { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#emot_wrap td, input.row1 { background: none; }
#emot_wrap h3 { font-size: 120%; text-align: center; } #emot_end { display: block; font-weight: 700; padding: 4px 0; text-align: center; } #pm_folders { 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/p428409/pmfolder.png) no-repeat 5px; display: list-item; margin-bottom: 4px; padding-left: 28px; } #pm_forwarded { border: 1px dotted #e7e7e7; color: #52646E; font-size: 90%; font-style: italic; margin-top: 1em; padding: 3px 5px; } #ucp_gallery a { font-weight: 700; }
#cal_current-inner { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: none; height: 122px; margin: 0 0 10px 10px; padding-top: 3px; }
table.calendar td:last-child #cal_current-inner { margin: 0 10px 10px 0; }
td.cal_inactive { color: #29353B; }
div.cal_div { margin-left: 10px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; min-width: 15px; text-align: center; }
#cal_current div.cal_div { margin: 0; }
.calendar td div { font-weight: 700; } .calendar div a { font-size: 80%; font-weight: 400; }
div.cal_div a { background: url(http://z3.ifrm.com/28122/87/0/p428230/minibday.png) no-repeat 5px; padding: 0 0 0 24px; }
.calendar li a, .calendar li span { border-color: transparent; border-style: solid; border-width: 1px; display: block; padding: 3px; }
div.portal_content { background: #0F1315; font-size: 88.3%; margin: 0; padding: 5px 7px; } #portal h2 { font-size: 88.3%; } #portal h4 { font-size: 88.3%; font-weight: 400; margin: 0; padding: 5px 7px; } #faq dt a { color: #155A7A; font-size: 120%; font-weight: 700; } #faq dd.faq_more a, #faq dl.faq_more a:hover { font-style: italic; } div.search_results { background: #0F1315; padding: 15px 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: #155A7A; font-size: 200%; font-weight: 700; vertical-align: top; } #pmtoast { background: url(http://z3.ifrm.com/28122/87/0/p430296/pmtoastBkgd.png) no-repeat; display: none; font-size: 90%; position: fixed; bottom: 10px; right: 52px; text-align: right; text-decoration: none; z-index: 1; padding: 25px 50px 0 0; width: 200px; height: 129px; text-shadow: -1px -1px 2px #000000; } #pmlink { display: block; padding: 10px 10px 10px 55px; text-decoration: none; } #pmlink big { color: #E2B043; text-transform: uppercase; display: block; padding-bottom: 5px; } #pmclose { display: block; font-size: 80%; } #foot_wrap { margin: 20px 1px 20px 0; }
#foot { margin-top: 1em; }
#foot td { background: none; border: 0; font-size: 80%; } #foot #foot_datetime { width: 1%; white-space: nowrap; } #copyright { font-size: 80%; text-align: center; padding-top: 10px; position: relative; bottom: 10px; } #copyright a { font-weight: 700; } #c_tos h3 { font-size: 120%; } input.username_ok { background-image: url(http://z3.ifrm.com/28122/87/0/p429125/DottedHgreen.png); } input.username_no { background-image: url(http://z3.ifrm.com/28122/87/0/p429124/DottedHred.png); } #acplogin { background: url(http://z3.ifrm.com/28122/87/0/p430501/acpBkgdFade.png) no-repeat; height: 332px; left: 15%; padding: 0; position: absolute; top: 25%; width: 700px; }
#acplogin table { margin: 100px 0 0 220px; width: 50%; }
#acplogin th { border: 0; font-weight: 700; color: #155A7A; }
#acplogin td { background: none; } #acplogin h1, #acplogin td.c_mark img { display: none; } 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; background: none; } select { margin: 0 7px; padding: 0; vertical-align: bottom; } option { margin: 2px 0; } button.btn_img { border: 0; cursor: pointer; padding: 0; } .drop_menu a img { vertical-align: bottom; } .drop_menu li:hover ul, .drop_menu li.hover ul { left: auto; } #main { height: 1%; } .meta_box li { display: list-item; list-style-position: inside; list-style-type: square; margin-left: 10px; } div.meta_menu ul { font-size: 90%; margin: 5px 5%; display: inline-block; }
#pm_settings ul, #pm_messages ul { margin: 15px 5% 0; }
div.meta_menu img, div.meta_menu span { display: inline-block; margin-top: -115px; }
#pm_settings img, #pm_messages img { margin: -75px 0 -15px; }
.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; } div.category, form.exclusivebutton[name="posting"] + div.topic { margin: 50px 0 0; } span.collapse, span.uncollapse { cursor: pointer; float: right; position: relative; margin: 4px -9px 0 0; }
.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; }
table.profile img.member { margin: 0 0 0 27px; }
.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; color: #52646E; } td.c_post ul { list-style-type: square; margin-left: 10px; } .c_post-attachment { font-size: 83.3%; margin-top: 1em; padding: 1em; } .c_post-attachment dd { margin-left: 1em; } th.post_sep { font-size: 1px; border: 0; } td.c_sig, td.c_nosig { height: 1%; vertical-align: top; } td.c_nosig { display: none; } blockquote dl dd { padding: 21px 10px 0; } blockquote dl + div, blockquote code { margin: 0; padding: 5px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } dl#fast-reply { clear: both; margin: auto; } 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_datesent { width: 200px; } #pm_select { text-align: center; width: 1px; }
#conversation { margin: 0 !important; }
#conversation .c_post { padding: 2em; } #ucp_profile, #pm_messages { float: right; } #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 #cal_current div.cal_div { padding-top: 3px; color: #E2B043; } #portal_l, #portal_r { font-size: 88.3%; margin: -1px 0 0 0; padding: 0; } #portal_l { float: left; width: 200px; } #portal_r { float: right; width: 150px; } #portal_news { margin: 0 149px 0 199px; }
#portal_news { background: url(http://z3.ifrm.com/28122/87/0/p427661/BorderLeftPipe.png) repeat-y; padding-left: 10px !important; }
#portal_news-div { background: url(http://z3.ifrm.com/28122/87/0/p427661/BorderLeftPipe.png) right top repeat-y; padding-right: 10px; }
#portal_news div.first { margin: -18px -12px 0 !important; }
#portal_news div.last { margin: 0 -11px -11px; }
#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_news div.portal_box { margin: 0 -1px 40px; }
.portal_box table { clear: none; } #portal h2, #portal_foot h2 { clear: none; margin: 0; padding: 3px 5px; } #faq { margin: 20px 0; } #faq dl { padding: 1em; } #faq dt { margin-bottom: 5px; } #faq dd { display: list-item; margin: 0 0 3px 15px; padding-left: 3px; } .search_results div { display: block; margin: 5px 0; }
div.search_results blockquote div { margin: 0; }
div.search_results div.foot_wrap { margin: 5px -7px -20px; }
#acplogin #loginform { display: block; padding: 0 50px; } input, select, td, th { font-size: 90%; } button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt { font-weight: 700; }
#nav li:first-child img { margin: 0 0 -5px -15px; }
.meta_box h3, td.c_topicfoot strong, #meta_welcome strong { font-size: 120%; }
td.c_topicfoot { background: none; } 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 { margin: 130px 0 10px; }
#blog h1 { color: #E2B043; text-transform: uppercase; font-size: 11px; position: relative; bottom: 20px; }
#blog h1 a { color: #E2B043; text-shadow: 0 1px 1px #000; }
#blog h2 a { position: relative; top: 40px; font-size: 15px; }
#blog blockquote { background: none; border: none; font-size: 85%; padding: 10px 10px 0; clear: left; } #blog blockquote blockquote { padding: 0; font-size: 100%; } #blog h2 { background: none; clear: none; font-size: 130%; padding: 0; margin: -5px -7px 30px; } #blog_foot { clear: both; margin-bottom: 20px; } #blog_head { padding: 10px 14px; } #blog_head img.member { display: inline; } #blog_head:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }
#blog canvas { display: none !important; }
#blog_main { background: url(http://z3.ifrm.com/28122/87/0/p427661/BorderLeftPipe.png) repeat-y right top; margin: 0 180px 0 0; padding: 20px 10px 20px 0; }
div.blog_options + div.foot_wrap, #blog_comments + div.foot_wrap, #blog blockquote + div.foot_wrap { margin: 0 -7px -5px -7px; }
#blog_categories div.foot_wrap, #blog_about div.foot_wrap, #blog_readers div.foot_wrap { margin: 5px -7px -5px; }
#blog_about { margin-bottom: 50px !important; }
#blog_categories div.foot_right, #blog_readers div.foot_right, #blog_about div.foot_right { font-size: 11px; text-align: center; text-transform: uppercase; }
#blog_categories, #blog_readers, #blog_about, div.blog_options { background: #0F1315; margin: 15px 0; padding: 5px 7px; } #blog_sidebar h3, #blog_sidebar dt { color: #155A7A; font-weight: 700; margin: -5px -7px 5px; padding: 0; }
div.blog_entry + a { left: 10px; position: relative; top: 5px; }
#blog_sub { clear: both; position: relative; text-align: center; font-size: 11px; }
#blog_sub input { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; height: 14px; }
#blog_sub button { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; margin-left: -3px; }
#blog_sub span, #blog_sub form { position: relative; z-index: 1; }
#blog_sub form { float: right; }
#blog_sub div.foot_right { padding: 0; height: 46px; }
#blog_sub div.h2mid { padding: 20px 15px 0; }
#blog_sub span { padding-top: 4px; } #blog_sidebar { float: right; font-size: 93.3%; width: 180px; } #blog_sidebar dd { margin-left: 10px; } #blog_user { background: url(http://z3.ifrm.com/28122/87/0/p428938/blogAvBk.png) no-repeat; font-size: 175%; height: 154px; width: 190px; margin: 10px; }
#blog_user img { position: relative; top: 30px; left: 27px; }
#blog #blog_user img.member { margin: 0; }
#blog_user div, #blog_user img { min-width: 100px; min-height: 100px; max-width: 100px !important; max-height: 100px !important; }
table.profile td.c_mark { padding: 0; }
table.profile #blog_user { margin: 10px -20px 0 0; }
table.profile #blog_user img { left: 0; }
#blog table { clear: none; } div.blog_options { font-size: 11px; text-align: right; margin: 0; background: none; } div.blog_date { background: url(http://z3.ifrm.com/28122/87/0/p428947/BlogDateBk.png) no-repeat; float: left; margin: 0 15px; text-align: center; text-transform: uppercase; width: 68px; height: 38px; margin: 30px 0 0 -15px; font-size: 13px; color: #155A7A; padding: 6px 0 0 8px; text-shadow: -1px -1px 2px #000; font-weight: 700; } div.blog_date span { display: block; color: #E2B043; font-weight: 400; margin-top: -1px; } div.blog_entry { background: #0F1315; margin: 50px 0 0; padding: 5px 7px; }
div.blog_entry:first-child { margin-top: -20px; }
div.blog_entry:first-child div.blog_date { margin-top: 0; }
div.blog_entry:first-child h2 a { top: 13px !important; }
div.blog_entry:first-child h2, div.blog_entry:first-child h2 div.foot_left, div.blog_entry:first-child h2 div.foot_right { background: none !important; }
#blog_comments li { padding: 5px 7px; } #shoutwrap { font-size: 88.3%; } #shoutwrap td { padding: 0; } #shoutbox { list-style-type: none; margin: 0; padding: 0; } #shoutbox li { padding: 5px 7px; } #shoutbox dl, #shoutbox dt, #shoutbox dd { margin: 0; padding: 0; } #shoutbox dt { font-size: 80%; } #shoutopts, #shoutpost { clear: both; text-align: center; }
#c_bbcode button, #security_settings input[name="question"] { margin-bottom: 5px; }
form.exclusivebutton + div.topic, #avatar_editor, #blog_cat_edit, #portal_foot, #c_notes button { margin-top: 10px; }
#edit_sig { margin-top: 30px; }
#quick_pm_compose, #notepad, #avatar_editor, #add_address, #pm_folder_editing, #pm_quick_reply, #rcp_post + #rcp_post, #rcp_pm + #rcp_pm, #rcp_action_options, #rcp_pm_list, #subscriptions, #ucp_splash + table.ucp { margin-top: 40px; }
div.portal_box, { margin-bottom: 40px; }
#quick_pm_compose #quickcompose, #notepad textarea, #edit_sig textarea { width: 90%; display: block; }
#notepad textarea { margin-top: 10px; }
#forum_footer, form[class="exclusivebutton"] + table, #trash_footer, #cal_end { margin-top: -1px; }
td.c_last div, tr.c_info div { background: #141C21; }
td.c_last div, tr.c_info div { padding: 5px; }
td.c_info-t div { margin: 0 -10px 0 0; border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; }
td.c_info-v + td.c_info-t div { margin: 0 -10px; border-radius: 0 0; -moz-border-radius: 0 0; -webkit-border-radius: 0 0; }
td.c_last div { margin: 0 -5px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
td.c_info-r div { border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; margin-left: -5px; }
td.c_info-v div, td.c_info-t div, td.c_info-r div { margin-top: -10px !important; }
td.c_info-v div, td.c_info-v div { border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; }
#stats td.c_foot { background: url(http://z3.ifrm.com/28122/87/0/p427540/H2ExpandPlain.png) repeat-x !important; }
div[id*="cat"] td.c_foot, #sbx td.c_foot, #portal_stats td.c_foot { background: url(http://z3.ifrm.com/28122/87/0/p427481/FootMid.png) repeat-x !important; }
#shoutxss + div.topic { clear: both; }
table.profile th.l { color: #E2B043; font-size: 90% !important; }
#profile_menuwrap, table.profile th.l, td.c_sort, #announcement_list th, #single_post td.c_topicfoot, #single_post blockquote div.foot_right, #single_post div.spoiler_toggle div.foot_right { padding: 0; }
#profile_menuwrap div.foot_left { height: 15px; padding: 7px 10px !important; }
td.c_foot, div.foot_wrap, #announcement_list td.c_foot, th.post_sep, #blogroll td.c_foot { background: url(http://z3.ifrm.com/28122/87/0/p427481/FootMid.png) repeat-x; padding: 0; }
div.foot_left, #single_post blockquote div.foot_left, #single_post div.spoiler_toggle div.foot_left, #announcement_list td.c_foot div.foot_left, th.post_sep div.foot_left, #blogroll div.foot_left { background: url(http://z3.ifrm.com/28122/87/0/p427480/FootStart.png) no-repeat; }
div.foot_right, #announcement_list td.c_foot div.foot_right, th.post_sep div.foot_right, #blogroll div.foot_right { background: url(http://z3.ifrm.com/28122/87/0/p427482/FootEnd.png) right top no-repeat; height: 14px; padding: 0; }
#topic_viewer td.c_foot, #forum_footer td.c_sort, div.meta_menu h3, #announcement_list th, dl.notice dt, #profile_menuwrap, table.profile th.l, #blog h2, #blog_categories dt, #blog_readers h3, #blog_about h3, #stats td.c_foot, #pm_inbox td.c_foot, table.posts td.c_foot, #active_list td.c_foot, table.main_member_list td.c_foot, #single_post td.c_topicfoot, #avatar_gallery_sys td.c_foot, #subscriptions td.c_foot, #ucp_splash + table.ucp td.c_foot { background: url(http://z3.ifrm.com/28122/87/0/p427540/H2ExpandPlain.png) repeat-x; font-size: 80%; }
table.posts div.foot_left, #topic_viewer td.c_foot div.foot_left, #forum_footer td.c_sort div.foot_left, div.meta_menu h3 div.foot_left, #announcement_list th div.foot_left, dl.notice dt div.foot_left, #profile_menuwrap div.foot_left, #blog h2 div.foot_left, #blog_categories dt div.foot_left, #blog_readers h3 div.foot_left, #blog_about h3 div.foot_left, #stats div.foot_left, #pm_inbox div.foot_left, table.post div.foot_left, #active_list div.foot_left, table.main_member_list div.foot_left, #single_post div.foot_left, #avatar_gallery_sys div.foot_left, #subscriptions div.foot_left, #ucp_splash + table.ucp div.foot_left { background: url(http://z3.ifrm.com/28122/87/0/p427539/H2StartPlain.png) no-repeat; padding: 0; }
table.posts div.foot_right, #topic_viewer td.c_foot div.foot_right, #forum_footer td.c_sort div.foot_right, div.meta_menu h3 div.foot_right, #announcement_list th div.foot_right, dl.notice dt div.foot_right, table.profile th.l div.foot_right, #blog h2 div.foot_right, #blog_categories dt div.foot_right, #blog_readers h3 div.foot_right, #blog_about h3 div.foot_right, #stats div.foot_right, #pm_inbox div.foot_right, table.post div.foot_right, #active_list div.foot_right, table.main_member_list div.foot_right, #single_post div.foot_right, #avatar_gallery_sys div.foot_right, #subscriptions div.foot_right, #ucp_splash + table.ucp div.foot_right { background: url(http://z3.ifrm.com/28122/87/0/p427541/H2EndPlain.png) right top no-repeat; height: 15px; padding: 7px 10px; }
#pm_settings div.foot_wrap { margin-top: 15px; }
#pm_messages { height: 178px; }
#pm_messages div.foot_wrap { margin-top: 15px; }
td.c_sig { background: url(http://z3.ifrm.com/28122/87/0/p427552/DottedH.png) repeat-x; }
input, select, button, a.btn_fake, td.c_user dl, td.c_last div, td.c_forum strong a, #emot_wrap, tr.pm_new td, ul.cat-pages, blockquote div, blockquote code, div.spoiler, #cal_current-inner, table.calendar div.cal_div, #profile_menu a { background: url(http://z3.ifrm.com/28122/87/0/p427552/DottedH.png) left bottom repeat-x #141C21; }
td.c_forum strong a:hover, input:focus, input.focus, button:hover, a.btn_fake:hover { background-image: url(http://z3.ifrm.com/28122/87/0/p430310/DottedHhover.png); }
td.c_post table tbody tr:last-child td, #c_post-preview table tbody tr:last-child td, div.search_results table tbody tr:last-child td, #blog blockquote table tbody tr:last-child td, td.c_sig table tbody tr:last-child td, #topic_review table tbody tr:last-child td, #profile_menu ul li:last-child a { background: url(http://z3.ifrm.com/28122/87/0/p427552/DottedH.png) left bottom repeat-x #141C21; }
#outer { background-color: transparent; }
td.c_info-v + td.c_info-t div, td.c_info-r div { background: url(http://z3.ifrm.com/28122/87/0/p427553/DottedV.png) repeat-y #141C21; }
#c_postbtn button { margin-top: -3px; }
#sig_box td.c_sig, #edit_sig #c_post, #address_book th, table.posts th, #portal h4 { background: url(http://z3.ifrm.com/28122/87/0/p427552/DottedH.png) left bottom repeat-x #0F1315; }
div.latest div.portal_content { background: url(http://z3.ifrm.com/28122/87/0/p429250/DottedVportal.png) left bottom repeat-x; }
tr.pm_new td:first-child { border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
select[name="font"], select[name="fcolor"] { margin: 0 7px 5px; }
div.category.first { margin: 0; }
body.index div.category td, body.index #stats th, div.blog_entry, #blog_categories, #blog_readers, #blog_about, div.portal_content, #portal td, #portal_foot td, #portal h4 { background: url(http://z3.ifrm.com/28122/87/0/p427898/BkTransDark.png); }
span.post_button { background: url(http://z3.ifrm.com/28122/87/0/p428279/PostButtonBkgd.png) no-repeat; display: inline-block; height: 23px; padding-top: 10px; text-align: center; width: 69px; font-size: 11px; position: relative; top: 15px; }
td.c_footicons span.post_button { top: 16px; }
#member_list_full span.post_button, #forum_leaders_global span.post_button, #conversation span.post_button { background-image: url(http://z3.ifrm.com/28122/87/0/p428510/PBbkgdMembList.png); height: 33px; margin-right: -20px; padding-right: 18px; top: 0; line-height: 1.2; }
#conversation span.post_button, #forum_leaders_global span.post_button { margin-right: -17px; line-height: 1; }
#forum_leaders_global td[align="center"] + td[align="center"] { text-align: right; }
div.topic-buttons, div.cat-buttons { margin-right: -5px; }
div.pip img:first-child { margin-right: -3px; }
table.ucp div.pip img:first-child { margin-right: -4px; }
span.multi_quote.mquote_off img, span.multi_quote.mquote_on img { margin-bottom:-30px; }
#cal_end + div.cat-buttons a:first-child img, .poll, #portal_head { margin-bottom: 10px; }
table.search_results_post { margin-bottom: -16px; }
form[action*="comm"] > strong { display: block; margin: 0 10px; }
blockquote div.foot_left, #single_post blockquote div.foot_left { background-image: url(http://z3.ifrm.com/28122/87/0/p430503/H2Quote.png); }
blockquote.code_block div.foot_left, #single_post blockquote.code_block div.foot_left { background-image: url(http://z3.ifrm.com/28122/87/0/p430502/H2Code.png); }
blockquote.stafftag div.foot_left, #single_post blockquote.stafftag div.foot_left { background-image: url( http://z3.ifrm.com/28122/87/0/p434748/H2Staff.png); }
blockquote.stafftag dt { color: #E2B043; }
blockquote.stafftag dt strong { font-weight: 400; }
div.spoiler_toggle div.foot_left, #single_post div.spoiler_toggle div.foot_left { background-image: url(http://z3.ifrm.com/28122/87/0/p430504/H2Spoiler.png); }
blockquote div.foot_right, #single_post blockquote div.foot_right { height: 46px; }
div.spoiler_toggle div.foot_right, #single_post div.spoiler_toggle div.foot_right { height: 3px; padding: 23px 20px 20px 30px; }
blockquote dl dt, blockquote dl dd, div.spoiler_toggle div.foot_right { font-size: 12px; }
#trash_footer td.c_sort { padding: 5px 10px; }
td.c_post table tbody tr:last-child td:first-child, #c_post-preview table tbody tr:last-child td:first-child, div.search_results table tbody tr:last-child td:first-child, #blog blockquote table tbody tr:last-child td:first-child, td.c_sig table tbody tr:last-child td:first-child, #topic_review table tbody tr:last-child td:first-child { border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; }
td.c_post table tbody tr:last-child td:last-child, #c_post-preview table tbody tr:last-child td:last-child, div.search_results table tbody tr:last-child td:last-child, #blog blockquote table tbody tr:last-child td:last-child, td.c_sig table tbody tr:last-child td:last-child, #topic_review table tbody tr:last-child td:last-child { border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; }
#welcome_box { font-weight: 700; }
#error_box td, table.poll th, table.poll td, #cal_current div.cal_div, td.cal_inactive div.cal_div, #welcome_box td, td.c_next, table.search_results td { background: none; }
#pm_inbox th, table.calendar tbody tr, table.profile + table.profile thead th, #sig_box td.c_sig, #edit_sig td.c_sig, #address_book th, #blogroll th, #trashcan th, #inlinetopic th, table.search_results_post div.old, table.search_results_post div.old div, #queued_topics th, tr.pm_new { background: #0F1315 !important; }
body.index #inner-war { background: url(http://z2.ifrm.com/10717/129/0/p1027697/IndexBkgdStr.png) center top no-repeat fixed; }
body.blog #inner-war { background: url(http://z2.ifrm.com/10717/129/0/p1027780/StructureBkgd2..png) center top no-repeat fixed; }
body.portal #inner-war { background: url(http://z2.ifrm.com/10717/129/0/p1027781/StructureBkgd3..png) center top no-repeat fixed; }
Add to CSS if using Cheshire Emoticon system:
- Code:
-
img[alt*=":"][src*="ifrm.com"], img[alt="^_^"], img[alt="???"] { background: url(http://z1.ifrm.com/0/2/0/p406519/baseSteelAmmo.png) no-repeat; }
Theme Layout: AdminCP > Themes > Choose Theme > Theme Layout
- Code: Layout
-
<div id="wrap"><div id="right"><div id="inner"><!-- TOPMENU --><div id="inner-war"><!-- HEADER --><!-- SUBMENU --><!-- NAV --><!-- BOARD --><img src="http://planetnexus.net/helena/structural.png" height="1" alt="" /></div></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" src="http://b2.ifrm.com/28122/87/0/p713699/StructuralUpdated.js"></script>
<img src="http://z3.ifrm.com/28122/87/0/p427521/SubmenuButtonHov.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p427644/SubmenuButtonLongHov.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p428225/expand.png" alt="" style="display: none" /><img src="http://z3.ifrm.com/28122/87/0/p430310/DottedHhover.png" alt="" style="display: none" />
|