Welcome Guest [Log In] [Register]
Support Staff Recommendation
All communities remaining on zIFBoards/InvisionFree should check their conversion opt-in selection in their Admin CP (menu item Tapatalk Conversion)
(Read More)
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Carux (Blue); Light Grey/Blue
Topic Started: Oct 26 2008, 06:00 AM (15,579 Views)
Sith
Member
[ *  *  *  *  *  *  * ]
Name: Carux (Blue)
Creator: Sith
Notes: I enjoyed making this one, I hope you like it. ^_^

Preview: Click here!
Posted Image


Graphics:
Forum Markers, Small Buttons, Post Buttons
Emoticons (By Akira)
Expand/Collapse: Posted Image Posted Image

Layout:
Code:
 
<div id="menu">
<div id="menu_l"></div>
<div id="menu_r"></div><!-- TOPMENU --></div>
<div id="topshading"></div>
<br />
<div id="main_content">
<div id="tb">
<div id="tlb"></div>
<div id="trb"></div>
</div>
<div id="lb">
<div id="rb">
<div id="wrap">

<!-- HEADER -->
<br />

<div id="sm">
<div id="sl"></div>
<div id="sr"></div>
<!-- SUBMENU -->
</div>
<br />

<!-- NAV -->
<!-- BOARD -->
<br />
</div>
</div>
</div>
<div id="bb" align="center">
<div id="blb"></div>
<div id="brb"></div><div class="text" align="center">Theme by Sith of the <a href="http://s2.zetaboards.com/ifskinzone/index/"><b>ZBTZ</b></a></div></div>
</div></div>

<script type="text/javascript" src="http://z3.ifrm.com/11/88/0/p32184/h2.js"></script>

<script type="text/javascript">
//<![CDATA[
ff=(navigator.userAgent.indexOf("Firefox")!=-1)?" style='position:relative;left:-1px'":"";
$(".category td.c_foot").append('<div class="foot_left"'+ff+'></div><div class="foot_right"></div>');
$("#stats td.c_foot .right").prependTo("#stats .foot_right");
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
$(function() {
$(".drop_menu").appendTo("menu_l");
$("#top_info").appendTo("menu_r");
});
//]]>
</script>

<script type="text/javascript">
$(function() {
$('table').each(function(i) {
$(this).addClass('tableclass');
});
});
$("table:has('iframe')").addClass("hello");
</script>


Appearance:
Code:
 
html,body {
background: #c2c2c2;
color:#666666;
font-family: "Tahoma", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size: 12px;
margin: 0;
padding:0;
height: 100%;
}

a {
color:#3c73ac;
text-decoration:none;
}

a:hover {
color:#427fbd;
text-decoration:none;
}

hr {
background-color:#dedede;
border:0;
clear:both;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #cccccc;
}

th {
background:url(http://z3.ifrm.com/192/147/0/p74131/Th.jpg) repeat-x top #dedede;
padding:3px 5px;
text-align:left;
}

.tableclass td {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
}

td {
background: #dedede;
color:#666666;
padding:5px 10px;
}

.hello td {
padding: 2px;
}

td.c_nosig {
background:#dedede;
}

h1 {
}

h2,h3 {
font-size: 14px;
}

h2 img {
display: none;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color:#ffffff;
font-size: 14px;
font-weight:700;
border-color:#3e76b0;
}
h2 a, h2 a:hover {
color: #ffffff;
font-size: 14px;
}

thead th {
border-bottom: 1px solid #cccccc;
}
thead th a, thead th a:hover {
color: #ffffff;
}

h2.special {
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color: #ffffff;
border-color:#3e76b0;
}
h2.special a, h2.special a:hover {
color: #ffffff;
}

div.topic h2.special {
border: 1px solid #3e76b0;
margin-left: -1px;
margin-right: 0;
}

.cat_head td {
border-color:#3e76b0;
border-bottom: 0px;
padding:0;
}

input,select,textarea,button,a.btn_fake {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
border:1px solid #cccccc;
color:#666666;
padding:3px 5px;
vertical-align:middle;
font-size: 11px;
}

textarea {
font-family:"Tahoma", sans-serif;
margin:auto;
width:98%;
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
font-size: 12px;
}

.submit_error {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border:1px solid #cccccc;
}

#c_bbcode button {
padding: 1px 3px;
margin-bottom: 2px;
}
#c_bbcode select {
padding: 1px 3px;
margin-bottom: 2px;
}

button,a.btn_fake {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
cursor:default;
font-family:Verdana, Tahoma, sans-serif;
overflow:visible;
width:auto;
font-size: 11px;
}

#c_notes button {
margin-top: 5px;
}

button:hover,a.btn_fake:hover {
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color:#ffffff;
border-color:#3e76b0;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Tahoma, "Bitstream Vera Sans", Verdana, sans-serif;
}

.notice {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border:1px solid #cccccc;
color:#666666;
margin:10px auto 10px;
width:70%;
}

.notice dt {
color:#666666;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-color:#cccccc;
}

.info dt {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
color:#666666;
}

dl.error {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-color:#cccccc;
}

.error dt {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
color:#666666;
}

#topshading {
background: url(http://z3.ifrm.com/192/147/0/p74135/Usb.jpg) repeat-x;
height: 13px;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist {
list-style:none;
padding:0;
}

ul.cat-topicpages,blockquote dl,#fast-reply dd, table.calendar ul {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#profile_menuwrap li,#pm_folderlist li,#ucp_gallery li {
display:inline;
}

#top_bar {
display:none;
}

#top {
}

#top_info {
float:left;
margin-top: 2px;
color: #ffffff;
}

#top_menu {
float:right;
margin: 0;
color: #ffffff;
}

#top_menu a, #top_info a {
color: #ffffff;
}

.drop_menu li {
float:left;
text-align:center;
}

.drop_menu a {
color: #ffffff;
font-weight: bold;
display:block;
padding:2px 10px 2px 10px;
position:relative;
width: 100px;
}

#top img {
display:none;
}

.drop_menu a:hover {
border-bottom: none;
}

.drop_menu ul {
background: url(http://z3.ifrm.com/192/147/0/p74203/Dropmenu.png) bottom center no-repeat;
border-top: 1px solid #3f77b2;
left:-999em;
margin: 0;
position:absolute;
width: 139px;
padding-bottom: 10px!important;
}

.drop_menu ul li {
margin:0;
width:100%;
}

#top .drop_menu ul li a {
width: 138px;
padding: 2px 0;
margin: 0 1px 1px 1px;
background: transparent;
color: #ffffff;
}

#top .drop_menu li ul li a:hover {
width: 138px;
padding: 2px 0;
margin: 0 1px 1px 1px;
border: none;
background: url(http://z3.ifrm.com/192/147/0/p74206/Dropmenuhover.png) top center no-repeat;
color: #ffffff;
}


#logo {
padding: 0;
}

*:first-child+html #logo {
margin-top: -1px;
}

#submenu_bar {
display: none;
}

#submenu {
font-size:12px;
padding: 3px 0px;
text-align: center;
}

#submenu a:link, #submenu a:active, #submenu a:visited {
margin: 0 4px;
padding: 2px 6px 2px 6px;
font-weight: bold;
}
#submenu a:hover {
background: #dddddd url(http://z3.ifrm.com/192/147/0/p74139/Shover.jpg) repeat-x;
border:1px solid #cccccc;
padding: 2px 5px 2px 5px;
font-weight: bold;
}

#nav {
padding: 2px 5px;
border: 1px solid #dbdbdb;
background: #f0f0f0 url(http://z3.ifrm.com/192/147/0/p74130/Nav.jpg) repeat-x bottom;
}
#nav:hover {
border: 1px solid #d0d0d0;
}

.meta_box {
background:url(209.85.62.24/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #cccccc;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#dedede;
border:1px solid #cccccc;
padding:0;
width:49%;
}

.meta_menu h3 {
background:#d4d4d4 url(http://z3.ifrm.com/192/147/0/p74127/Foot.jpg) top repeat-x;
border:1px solid #cccccc;
clear:both;
color:#666666;
font-weight:700;
margin:-1px;
text-align:center;
}

ul.cat-pages {
float:left;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border:1px solid #cccccc;
color:#666666;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:url(http://z3.ifrm.com/192/147/0/p74131/Th.jpg) repeat-x top #dedede;
color:#427fbd;
border-color:#cccccc;
}

.cat-pages span {
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color:#ffffff;
border:1px solid #3e76b0;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
color:#666666;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
padding:1px 0;
}

tr.generic td,div.generic {
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort,td.c_topicfoot {
background:#d4d4d4 url(http://z3.ifrm.com/192/147/0/p74127/Foot.jpg) top repeat-x;
color:#666666;
}

tr.c_postfoot td {
background:#d4d4d4 url(http://z3.ifrm.com/192/147/0/p74127/Foot.jpg) top repeat-x;
color:#666666;
}

.posts tbody .c_foot, .topic .c_foot {
border-bottom: none;
}

td.c_desc {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#dedede;
font-weight:700;
}

tr.hidden td.c_post {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
}

.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x!important;
text-align:center;
width:1%;
padding: 5px;
}

.c_forum {
width:60%;
font-size: 11px;

}

.c_forum strong a:link, .c_forum strong a:active, .c_forum strong a:visited {
font-size: 14px;
}

td.c_last {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
}

.c_forum-desc {
color:#666666;
}

.c_last-title {
background:url(http://z3.ifrm.com/192/147/0/p74167/Lastitle.jpg) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v, td.c_info-t, td.c_info-r {
text-align:center;
font-size: 11px;
padding: 3px 5px;
background:url(http://z3.ifrm.com/192/147/0/p74131/Th.jpg) repeat-x top #dedede;
}

td.c_subforum {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
color:#3c73ac;
font-size: 11px;
padding: 3px 10px;
}

.c_subforum strong {
color: #666666;
}

.description {
color:#666666;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/176/152/0/p68172/Expand.png) no-repeat 2px;
padding:1px 0 4px 14px;
}

td#stats_legend {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
}

td.c_username {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
padding:1px 0;
text-align:center;
font-size: 14px;
}

td.c_user {
}

td.c_user dl {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border:1px solid #cccccc;
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
font-size: 11px;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

table.poll {
margin-bottom: 10px;
}

td.c_poll-votes {
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z3.ifrm.com/192/147/0/p74986/Pollb.jpg) no-repeat right;
float:left;
height:11px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/192/147/0/p74985/Polll.jpg) no-repeat left;
display:block;
float:left;
height:11px;
width:2px;
padding-right: 3px;
}

.editby,.queued {
border:1px dotted #cccccc;
color:#666666;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-color:#666666;
}

blockquote {
font-size: 11px;
background:#d9d9d9;
border: 1px solid #cccccc;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:#d4d4d4 url(http://z3.ifrm.com/192/147/0/p74127/Foot.jpg) top repeat-x;
border-bottom:1px solid #cccccc;
font-size: 11px;
}

blockquote dl dt {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
color:#3c73ac;
float:left;
font-weight:bold;
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 1px 3px 1px 3px;
}

code {
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
max-height:400px;
overflow:auto;
white-space:pre;
}

div.spoiler {
background: #d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border:1px solid #cccccc;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:#d4d4d4 url(http://z3.ifrm.com/192/147/0/p74127/Foot.jpg) top repeat-x;
border:1px solid #cccccc;
color:#666666;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
color:#666666;
vertical-align:middle;

}

td.c_postinfo input {

vertical-align:middle;
}

td.c_sig {
color:#666666;

}

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;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666666;
padding:0;
}



td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;

}

tr.c_postfoot td {
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:195px;
}

.c_next a {
display:block;
font-weight:700;
text-align:center;
}

td.c_view {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
line-height: 2;
color:#666666;
}

div.c_view-list {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
padding: 0px 5px;
border: 1px solid #cccccc;
color:#666666;
}


dl#fast-reply dt {
padding: 3px 10px;

background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
border: 1px solid #3e76b0;
border-bottom: none;
color:#ffffff;
font-size: 14px;
font-weight:700;
margin:0;

}

dl#fast-reply dd {
background:#dedede;
border:1px solid #cccccc;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#dedede;
border:1px solid #cccccc;
margin:0 auto 10px;
padding:5px;
text-align:left;
}

#c_post-resize span {
color:#666666;
cursor:pointer;
padding:20px 5px 0;
}

#emot_wrap {
background:url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x top #dedede;
border:1px solid #cccccc;
}

#emot_wrap h3 {
background:url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x top #dedede;
border-bottom:1px solid #cccccc;
color:#666666;
text-align:center;
}

#emot_end {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-top:1px solid #cccccc;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background: none;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #cccccc;
color:#666666;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x!important;
}

#ucp_gallery a {
font-weight: bold;
}

#ucp_gallery button {
font-weight: bold;
}

.calendar td.cal_inactive {
color:#aaaaaa!important;
}

/* Calendar header */
.calendar thead th {
padding:3px 5px;
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
border: 1px solid #3e76b0;
border-bottom: none;
}
.calendar thead th a, .calendar thead th a:hover {
color: #ffffff;
}
.calendar big {
font-size: 14px;
}

.calendar td div {
border-bottom:1px solid #cccccc;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background: none;
float:right;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
padding: 2px 0px;
}

div.portal_content {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border:1px solid #cccccc;
margin:0;
padding:5px 7px;
overflow-x: hidden;
}

#portal h2 {
border: 1px solid #3e76b0;
}

#portal h4 {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
color:#666666;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#666666;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#666666;
font-style:italic;
}

.search_results {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border:1px solid #cccccc;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
}


.search_results cite,.search_results p {
color:#666666;
margin:0;
}

#findposts .c_mark {
color:#666666;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border:2px solid #cccccc;
bottom:10px;
color:#666666;
display:none;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}


#pmtoast:hover {
border-color:#666666;
}

#pmlink {
background:#dedede url() no-repeat;
color:#666666;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#666666;
display:block;

font-weight:700;



padding-bottom:5px;
}




#pmlink strong {
color:#666666;

}

#pmclose {
border-top:1px solid #cccccc;
color:#666666;
display:block;

padding:1px 10px;
}

#pmclose:hover {
color:#666666;
}

#foot_wrap {
margin:20px 0px 0 0;
}


#foot td {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;

border:1px solid #cccccc;
color:#666666;
}

#foot a,#foot a:hover {
color:#666666;
}

td#foot_datetime {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border-left:1px solid #cccccc;
width:1%;
white-space:nowrap;
}


/* Removes image */

#foot_datetime img {
display: none;
}

#copyright {
color:#666666;
margin: 7px auto 0 auto;
padding: 3px 3px 10px 3px;
text-align:center;
font-size: 11px;
width: 160px;
border-top: 1px dotted #aaaaaa;
}
#copyright a, #copyright a:hover {
color: #666666;
font-weight: bold;
}

#c_tos h3 {
color:#666666;
}

td.username_ok {
background:#dedede;
}

input.username_ok {
outline:2px solid #cccccc;
}

td.username_no {
background:#dedede;
}

input.username_no {
outline:2px solid #cccccc;
}

#acplogin {
background:url() repeat-x 0 -195px #dedede;
border:2px solid #cccccc;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#666666;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2, thead th {
padding: 2px 10px;
text-align:center;
}

.cat_head h2 {
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color:#ffffff;
font-size: 14px;
font-weight:700;
border-color:#3e76b0;
padding: 2px 10px;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

/* Hints background fix */
input.row1 {
background: #dedede;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

#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;
min-width:175px;
max-width:175px;
}

img.c_user {
height: 1px;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;









margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
text-align:center;

}


.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
font-size: 11px;
}

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,td.c_post li {



list-style-type:square;

margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}


.c_post-attachment {
margin-top:1em;
padding:1em;
}






.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
background:#e6e6e6;
border: none;
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dd {
padding:1px 4px;
}

blockquote div,blockquote code {
width: 100%;
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;
padding: 3px 4px;
margin:15px 5px;
}
#ucp_gallery li:hover {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
padding: 2px 3px;
border: 1px solid #cccccc;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp {
margin-bottom: 10px;
}

.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 {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
margin-top: -2px;
color: #427fbd;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
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_foot h2, #portal h2 {
clear:none;
margin-left: -1px;
padding: 2px 5px;
border: 1px solid #3e76b0;
}
#portal h2 {
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;
}

input,select,td,th {
}

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 {
}

.row2 td {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
}



.row1 td {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn
img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}




#stats_events {





line-height:2;


}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-
vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

td.c_poll-total {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}


#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;


}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background: #dedede;
border:1px solid #cccccc;
color:#666666;
margin: 0 0 10px 0;
}

#blog blockquote {
background:none;
border:none;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
padding:0;
}

#blog h2,#blog h2 a {
color: #3c73ac
}
#blog h2 a:hover {
color: #427fbd;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#dedede;
border-bottom:1px solid #cccccc;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_head:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#d9d9d9 url(http://z3.ifrm.com/192/147/0/p74129/Rd.jpg) repeat-x;
border: 1px solid #cccccc;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#666666;
font-weight:700;
}

#blog_sub {
background:#dedede;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#dedede;
float:right;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
}

#blog table {
clear:none;
}

div.blog_options {
text-align:right;
}

div.blog_date {
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
border:1px solid #cccccc;
color:#666666;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#eeeeee;
border-top:1px solid #cccccc;
color:#666666;
display:block;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border: 1px solid #cccccc;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#dedede;
}

#shoutwrap {
background:#dedede;
border:1px solid #cccccc;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#dedede;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

#setskin {
background-color: #dedede;
color: #666666;
border: 1px solid #cccccc;
}



#main_content {width:80%;margin:0px auto;}

#hm {background:url(http://z3.ifrm.com/176/152/0/p67721/Headerm.jpg) bottom;height: 84px; width:100%;}
#hl {background:url(http://z3.ifrm.com/176/152/0/p67719/Headerl.jpg) bottom;height: 84px; width: 66px; float:left;}
#hr {background:url(http://z3.ifrm.com/176/152/0/p67722/Headerr.jpg) bottom;height: 84px;width: 99px;float:right;}

#sm {background:url(http://z3.ifrm.com/192/147/0/p74137/Sm.jpg) bottom;height: 20px; width:100%;}
#sl {background:url(http://z3.ifrm.com/192/147/0/p74136/Sl.jpg) bottom;height: 20px; width: 31px; float:left;}
#sr {background:url(http://z3.ifrm.com/192/147/0/p74138/Sr.jpg) bottom;height: 20px;width: 31px;float:right;}


#tb {background:url(http://z3.ifrm.com/192/147/0/p74123/Tb.jpg) bottom;height: 25px; width:100%;}
#tlb {background:url(http://z3.ifrm.com/192/147/0/p74124/Tlb.jpg) bottom;height: 25px; width: 31px; float:left;}
#trb {background:url(http://z3.ifrm.com/192/147/0/p74125/Trb.jpg) bottom;height: 25px;width: 31px;float:right;}

#lb {background:url(http://z3.ifrm.com/192/147/0/p74121/Lb.jpg) repeat-y left;}
#rb {background:url(http://z3.ifrm.com/192/147/0/p74122/Rb.jpg) repeat-y right #e6e6e6;margin-left:20px;padding-right:20px;}

/* repeated footer background */
#bb {background:url(http://z3.ifrm.com/192/147/0/p74118/Bb.jpg);height:41px; width:100%;}
#blb {background:url(http://z3.ifrm.com/192/147/0/p74119/Blb.jpg); height: 41px; width: 153px; float:left;}
#brb {background:url(http://z3.ifrm.com/192/147/0/p74120/Brb.jpg); height: 41px; width: 153px; float:right;}


.text {
padding-top: 15px;
}

/***** Three Piece H2 *****/

/* h2wrap is the center stretch.*/


.h2wrap {
background: url(http://z3.ifrm.com/192/147/0/p74113/H2middle.jpg) repeat-x;
border-bottom: 1px solid #cccccc;
margin-bottom: -1px;
}

/* h2left is the left image. */
.h2left {
background: url(http://z3.ifrm.com/192/147/0/p74112/H2left.jpg) no-repeat top left;
height: 28px;
}

/* h2center is the text itself. */
.h2center{
padding: 2px 0px 0px 0px;font-weight: 700;font-size:14px;
color: #ffffff;
height: 28px;
text-align: center;
}
.h2center a:link, .h2center a:visited, .h2center a:active, .h2center a:hover {
color: #ffffff;
}

/* h2right is the right image. */
.h2right {
background: url(http://z3.ifrm.com/192/147/0/p74114/H2right.jpg) no-repeat right top;
height: 28px;
}

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

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

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile thead td,.profile thead th {
padding:0px;background: inherit;border-width:0px;
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
color:#ffffff;
padding: 2px 10px;
border: 1px solid #3e76b0;
border-bottom: 1px solid #cccccc;
}
.profile th.l {
border: none;
}

th#profile_menuwrap, .profile th.l {
background:url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x top #dedede;
color:#666666;
border: 1px solid #cccccc!important;
padding: 2px 5px!important;
text-align:left;
}

#profile_menuwrap .drop_menu ul {
padding-bottom: 0!important;
}

#profile_menuwrap .drop_menu {
margin-left: -15px;
margin-top: 0px;
}
*:first-child+html #profile_menuwrap .drop_menu {
margin: 0;
}

#profile_menuwrap .drop_menu a, #profile_menuwrap .drop_menu a:hover {
width: 160px;
border: 1px solid #3e76b0;
background:url(http://z3.ifrm.com/192/147/0/p74115/Hover.jpg) repeat-x top #3e76b0;
padding: 2px;
margin: 0;
color: #ffffff;
}
#profile_menuwrap .drop_menu ul {
padding: 0px;
padding-right: 1px;
margin: 0;
width: 160px;
border: 1px solid #cccccc;
border-top: none;
border-bottom: none;
background: #cccccc;
}

#profile_menuwrap .drop_menu li ul li a {
width: 160px;
color:#3c73ac;
background:#dedede url(http://z3.ifrm.com/192/147/0/p74128/Rl.jpg) repeat-x;
border: none;
padding: 2px;
margin: 0;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#profile_menuwrap .drop_menu li ul li a:hover {
border: none;
margin: 0;
background:#eeeeee url(http://z3.ifrm.com/176/152/0/p68796/Inputs.jpg) repeat-x;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color:#427fbd
}

.category td.c_foot {
background: url(http://z3.ifrm.com/192/147/0/p74159/Footm.jpg) top repeat-x;
padding:0;
border: none;
}

.foot_left {
float: left;
background: url(http://z3.ifrm.com/192/147/0/p74158/Footl.jpg) no-repeat top left;
height: 18px;
width: 28px;
}

.foot_right {
float: right;
background: url(http://z3.ifrm.com/192/147/0/p74160/Footr.jpg) no-repeat top right;
height: 18px;
width: 28px;
}

#stats .foot_right {
width: 650px;
padding: 2px 20px 0 0;
height: 19px;
font-size: 11px;
}

#menu {background:url(http://z3.ifrm.com/192/147/0/p74133/Usm.jpg);height: 21px; width:100%;}
#menu_l {background:url(http://z3.ifrm.com/192/147/0/p74132/Usl.jpg);height: 21px; width: 31px; float:left;}
#menu_r {background:url(http://z3.ifrm.com/192/147/0/p74134/Usr.jpg);height: 21px;width: 31px;float:right;}
Edited by Helena, Mar 14 2013, 09:41 AM.
Offline Profile Quote Post Goto Top
 
Replies:
born_angry39
Member Avatar
Member
[ *  *  * ]
Is there a way to make it wider to fit my banner?
Offline Profile Quote Post Goto Top
 
Sith
Member
[ *  *  *  *  *  *  * ]
born_angry39
Jan 11 2009, 10:31 PM
Is there a way to make it wider to fit my banner?
#main_content {width:80%;margin:0px auto;}

Change the above in the theme appearance. You can make it up to a width of 100%.
Offline Profile Quote Post Goto Top
 
ju5t_bl4z3-ZNR
Member Avatar
Member
[ * ]
Wow, I friggin LOVE this skin. It' fresh! :D
Offline Profile Quote Post Goto Top
 
MiuKitty
Member Avatar
Member
[ *  * ]
Nice theme and awesome job on it.
Offline Profile Quote Post Goto Top
 
ju5t_bl4z3-ZNR
Member Avatar
Member
[ * ]
[removed by me]
Edited by ju5t_bl4z3-ZNR, Apr 6 2009, 10:58 AM.
Offline Profile Quote Post Goto Top
 
mindlyne
Member
[ *  * ]
Nice!
Offline Profile Quote Post Goto Top
 
lovewhatyoudo
Member
[ * ]
professional seeming skin that mixes blue and white
Offline Profile Quote Post Goto Top
 
Aethanyc
Member
[ * ]
I'm a sucker for the simple, clean themes...and definitely love the combination of blue and gray. Works every time! Nicely done. ~
Offline Profile Quote Post Goto Top
 
Kisho Akira Dogan-ZNR
Member
[ * ]
Why doesn't the hr tag work? I tried it on my site and the test site you have there, and it's not showing up. Anything I can do to fix that?
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
That's because the HR is the same color as the background.

Find this in your CSS:
Code:
 
hr {
background-color:#dedede;
border:0;
clear:both;
height:1px;
}


Change the hex color to #CCC like this:

Code:
 
hr {
background-color:#ccc;
border:0;
clear:both;
height:1px;
}
Offline Profile Quote Post Goto Top
 
Kisho Akira Dogan-ZNR
Member
[ * ]
Thank you so much!
Offline Profile Quote Post Goto Top
 
wondercast
Member
[ * ]
I really like this theme but how can I change the forum titles from centered to left justified in the CSS code?
Offline Profile Quote Post Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
I love this theme but I can't get the links for the "Forum Markers, Small Buttons, Post Buttons" to work.
Seams the link is broken.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

There was an old URL on the link that was not redirecting. Fixed now. :)
Offline Profile Quote Post Goto Top
 
welshtony
Member Avatar
www.f6oc.co.uk
[ *  *  * ]
Helena
Mar 14 2013, 09:42 AM
There was an old URL on the link that was not redirecting. Fixed now. :)
O that was fast.

Thank you. Downloading now and uploading to my site lol :)

Thanks
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply