Preview: Shifty's Zeta Skins

There is quite some installation work needed to install this skin. Please read carefully and work systematically through this guide!

Theme Settings

 

Spoiler: click to toggle

Theme Appearance

 

Spoiler: click to toggle

Code:

 

html, body {
background: #000;
color: #000;
font-family: "Trebuchet MS", "Tahoma", sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}
#overwrap {
width: 98%;
text-align: left;
}
#wrapCol, #wrapCon {
background: #fff;
vertical-align: top;
margin: 0px;
border: 0px;
}
#wrapCol {
padding: 10px 0px 10px 10px;
}
#wrapCon {
padding: 0px 10px 10px 0px;
}
#wrapNav-left {
background: url(http://209.85.62.24/12/51/0/p25261/wrapper_topleft.gif) no-repeat top left;
}
#wrapNav {
background: #fff;
border: 0px;
padding: 0px 0px 50px 0px;
margin: 0px 50px;
}
#wrapNav-right {
background: url(http://209.85.62.24/12/51/0/p25262/wrapper_topright.gif) no-repeat top right;
float: right;
margin-top: -50px;
}
#wrapNav-left2 {
background: url(http://209.85.62.24/12/51/0/p25482/wrapper_bottomleft.gif) no repeat bottom left;
margin-bottom: -50px;
}
#wrapNav2 {
background: #fff;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 50px;
}
#wrapNav-right2 {
background: url(http://209.85.62.24/12/51/0/p25483/wrapper_bottomright.gif) no-repeat bottom right;
float: right;
}
#main {
height: 1%;
padding: 0px 0px 0px 10px;
font-size: 12px;
}
input, select, textarea, button, a.btn_fake {
background-color: #fafafa;
border: 1px solid #bababa;
color: #333;
padding: 3px 5px;
vertical-align: middle;
}
a {
color: #adce67;
text-decoration: none;
}
a:hover {
color: #c1da8e;
}
a:active {
color: #fff;
}
hr {
background-color: #5a70b3;
border: 0px;
clear: both;
color: #5a70b3;
height: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
clear: both;
empty-cells: show;
width: 100%;
}
th, td {
border: 1px solid #bababa;
}
th {
background-color: #fafafa;
background-image: url(http://209.85.62.24/static/1/sub.png);
background-repeat: repeat-x;
background-position: top;
color: #777;
font-weight: 400;
padding: 3px 5px;
text-align: left;
}
td {
background-color: #fafafa;
color: #333;
padding: 5px 10px;
}
th a, th a:hover {
color: #777;
font-weight: 700;
}
h1 {
font-size: 200%;
}
h2, h3 {
font-size: 100%;
}
#top_bar {
display: none;
}
#top {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
height: 20px;
padding: 0px 1%;
}
#top_info {
color: #fff;
float: left;
}
#top_info a {
color: #adce67;
}
#top_info a:hover {
color: #c2e27f;
}
#top_info a:active {
color: #fff;
}
#top_menu {
background: #000;
border-left: 1px solid #000;
float: right;
}
.drop_menu {
margin: 0px;
}
.drop_menu li {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
float: left;
margin: 0px 1px 0px 0px;
text-align: center;
}
.drop_menu li:hover {
background: #1a1a1a url(http://209.85.62.24/12/51/0/p25231/top_hover.gif) repeat-x top;
}
.drop_menu a {
color: #adce67;
display: block;
padding: 2px 0px;
position: relative;
width: 9em;
}
.drop_menu a:hover {
color: #fff;
}
.drop_menu ul {
border-top: 1px solid #000;
color: #fff;
margin: 0px;
left: -999em;
-moz-opacity: 0.85;
opacity: 0.85;
position: absolute;
width: 9.4em;
}
.drop_menu ul li {
font-size: 85%;
margin: 0px;
padding: 0px;
width: 100%;
}
.drop_menu ul li a {
background: #1a1a1a;
border: 1px solid #000;
border-top-width: 0px;
display: block;
padding: 2px 5%;
width: 90%;
}
.drop_menu li ul li a:hover {
background: #2a2a2a;
}
#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: 0px;
}
#profile_menuwrap ul, ul.cat-topicpages, blockquote dl, #fast-reply dd {
margin: 0px;
}
#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;
}
#logo {
background-color: #000;
background-image: url(http://209.85.62.24/12/51/0/p25229/header.gif);
background-repeat: repeat-x;
clear: both;
height: 100px;
color: #fff;
font-size: 60px;
padding: 0px 100px;
text-align: center;
}
#logo img {
max-height: 100px;
}
#logo a {
color: #fff;
}
#logo a:hover {
text-decoration: underline;
}
.nav-left {
background: url(http://209.85.62.24/12/51/0/p25313/navstrip_left.gif) no-repeat top left;
}
.nav-wrap {
background: url(http://209.85.62.24/12/51/0/p25314/navstrip_middle.gif) repeat-x;
color: #171717;
padding: 0px;
margin: 0px 15px;
}
.nav-text {
padding: 9px 15px 0px 15px;
}
.nav-right {
background: url(http://209.85.62.24/12/51/0/p25315/navstrip_right.gif) no-repeat top right;
height: 30px;
}
#nav a {
color: #99C146;
font-weight: bold;
}
#nav a:hover {
color: #b4db62;
}
#nav a:active {
color: #171717;
}
div.sdmenu {
width: 200px;
font-family: Arial, sans-serif;
font-size: 12px;
background: #000 url(http://209.85.62.24/12/51/0/p25250/nav_bottom.gif) no-repeat right bottom;
padding-bottom: 10px;
color: #fff;
}
div.sdmenu div {
background: url(http://209.85.62.24/12/51/0/p25343/nav_title.gif) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url(http://209.85.62.24/12/51/0/p25344/nav_toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
height: 30px;
}
div.sdmenu div span {
cursor: default;
display: block;
padding: 8px 25px;
color: #b8d485;
background: url(http://209.85.62.24/12/51/0/p25327/nav_expanded.gif) no-repeat 10px center;
}
div.sdmenu div.collapsed span {
background-image: url(http://209.85.62.24/12/51/0/p25326/nav_collapsed.gif);
}
div.sdmenu div a {
padding: 2px 10px;
background: #000;
display: block;
border-bottom: 1px solid #000;
color: #fff;
margin: 0px 1px;
cursor: pointer;
}
div.sdmenu div a.current {
background: url(http://209.85.62.24/12/51/0/p25340/nav_current.gif) repeat-x;
}
div.sdmenu div a:hover, div.sdmenu div a.current:hover {
background: url(http://209.85.62.24/12/51/0/p25251/nav_linkhover.gif) repeat-x;
color: #000;
text-decoration: none;
}
.h2wrap {
background: url(http://209.85.62.24/12/51/0/p25225/h2_middle.gif) repeat-x;
}
.h2left {
background: url(http://209.85.62.24/12/51/0/p25224/h2_left.gif) no-repeat top left;
height: 31px;
}
.h2center {
padding: 6px 0px 0px 80px;
height: 24px;
font-size: 12px;
color: #fff;
}
.h2center a {
color: #fff;
}
.h2center a:hover {
color: #fff;
text-decoration: underline;
}
.h2right {
background: url(http://209.85.62.24/12/51/0/p25226/h2_right.gif) no-repeat right top;
height: 31px;
}
h2.special {
background: url(http://209.85.62.24/12/51/0/p26537/c_last_title.gif) repeat-x center;
border: 1px solid #99C24C;
margin: 15px auto 5px;
width: 97%;
color: #FFF;
}
.collapse, .uncollapse {
top: -6px;
right: 15px;
margin-bottom: -6px;
}
span.collapse, span.uncollapse {
cursor: pointer;
float: right;
position: relative;
}
table[cellspacing="0"] {
margin-bottom: 1em;
}
thead td, thead th {
padding: 0px;
background: inherit;
border-width: 0px;
}
.profile thead td, .profile thead th {
padding: 15px;
background: inherit;
border-width: 0px;
}
.c_mark {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
text-align: center;
width: 1%;
}
.c_forum {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
color: #444;
font-size: 80%;
width: 60%;
}
.c_forum strong a, .c_last strong a {
color: #82A63E;
}
.c_forum strong a:hover, .c_last strong a:hover {
color: #94BD46;
}
.c_forum strong a {
font-size: 135%;
}
td.c_last {
background: #e8e8e8 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x bottom;
border-bottom-width: 0px;
font-size: 85%;
}
.c_forum-desc {
color: #333;
font-size: 85%;
}
.c_last-title {
background: url(http://209.85.62.24/12/51/0/p26537/c_last_title.gif) repeat-x center;
border: 1px solid #99C24C;
display: block;
line-height: 16px;
padding-left: 10px;
color: #eee;
margin-bottom: 3px;
}
.c_last-title:hover {
color: #fff;
}
.c_last-title:active {
color: #171717;
}
td.c_info-v, td.c_info-t, td.c_info-r {
background: #d2d2d2;
border-width: 0px;
font-size: 80%;
padding: 5px;
text-align: center;
font-weight: bold;
}
td.c_info-r {
border-right-width: 1px;
}
td.c_subforum {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
color: #171717;
font-size: 80%;
font-style: italic;
}
#stats .cat_head td {
border-color: #e77700;
}
td#stats_events a, td#stats_events span {
background: url(http://209.85.62.24/static/1/s_minical.png) no-repeat 2px;
padding: 4px 0 4px 20px;
}
dl#fast-reply dt {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #000;
border-bottom-width: 0px;
color: #fff;
font-size: 110%;
font-weight: 500;
margin: 0px;
padding: 5px;
}
dl#fast-reply dd {
background: #fafafa url(http://209.85.62.24/12/51/0/p26688/greyrepeat2.gif) repeat-x;
border: 1px solid #000;
padding: 15px 0px;
text-align: center;
}
input:focus, input.focus, textarea:focus, textarea.focus {
border-color: #85b53b;
color: #85b53b;
}
textarea {
font-family: inherit;
font-size: 100%;
margin: auto;
width: 98%;
}
.submit_error {
background-color: #fff8eb;
border: 1px solid #e77700;
}
button, a.btn_fake {
background-color: #f8f8f8;
background-image: url(http://209.85.62.24/static/1/css/btn.png);
background-repeat: repeat-x;
background-position: top;
color: #666;
cursor: default;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
overflow: visible;
width: auto;
}
button:hover, a.btn_fake:hover {
border-color: #3e973a;
}
button.btn_text {
background: none;
border: 0px;
cursor: pointer;
font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size: 100%;
}
.notice {
background-color: #fff;
border: 2px solid #e7e7e7;
color: #333;
margin: 10px auto 10px;
width: 70%;
}
.notice dt {
color: #8ee78c;
font-weight: 700;
}
.notice dd {
font-style: italic;
}
dl.info {
background-color: #f6f6f6;
border-color: #bababa;
}
.info dt {
background-color: #e7e7e7;
color: #777;
}
dl.error {
background-color: #fafafa;
border-color: #BC3737;
}
.error dt {
background-color: #e7e7e7;
color: #BC3737;
}
#submenu_bar {
}
#submenu {
}
.meta_box {
background: url(http://209.85.62.24/static/1/css/boxbg.png) repeat-x top #ebebeb;
border: 1px solid #e7e7e7;
font-size: 85%;
line-height: 150%;
padding: 10px 25px;
}
.meta_menu {
background: #fafafa url(http://209.85.62.24/12/51/0/p26688/greyrepeat2.gif) repeat-x;
border: 1px solid #171717;
padding: 0;
width: 49%;
}
.meta_menu h3 {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
clear: both;
color: #FFF;
font-size: 100%;
font-weight: 700;
text-align: center;
}
.meta_menu a, .meta_menu a:hover {
color: #666;
}
ul.cat-pages {
float: left;
font-size: 90%;
margin: 15px 0;
padding: 5px 2px;
width: 49%;
}
.cat-pages a, .cat-pagesjump i, .cat-topicpages a {
background: #fff;
border: 1px solid #ddd;
color: #ccc;
}
.cat-pages a:hover, .cat-topicpages a:hover {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border-color: #171717;
color: #fff;
}
.cat-pages span {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #171717;
color: #fff;
cursor: default;
font-weight: 500;
padding: 2px 5px;
}
.cat-pages input {
background: #fff;
color: #171717;
padding: 3px 5px;
vertical-align: baseline;
}
ul.cat-topicpages {
float: right;
font-size: 80%;
padding: 1px 0;
}
tr.generic td, div.generic {
font-size: 120%;
font-weight: 700;
padding: 20px;
text-align: center;
}
td.c_head, td.c_foot, td.c_sort {
background: url(http://209.85.62.24/12/51/0/p25484/darkrow2.gif) repeat-x #b6b6b6;
color: #171717;
font-size: 80%;
}
td.c_head a, td.c_foot a, td.c_sort a {
color: #171717;
font-weight: bold;
}
td.c_head a:hover, td.c_foot a:hover, td.c_sort a:hover {
text-decoration: underline;
}
td.c_head {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
}
tr.row1 td.c_head:first-child {
border-right-width: 0px;
}
tr.row1 td.c_head:last-child {
border-left-width: 0px;
}
td.c_desc {
background: #f6f6f6;
font-weight: 500;
text-align: right;
vertical-align: middle;
width: 200px;
}
td.c_desc small {
display: block;
font-weight: 400;
}
tr.pm_new td {
background: #D8DCEB;
font-weight: 700;
}
tr.hidden td.c_post {
background: #D8DCEB;
}
.bday {
background: url(http://209.85.62.24/static/1/s_minibday.png) no-repeat;
color: #425384;
font-size: 90%;
font-weight: 700;
height: 16px;
padding: 2px 2px 2px 18px;
width: 20px;
}
.description {
color: #666;
font-size: 85%;
}
a.member:hover {
color: #666;
}
td.c_username {
background: #f6f6f6;
padding: 2px 0;
text-align: center;
}
td.c_username a {
font-size: 140%;
font-weight: 700;
}
td.c_user {
font-size: 80%;
border-top-width: 0px;
}
td.c_user dl {
background: #f6f6f6;
border: 1px solid #e7e7e7;
margin: 10px 0;
padding: 5px 7px;
width: 160px;
}
dl.user_profile {
overflow: hidden;
word-wrap: break-word;
}
dl.user_profile dd {
font-style: italic;
margin-left: 8px;
}
dl.user_info dd {
font-weight: 700;
margin-bottom: 1px;
}
#profile_menu ul {
-moz-opacity: 1;
border-top: 0;
opacity: 1;
}
#profile_menu a {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #000;
}
#profile_menu li li a {
border-top: 0;
}
#profile_menu li ul li a:hover {
color: #fff;
}
table.poll {
margin-bottom: 10px;
}
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://209.85.62.24/12/51/0/p28264/bar.gif) no-repeat right;
float: left;
height: 16px;
padding-right: 3px;
}
td.c_poll-bar span {
background: url(http://209.85.62.24/12/51/0/p28263/bar_l.gif) no-repeat;
display: block;
float: left;
height: 16px;
width: 3px;
}
.editby, .queued {
border: 1px dotted #e7e7e7;
color: #999;
font-size: 85%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
.queued {
background-color: #d8ebda;
border-color: #59b361;
}
blockquote {
background: #f0f0f0;
border: 1px solid #000;
margin: 10px auto;
padding-bottom: 1px;
width: 98%;
}
blockquote dl {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
border-bottom: 1px solid #000;
color: #fff;
}
blockquote dl dt {
background: #99c243 url(http://209.85.62.24/12/51/0/p25251/nav_linkhover.gif) repeat-x top;
color: #171717;
float: left;
font-weight: 700;
margin-left: 10px;
}
code {
background: #f0f0f0;
display: block;
font-family: inherit;
white-space: normal;
}
div.spoiler {
border: 1px solid #bababa;
border-top: 0;
padding: 5px 7px;
}
div.spoiler_toggle {
background: #bababa url(http://209.85.62.24/12/51/0/p25723/greyrepeat.gif) repeat-x top;
border: 1px solid #bababa;
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 2px 4px;
}
td.c_postinfo {
background: #eaeaea;
color: #999;
font-size: 80%;
vertical-align: middle;
}
td.c_postinfo span img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
td.c_postinfo span img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
td.c_sig {
color: #666;
font-size: 80%;
}
td.c_sig blockquote {
background: none transparent;
border-width: 0px;
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 {
background: transparent none;
color: #666;
padding: 0;
}
td.c_sig blockquote div {
background: transparent;
margin-left: 5px;
padding: 0;
}
tr.c_postfoot {
background: #eaeaea;
clear: both;
}
tr.c_postfoot img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
tr.c_postfoot img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
td.c_footicons, td.c_postinfo {
width: 100%;
}
td.c_username {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
width: 175px;
border-bottom-width: 0px;
}
.c_next a {
display: block;
font-size: 125%;
font-weight: 700;
text-align: center;
}
td.c_view {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
color: #777;
}
div.c_view-list {
color: #999;
font-size: 92.5%;
}
#c_post-preview {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
border: 1px solid #ddd;
margin: 0 auto 10px;
padding: 5px;
text-align: left;
width: 98%;
}
#c_post-resize span {
color: #171717;
cursor: pointer;
font-size: 250%;
padding: 20px 5px 0;
}
#c_post-resize span:hover {
color: #98C148;
}
#emot_wrap {
background: #fafafa;
border: 1px solid #000;
}
#emot_wrap h3 {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border-bottom: 1px solid #000;
color: #fff;
font-size: 120%;
text-align: center;
}
#emot_end {
display: block;
font-weight: 700;
padding: 4px 0;
text-align: center;
}
#pm_folders {
border-left: 1px solid #bababa;
border-right: 1px solid #bababa;
padding-top: 30px;
vertical-align: top;
width: 150px;
}
#pm_folderlist {
position: relative;
margin-left: 0;
margin-top: 0
}
#pm_folderlist li {
background: url(http://209.85.62.24/12/51/0/p28371/pmfolder.png) no-repeat 5px;
display: list-item;
margin-bottom: 4px;
padding-left: 28px;
}
#pm_forwarded {
border: 1px dotted #e7e7e7;
color: #999;
font-size: 90%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
table.ucp {
margin-bottom: 10px;
}
#ucp_gallery a {
color: #171717;
font-weight: 700;
margin: 0px 10px;
padding: 12px 5px;
border: 1px solid #ddd;
}
#ucp_gallery a:hover {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
}
.calendar td.cal_inactive {
background: #f6f6f6;
color: #e7e7e7!important;
}
.calendar td div {
background: #f6f6f6;
border-bottom: 1px solid #e7e7e7;
font-weight: 700;
padding: 5px 7px;
}
.calendar div a {
background: url(http://209.85.62.24/static/1/s_minibday.png) no-repeat 5px;
float: right;
font-size: 80%;
font-weight: 400;
padding: 0 0 6px 24px;
}
.calendar li a, .calendar li span {
border-color: transparent;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px;
}
.calendar td#cal_current {
background: #fff;
}
.calendar td#cal_current div {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
color: #fff;
}
div.portal_content {
background: #fafafa url(http://209.85.62.24/12/51/0/p31063/greyrepeatvert.gif) repeat-y right;
border-left: 4px solid #999;
font-size: 100%;
margin: 0;
padding: 5px 7px 5px 18px;
}
#portal h2 {
font-size: 100%;
}
#portal h4 {
background: #fff;
color: #777;
font-size: 88.3%;
font-weight: 400;
margin: 0;
padding: 15px 7px 0px 7px;
overflow: hidden;
}
#portal h4 a {
color: #333;
}
#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: #fafafa;
border: 1px solid #e7e7e7;
margin-bottom: 1em;
padding: 5px 7px;
}
.search_results h3 {
display: inline;
font-size: 125%;
border-bottom: 1px solid #e7e7e7;
}
.search_results cite, .search_results p {
color: #777;
font-size: 85%;
margin: 0;
}
#findposts .c_mark {
color: #171717;
font-size: 200%;
font-weight: 700;
vertical-align: top;
}
#pmtoast {
background: #000 url(http://209.85.62.24/12/51/0/p25229/header.gif) repeat-x;
border: 2px solid #000;
bottom: 10px;
color: #ddd;
display: none;
font-size: 90%;
position: fixed;
right: 10px;
text-align: right;
text-decoration: none;
width: 200px;
z-index: 1;
}
#pmtoast:hover {
border-color: #000;
}
#pmlink {
background: url(http://209.85.62.24/12/51/0/p31338/toast.png) no-repeat 5px;
color: #777;
display: block;
padding: 10px 10px 10px 55px;
text-decoration: none;
}
#pmlink big {
color: #777;
display: block;
font-weight: 700;
padding-bottom: 5px;
}
#pmlink strong {
color: #aece62;
}
#pmclose {
border-top: 1px solid #777;
color: #aece62;
display: block;
font-size: 80%;
padding: 1px 10px;
}
#pmclose:hover {
color: #b8df5a;
}
#foot_wrap {
float: right;
margin: 20px 0 0;
}
#foot td {
background: #fafafa;
border: 1px solid #e7e7e7;
color: #777;
}
#foot a, #foot a:hover {
color: #777;
}
#foot #foot_datetime {
border-left-width: 0px;
width: 1%;
white-space: nowrap;
}
#foot #foot_links {
border-left-width: 0px;
border-right-width: 0px;
}
#foot #themechooser {
border-right-width: 0px;
}
#copyright {
font-size: 80%;
color: #FFF;
margin: 10px 0;
text-align: center;
}
#copyright a {
color: #98c148;
font-weight: 700;
}
#c_tos h3 {
color: #333;
font-size: 120%;
}
td.username_ok {
background: #e0fae0;
}
input.username_ok {
outline: 2px solid #0c0;
}
td.username_no {
background: #fae0e0;
}
input.username_no {
outline: 2px solid #e77700;
}
#acplogin {
background: #000 url(http://209.85.62.24/12/51/0/p25229/header.gif) repeat-x;
height: 275px;
left: 50%;
margin: -137.5px 0 0 -250px;
padding: 0;
position: absolute;
top: 50%;
width: 500px;
}
#acplogin table tr td {
border: 0px;
background: none transparent;
color: #ddd;
}
#acplogin table tr td input {
background: #171717;
border: 0px;
color: #eee;
}
#acplogin button {
background: none #171717;
border: 1px solid #171717;
}
#acplogin button:hover {
background: none #272727;
border: 1px solid #272727;
}
#acplogin h1 {
color: #FFF;
font-weight: 400;
height: 50px;
margin-bottom: 20px;
padding: 50px 20px 0 0;
text-align: right;
}
#acplogin h1 img {
position: absolute;
left: 0;
top: 0;
}
a img {
border: 0;
}
form {
display: inline;
margin: 0;
padding: 0;
}
.category h2, .topic h2, #portal h2 {
padding: 5px;
text-align: left;
}
h3 {
padding: 3px 0;
}
input[type=checkbox] {
background: transparent;
border: 0;
padding: 0;
vertical-align: bottom;
}
input[type=radio] {
border: 0;
}
select {
margin: 0 7px;
padding: 0;
vertical-align: bottom;
}
option {
margin: 2px 0;
}
button.btn_img {
border: 0;
cursor: pointer;
padding: 0;
}
.notice dt, .notice dd {
padding: 5px 7px;
}
.drop_menu a img {
vertical-align: bottom;
}
.drop_menu li:hover ul, .drop_menu li.hover ul {
left: auto;
}
#submenu a {
padding: 3px 5px;
}
#nav li img {
vertical-align: top;
}
.meta_box, .meta_menu {
margin: 10px 0;
}
.meta_box li {
display: list-item;
list-style-position: inside;
list-style-type: square;
margin-left: 10px;
}
.meta_menu ul {
font-size: 90%;
margin: 5px 5%;
}
.meta_menu img, .meta_menu span {
float: right;
margin: 10px 20px;
}
.cat-pages a, .cat-pagesjump i, .cat-topicpages a {
cursor: pointer;
padding: 2px 5px;
}
.cat-topicpages a {
padding: 0 2px;
}
.cat-buttons, .topic-buttons {
float: right;
margin: 15px 0;
text-align: right;
width: 50%;
}
tr.postbtn td {
padding: 5px;
text-align: center;
}
.row1, .row2 {
line-height: 1.4;
}
.row2.pin td,
.row1.pin td {
background: #dfdfdf;
}
.row2.pin td a,
.row1.pin td a{
font-weight: 700;
color: #171717;
}
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;
}
.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: 1px;
min-width: 175px;
max-width: 175px;
}
.c_post {
text-align: justify;
width: 100%;
}
.c_sig, .c_nosig {
width: 100%;
}
.avatar {
display: block;
margin: auto;
text-align: center;
}
.av_wrap {
overflow: hidden;
text-align: center;
margin: auto;
}
td.c_user .usertitle {
margin: 3px 0;
overflow-x: hidden;
text-align: center;
}
.pip {
margin: 3px 0;
white-space: nowrap;
}
dl.user_info dt, dl.user_info dd {
padding: .1em;
}
dl.user_info dt {
float: left;
margin: 0;
min-width: 4em;
}
dl.user_info dd.spacer, dl.user_profile dd.spacer {
clear: both;
float: none;
height: 1px;
padding: 0;
}
td.c_poll-choice {
line-height: 1.5;
padding-left: 45%;
}
td.c_poll-answer {
text-align: right;
width: 42.5%;
}
td.c_poll-bar {
text-align: left;
vertical-align: middle;
width: 42.5%;
}
* html td.c_poll-bar span {
margin-top: 3px;
}
td.c_post {
line-height: 1.7;
vertical-align: top;
}
td.c_post ul {
list-style-type: square;
margin-left: 10px;
}
.c_post img, #topic_review img {
max-width: 90%;
}
.c_post-attachment {
font-size: 83.3%;
margin-top: 1em;
padding: 1em;
}
.c_post-attachment dd {
margin-left: 1em;
}
.post_sep {
font-size: 1px;
height: 1px;
}
td.c_sig, td.c_nosig {
height: 1%;
vertical-align: top;
}
td.c_nosig {
border-top-style: hidden!important;
}
blockquote dl dt, blockquote dl dd {
padding: 2px 4px;
}
blockquote div, blockquote code {
margin: 0;
padding: 5px;
}
dl#fast-reply {
clear: both;
margin: auto;
width: 80%;
}
dl#fast-reply dd p {
margin: -3px;
padding: 0 5% 10px;
text-align: left;
}
dl#fast-reply dd textarea {
display: block;
height: 100px;
margin-bottom: 10px;
padding: 2px;
width: 90%;
}
#c_post-text {
height: 223px;
}
#c_post-resize {
float: right;
margin-top: -1px;
padding: 4px 0 0;
text-align: right;
}
#btn_preview {
float: left;
margin: 10px 0 0 1px;
}
#c_emot {
height: 225px;
vertical-align: top;
width: 210px;
}
#emot_list {
height: 275px;
margin: 0 auto;
overflow: auto;
padding: 5px 0;
text-align: center;
}
div#emot_list {
padding: 0;
}
#emot_list li {
display: inline;
padding: 4px 10px;
}
#emot_list img {
cursor: pointer;
vertical-align: baseline;
}
.pm {
margin-bottom: 1em;
}
#pm_datesent {
width: 200px;
}
#pm_select {
text-align: center;
width: 1px;
}
#conversation .c_post {
padding: 2em;
}
#ucp_profile, #pm_messages {
float: right;
}
#ucp_settings img, #ucp_profile img {
margin: 18px 20px;
}
#ucp_gallery li {
float: left;
margin: 15px 5px;
}
#ucp_gallery button {
cursor: pointer;
text-align: center;
}
.ucp button.btn_text {
padding: 5px 0;
text-align: center;
width: 100%;
}
.calendar td {
height: 125px;
padding: 0;
vertical-align: top;
width: 14.3%;
}
.calendar li {
display: list-item;
font-size: 80%;
margin: 0;
}
.calendar li.placeholder {
padding: 4px;
}
.calendar li span {
cursor: default;
}
.calendar td#cal_current div {
padding-top: 3px;
}
#portal_head {
margin-bottom: 10px;
}
#portal_foot {
margin-top: 10px;
}
#portal_l, #portal_r {
font-size: 88.3%;
margin: 0;
padding: 0;
}
#portal_l {
float: left;
width: 200px;
}
#portal_r {
float: right;
width: 150px;
}
#portal_news {
margin: 0 160px 0 210px;
}
#portal_clear {
background: transparent;
border: none;
clear: both;
font-size: 1px;
height: 1px;
margin: 0;
padding: 0;
}
.portal_box {
margin-bottom: 5px;
padding: 1px;
}
.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;
}
#acplogin #loginform {
display: block;
padding: 0 50px;
}
td, th {
font-size: 90%;
}
button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt {
font-weight: 700;
}
#submenu a:hover, .meta_menu a:hover {
text-decoration: underline;
}
.meta_box h3, td.c_topicfoot strong, #meta_welcome strong {
font-size: 120%;
}
.row2 td, blockquote div {
background: #f6f6f6;
}
a.member, .calendar td a, .calendar a:hover, #faq dd a, #faq dd a:hover {
color: #333;
}
img, .meta_box button img, td.c_cat-mark input, .c_post-attachment img, .warn img, #ucp_gallery a img {
vertical-align: middle;
}
h1, h2, h3, #nav, #boardmeta, #main {
clear: both;
margin: 0;
}
#meta_welcome, .search_results {
clear: both;
}
#stats_events {
line-height: 2;
}
.c_cat-starter, .c_cat-replies, .c_cat-views, td.c_poll-total, td.c_poll-vote, td.c_topicfoot, .warn, .ucp th, #c_notes, .calendar th {
text-align: center;
}
blockquote dl dd, #foot #foot_links {
text-align: right;
}
#c_post, #ucp_gallery {
text-align: center;
vertical-align: top;
}
#files_upload input, .pm .row1 a, .pm .row2 a, #ucp_gallery button img, #findposts td a {
display: block;
}
#ucp_settings, #pm_settings {
float: left;
}
#c_tos dd, #username_response {
margin-left: 10px;
}
#vlx {
z-index: 1;
}
#blog {
background: #000;
color: #eee;
margin: 10px 0;
}
#blog blockquote {
background: none;
border: 0px;
padding: 0 10px;
}
#blog blockquote blockquote div {
background: #171717;
border: 1px solid #000;
border-top-width: 0px;
}
#blog h1 {
float: right;
}
#blog h2 {
background: none;
clear: none;
font-size: 130%;
padding: 0;
}
#blog h2, #blog h2 a, #blog h2 a:hover {
color: #adce67;
}
#blog_foot {
clear: both;
margin-bottom: 20px;
}
#blog_head {
background: #eee;
border: 8px solid #eee;
padding: 10px 14px;
}
#blog_head img.avatar {
display: inline;
}
#blog_main {
margin: 20px 200px 10px 10px;
}
#blog_categories, #blog_readers, #blog_about, div.blog_options {
background: #171717;
margin: 15px 0;
padding: 5px 7px;
}
#blog_sidebar h3, #blog_sidebar dt {
color: #adce67;
font-weight: 700;
}
#blog_sub {
background: #171717;
clear: both;
position: relative;
padding: 5px 7px;
text-align: right;
}
#blog_sub span {
padding-top: 4px;
}
#blog_sidebar {
background: #171717;
float: right;
font-size: 93.3%;
margin: 20px 10px 0 0;
padding: 0 10px;
width: 160px;
}
#blog_sidebar dd {
margin-left: 10px;
}
#blog_user {
font-size: 175%;
}
div.blog_options {
font-size: 90%;
text-align: right;
}
div.blog_date {
background: #111;
color: #adce67;
float: right;
font-weight: 700;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
width: 40px;
}
div.blog_date span {
background: #111;
border-top: 1px solid #000;
color: #adce67;
display: block;
font-size: 130%;
font-weight: 700;
padding: 2px 4px;
}
div.blog_entry {
background: #171717;
margin: 10px 0;
padding: 5px 7px;
}
#blog_comments li {
background: #171717;
padding: 5px 7px;
}
#blog_comments li.odd {
background: #171717;
}
#blog_comments li p textarea {
background: #171717;
border: 1px solid #1c1c1c;
}
#blog_comments li button {
background: #171717;
border: 1px solid #1c1c1c;
}
#shoutwrap {
background: #000;
border: 1px solid #000;
}
#shoutwrap td {
padding: 0;
}
#shoutbox {
list-style-type: none;
margin: 0;
padding: 0;
}
#shoutbox li {
background: #171717;
padding: 5px 7px;
}
#shoutbox li.odd {
background: #171717;
}
#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin: 0;
padding: 0;
}
#shoutbox dt {
color: #777;
font-size: 80%;
}
#shoutopts, #shoutpost {
clear: both;
text-align: center;
}

Theme Images

 

Spoiler: click to toggle

• All image sets 1 →
  
• All image sets 2 →
  
• All image sets 3 →

• 
  
• Misc. Images →
  
• Button Images →
  
• Topic Icons — none, sorry!
  
• Forum Icons →
  
• Topic Images →
  
• Warning System Images — none, sorry!
  
• Header PSD →
  

Theme Layout

 

Spoiler: click to toggle

Code: HTML

 

<script type="text/javascript" src="http://209.85.62.24/12/51/0/p25245/sdmenu.js"></script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>

<!-- TOPMENU -->
<!-- HEADER -->

<center><table cellspacing="0" cellpadding="0" id="overwrap"><tr>

<td colspan="2" id="wrapNav">
<div id="wrapNav-left"><img src="http://209.85.62.24/12/51/0/p25261/wrapper_topleft.gif" /></div>
<div id="wrapNav-right"><img src="http://209.85.62.24/12/51/0/p25262/wrapper_topright.gif" /></div>

<div class="nav-wrap">
<div class="nav-left">
<div class="nav-right">
<div class="nav-text">
<!-- NAV -->
</div></div></div></div>

</td>

</tr><tr>

<td width="200px" id="wrapCol">
<div id="my_menu" class="sdmenu">
<div><span>Exploration</span>
<a href="index/">Home</a>
<a href="search/">Search</a>
<a href="boardrules/">Terms</a>
<a href="members/">Userlist</a>
<a href="faq/">F.A.Q.'s</a>
<a href="calendar/">Calendar</a>
<a href="site/">Portal</a>
<a href="pages/pagename/">Pagename (Website Maker)</a>
</div>

<div><span>Forum Jump?</span>
<a href="forum/23252/">MI3N</a>
<a href="forum/239410/">Get The Themes</a>
<a href="forum/23251/">Comments</a>
<a href="forum/226450/">Testing</a>
</div>

<div><span>Topsites & Rankings?</span>
<a href="">Topsite 1</a>
<a href=""><blink><font style="font-weight:bold; color:#f00;">Topsite 2</font></blink></a>
<a href="">Ranking 1</a>
<a href="">Ranking 2</a>
</div>

<div><span>Affiliates?</span>
<a href="">Affiliate 1</a>
<a href="">Affiliate 2</a>
<a href="">Affiliate 3</a>
</div>

<div><span>Competitions?</span>
<a href="">SOTW</a>
<a href="">Member of the Month</a>
<a href="">Skinning League</a>
</div>

<div><span>Community Threads?</span>
<a href="">Member Photos</a>
<a href="">The Forum CT</a>
<a href="">MSNs & AIMs</a>
</div>

<div><span><center>Resources?</center></span>
<a href="">Signature PSDs</a>
<a href="">Stock Images</a>
<a href="">Abstract Renders</a>
</div>

<div><span><blink>Tutorials?</blink></span>
<a href="">Full Signature</a>
<a href="">Web Design</a>
<a href="">Skinns & Themes</a>
</div>

<div><span><marquee behavior="alternate">Related Sites?</marquee></span>
<a href="http://www.wikipedia.org/">Wikipedia</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.ask.com">Ask</a>
</div>

<div><span>Credit?</span>
<a href="http://s1.zetaboards.com/Shifty/profile/6060/">Skinned by Shifty!</a>
</div>
</div>
</td>

<td id="wrapCon">

<!-- BOARD -->

</td>

</tr><tr>

<td colspan="2" id="wrapNav2">
<div id="wrapNav-left2"><img src="http://209.85.62.24/12/51/0/p25482/wrapper_bottomleft.gif" /></div>
<div id="wrapNav-right2"><img src="http://209.85.62.24/12/51/0/p25483/wrapper_bottomright.gif" /></div>
</td>

</tr></table></center>

<div id="copyright">Theme by <a href="#" title="3.degrees.c@gmail.com">Shifty</a> of <a href="http://zbthemezone.com/index/">ZBTZ</a>, <a href="http://s1.zetaboards.com/Outline/index/">Outline</a> & <a href="http://support.zetaboards.com/index/">ZBFS</a></div>

<!-- end of structure -->
<!-- 3 piece H2 -->
<script type="text/javascript" src="http://aquate.us/u/th26.js"></script>

Now, take note of the side menu navigation system. It looks complicated, but it's really very simple. Here's a guide:

Code: HTML

 

<div><span>Exploration</span> <-- this line is the header line. Edit "Exploration".
<a href="index/">Home</a> <-- these, up to </div>, are the links inside the category.
<a href="search/">Search</a>
<a href="boardrules/">Terms</a>
<a href="members/">Userlist</a>
<a href="faq/">F.A.Q.'s</a>
<a href="calendar/">Calendar</a>
<a href="site/">Portal</a>
<a href="pages/pagename/">Pagename (Website Maker)</a>
</div>

Edit carefully, add and subtract segments of the code in a modular fashion, and you'll be done and dusted quick and easy. I'm here to help if you need it You need not use all the categories I provided! You may prefer to just have one, or you may use the exemplary ones I provided, or you may add your own in.

Installation Notes

 

• Take note of the two following Image Sets » Misc. Images entries: Navigation Divider, Navigation Marker. You may use what you wish for these, but this is what I used:
  Navigation Divider (copy very carefully — there are three spaces either side of the backslash!)
  

  Code: HTML

   

    \  

  
  Navigation Marker
  

  Code: HTML

   

  Viewing:

  
  
• There are a few images I have not provided, you're welcome to make them yourself (you may indeed remake mine — I don't mind!)
  
• If you have any queries, please ask me here, either myself or another experienced user will assist you.

Preview: Shifty's Zeta Skins

There is quite some installation work needed to install this skin. Please read carefully and work systematically through this guide!

Theme Settings

 

Spoiler: click to toggle

Theme Appearance

 

Spoiler: click to toggle

Code:

 

html, body {
background: #000;
color: #000;
font-family: "Trebuchet MS", "Tahoma", sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}
#overwrap {
width: 98%;
text-align: left;
}
#wrapCol, #wrapCon {
background: #fff;
vertical-align: top;
margin: 0px;
border: 0px;
}
#wrapCol {
padding: 10px 0px 10px 10px;
}
#wrapCon {
padding: 0px 10px 10px 0px;
}
#wrapNav-left {
background: url(http://209.85.62.24/12/51/0/p25261/wrapper_topleft.gif) no-repeat top left;
}
#wrapNav {
background: #fff;
border: 0px;
padding: 0px 0px 50px 0px;
margin: 0px 50px;
}
#wrapNav-right {
background: url(http://209.85.62.24/12/51/0/p25262/wrapper_topright.gif) no-repeat top right;
float: right;
margin-top: -50px;
}
#wrapNav-left2 {
background: url(http://209.85.62.24/12/51/0/p25482/wrapper_bottomleft.gif) no repeat bottom left;
margin-bottom: -50px;
}
#wrapNav2 {
background: #fff;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 50px;
}
#wrapNav-right2 {
background: url(http://209.85.62.24/12/51/0/p25483/wrapper_bottomright.gif) no-repeat bottom right;
float: right;
}
#main {
height: 1%;
padding: 0px 0px 0px 10px;
font-size: 12px;
}
input, select, textarea, button, a.btn_fake {
background-color: #fafafa;
border: 1px solid #bababa;
color: #333;
padding: 3px 5px;
vertical-align: middle;
}
a {
color: #adce67;
text-decoration: none;
}
a:hover {
color: #c1da8e;
}
a:active {
color: #fff;
}
hr {
background-color: #5a70b3;
border: 0px;
clear: both;
color: #5a70b3;
height: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
clear: both;
empty-cells: show;
width: 100%;
}
th, td {
border: 1px solid #bababa;
}
th {
background-color: #fafafa;
background-image: url(http://209.85.62.24/static/1/sub.png);
background-repeat: repeat-x;
background-position: top;
color: #777;
font-weight: 400;
padding: 3px 5px;
text-align: left;
}
td {
background-color: #fafafa;
color: #333;
padding: 5px 10px;
}
th a, th a:hover {
color: #777;
font-weight: 700;
}
h1 {
font-size: 200%;
}
h2, h3 {
font-size: 100%;
}
#top_bar {
display: none;
}
#top {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
height: 20px;
padding: 0px 1%;
}
#top_info {
color: #fff;
float: left;
}
#top_info a {
color: #adce67;
}
#top_info a:hover {
color: #c2e27f;
}
#top_info a:active {
color: #fff;
}
#top_menu {
background: #000;
border-left: 1px solid #000;
float: right;
}
.drop_menu {
margin: 0px;
}
.drop_menu li {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
float: left;
margin: 0px 1px 0px 0px;
text-align: center;
}
.drop_menu li:hover {
background: #1a1a1a url(http://209.85.62.24/12/51/0/p25231/top_hover.gif) repeat-x top;
}
.drop_menu a {
color: #adce67;
display: block;
padding: 2px 0px;
position: relative;
width: 9em;
}
.drop_menu a:hover {
color: #fff;
}
.drop_menu ul {
border-top: 1px solid #000;
color: #fff;
margin: 0px;
left: -999em;
-moz-opacity: 0.85;
opacity: 0.85;
position: absolute;
width: 9.4em;
}
.drop_menu ul li {
font-size: 85%;
margin: 0px;
padding: 0px;
width: 100%;
}
.drop_menu ul li a {
background: #1a1a1a;
border: 1px solid #000;
border-top-width: 0px;
display: block;
padding: 2px 5%;
width: 90%;
}
.drop_menu li ul li a:hover {
background: #2a2a2a;
}
#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: 0px;
}
#profile_menuwrap ul, ul.cat-topicpages, blockquote dl, #fast-reply dd {
margin: 0px;
}
#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;
}
#logo {
background-color: #000;
background-image: url(http://209.85.62.24/12/51/0/p25229/header.gif);
background-repeat: repeat-x;
clear: both;
height: 100px;
color: #fff;
font-size: 60px;
padding: 0px 100px;
text-align: center;
}
#logo img {
max-height: 100px;
}
#logo a {
color: #fff;
}
#logo a:hover {
text-decoration: underline;
}
.nav-left {
background: url(http://209.85.62.24/12/51/0/p25313/navstrip_left.gif) no-repeat top left;
}
.nav-wrap {
background: url(http://209.85.62.24/12/51/0/p25314/navstrip_middle.gif) repeat-x;
color: #171717;
padding: 0px;
margin: 0px 15px;
}
.nav-text {
padding: 9px 15px 0px 15px;
}
.nav-right {
background: url(http://209.85.62.24/12/51/0/p25315/navstrip_right.gif) no-repeat top right;
height: 30px;
}
#nav a {
color: #99C146;
font-weight: bold;
}
#nav a:hover {
color: #b4db62;
}
#nav a:active {
color: #171717;
}
div.sdmenu {
width: 200px;
font-family: Arial, sans-serif;
font-size: 12px;
background: #000 url(http://209.85.62.24/12/51/0/p25250/nav_bottom.gif) no-repeat right bottom;
padding-bottom: 10px;
color: #fff;
}
div.sdmenu div {
background: url(http://209.85.62.24/12/51/0/p25343/nav_title.gif) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url(http://209.85.62.24/12/51/0/p25344/nav_toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
height: 30px;
}
div.sdmenu div span {
cursor: default;
display: block;
padding: 8px 25px;
color: #b8d485;
background: url(http://209.85.62.24/12/51/0/p25327/nav_expanded.gif) no-repeat 10px center;
}
div.sdmenu div.collapsed span {
background-image: url(http://209.85.62.24/12/51/0/p25326/nav_collapsed.gif);
}
div.sdmenu div a {
padding: 2px 10px;
background: #000;
display: block;
border-bottom: 1px solid #000;
color: #fff;
margin: 0px 1px;
cursor: pointer;
}
div.sdmenu div a.current {
background: #282828 url(http://209.85.62.24/12/51/0/p25340/nav_current.gif) repeat-x;
}
div.sdmenu div a:hover, div.sdmenu div a.current:hover {
background: #9bc347 url(http://209.85.62.24/12/51/0/p25251/nav_linkhover.gif) repeat-x;
color: #000;
text-decoration: none;
}
.h2wrap {
background: url(http://209.85.62.24/12/51/0/p25225/h2_middle.gif) repeat-x;
}
.h2left {
background: url(http://209.85.62.24/12/51/0/p25224/h2_left.gif) no-repeat top left;
height: 31px;
}
.h2center {
padding: 6px 0px 0px 80px;
height: 24px;
font-size: 12px;
color: #fff;
}
.h2center a {
color: #fff;
}
.h2center a:hover {
color: #fff;
text-decoration: underline;
}
.h2right {
background: url(http://209.85.62.24/12/51/0/p25226/h2_right.gif) no-repeat right top;
height: 31px;
}
h2.special {
background: url(http://209.85.62.24/12/51/0/p26537/c_last_title.gif) repeat-x center;
border: 1px solid #99C24C;
margin: 15px auto 5px;
width: 97%;
color: #FFF;
}
.collapse, .uncollapse {
top: -6px;
right: 15px;
margin-bottom: -6px;
}
span.collapse, span.uncollapse {
cursor: pointer;
float: right;
position: relative;
}
table[cellspacing="0"] {
margin-bottom: 1em;
}
thead td, thead th {
padding: 0px;
background: inherit;
border-width: 0px;
}
.profile thead td, .profile thead th {
padding: 15px;
background: inherit;
border-width: 0px;
}
.c_mark {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
text-align: center;
width: 1%;
}
.c_forum {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
color: #444;
font-size: 80%;
width: 60%;
}
.c_forum strong a, .c_last strong a {
color: #82A63E;
}
.c_forum strong a:hover, .c_last strong a:hover {
color: #94BD46;
}
.c_forum strong a {
font-size: 135%;
}
td.c_last {
background: #e8e8e8 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x bottom;
border-bottom-width: 0px;
font-size: 85%;
}
.c_forum-desc {
color: #333;
font-size: 85%;
}
.c_last-title {
background: url(http://209.85.62.24/12/51/0/p26537/c_last_title.gif) repeat-x center;
border: 1px solid #99C24C;
display: block;
line-height: 16px;
padding-left: 10px;
color: #eee;
margin-bottom: 3px;
}
.c_last-title:hover {
color: #fff;
}
.c_last-title:active {
color: #171717;
}
td.c_info-v, td.c_info-t, td.c_info-r {
background: #d2d2d2;
border-width: 0px;
font-size: 80%;
padding: 5px;
text-align: center;
font-weight: bold;
}
td.c_info-r {
border-right-width: 1px;
}
td.c_subforum {
background: #d2d2d2 url(http://209.85.62.24/12/51/0/p25349/row.gif) repeat-x;
color: #171717;
font-size: 80%;
font-style: italic;
}
#stats .cat_head td {
border-color: #e77700;
}
td#stats_events a, td#stats_events span {
background: url(http://209.85.62.24/static/1/s_minical.png) no-repeat 2px;
padding: 4px 0 4px 20px;
}
dl#fast-reply dt {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #000;
border-bottom-width: 0px;
color: #fff;
font-size: 110%;
font-weight: 500;
margin: 0px;
padding: 5px;
}
dl#fast-reply dd {
background: #fafafa url(http://209.85.62.24/12/51/0/p26688/greyrepeat2.gif) repeat-x;
border: 1px solid #000;
padding: 15px 0px;
text-align: center;
}
input:focus, input.focus, textarea:focus, textarea.focus {
border-color: #85b53b;
color: #85b53b;
}
textarea {
font-family: inherit;
font-size: 100%;
margin: auto;
width: 98%;
}
.submit_error {
background-color: #fff8eb;
border: 1px solid #e77700;
}
button, a.btn_fake {
background-color: #f8f8f8;
background-image: url(http://209.85.62.24/static/1/css/btn.png);
background-repeat: repeat-x;
background-position: top;
color: #666;
cursor: default;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
overflow: visible;
width: auto;
}
button:hover, a.btn_fake:hover {
border-color: #3e973a;
}
button.btn_text {
background: none;
border: 0px;
cursor: pointer;
font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size: 100%;
}
.notice {
background-color: #fff;
border: 2px solid #e7e7e7;
color: #333;
margin: 10px auto 10px;
width: 70%;
}
.notice dt {
color: #8ee78c;
font-weight: 700;
}
.notice dd {
font-style: italic;
}
dl.info {
background-color: #f6f6f6;
border-color: #bababa;
}
.info dt {
background-color: #e7e7e7;
color: #777;
}
dl.error {
background-color: #fafafa;
border-color: #BC3737;
}
.error dt {
background-color: #e7e7e7;
color: #BC3737;
}
#submenu_bar {
}
#submenu {
}
.meta_box {
background: url(http://209.85.62.24/static/1/css/boxbg.png) repeat-x top #ebebeb;
border: 1px solid #e7e7e7;
font-size: 85%;
line-height: 150%;
padding: 10px 25px;
}
.meta_menu {
background: #fafafa url(http://209.85.62.24/12/51/0/p26688/greyrepeat2.gif) repeat-x;
border: 1px solid #171717;
padding: 0;
width: 49%;
}
.meta_menu h3 {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
clear: both;
color: #FFF;
font-size: 100%;
font-weight: 700;
text-align: center;
}
.meta_menu a, .meta_menu a:hover {
color: #666;
}
ul.cat-pages {
float: left;
font-size: 90%;
margin: 15px 0;
padding: 5px 2px;
width: 49%;
}
.cat-pages a, .cat-pagesjump i, .cat-topicpages a {
background: #fff;
border: 1px solid #ddd;
color: #ccc;
}
.cat-pages a:hover, .cat-topicpages a:hover {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border-color: #171717;
color: #fff;
}
.cat-pages span {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #171717;
color: #fff;
cursor: default;
font-weight: 500;
padding: 2px 5px;
}
.cat-pages input {
background: #fff;
color: #171717;
padding: 3px 5px;
vertical-align: baseline;
}
ul.cat-topicpages {
float: right;
font-size: 80%;
padding: 1px 0;
}
tr.generic td, div.generic {
font-size: 120%;
font-weight: 700;
padding: 20px;
text-align: center;
}
td.c_head, td.c_foot, td.c_sort {
background: url(http://209.85.62.24/12/51/0/p25484/darkrow2.gif) repeat-x #b6b6b6;
color: #171717;
font-size: 80%;
}
td.c_head a, td.c_foot a, td.c_sort a {
color: #171717;
font-weight: bold;
}
td.c_head a:hover, td.c_foot a:hover, td.c_sort a:hover {
text-decoration: underline;
}
td.c_head {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
}
tr.row1 td.c_head:first-child {
border-right-width: 0px;
}
tr.row1 td.c_head:last-child {
border-left-width: 0px;
}
td.c_desc {
background: #f6f6f6;
font-weight: 500;
text-align: right;
vertical-align: middle;
width: 200px;
}
td.c_desc small {
display: block;
font-weight: 400;
}
tr.pm_new td {
background: #D8DCEB;
font-weight: 700;
}
tr.hidden td.c_post {
background: #D8DCEB;
}
.bday {
background: url(http://209.85.62.24/static/1/s_minibday.png) no-repeat;
color: #425384;
font-size: 90%;
font-weight: 700;
height: 16px;
padding: 2px 2px 2px 18px;
width: 20px;
}
.description {
color: #666;
font-size: 85%;
}
a.member:hover {
color: #666;
}
td.c_username {
background: #f6f6f6;
padding: 2px 0;
text-align: center;
}
td.c_username a {
font-size: 140%;
font-weight: 700;
}
td.c_user {
font-size: 80%;
border-top-width: 0px;
}
td.c_user dl {
background: #f6f6f6;
border: 1px solid #e7e7e7;
margin: 10px 0;
padding: 5px 7px;
width: 160px;
}
dl.user_profile {
overflow: hidden;
word-wrap: break-word;
}
dl.user_profile dd {
font-style: italic;
margin-left: 8px;
}
dl.user_info dd {
font-weight: 700;
margin-bottom: 1px;
}
#profile_menu ul {
-moz-opacity: 1;
border-top: 0;
opacity: 1;
}
#profile_menu a {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border: 1px solid #000;
}
#profile_menu li li a {
border-top: 0;
}
#profile_menu li ul li a:hover {
color: #fff;
}
table.poll {
margin-bottom: 10px;
}
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://209.85.62.24/12/51/0/p28264/bar.gif) no-repeat right;
float: left;
height: 16px;
padding-right: 3px;
}
td.c_poll-bar span {
background: url(http://209.85.62.24/12/51/0/p28263/bar_l.gif) no-repeat;
display: block;
float: left;
height: 16px;
width: 3px;
}
.editby, .queued {
border: 1px dotted #e7e7e7;
color: #999;
font-size: 85%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
.queued {
background-color: #d8ebda;
border-color: #59b361;
}
blockquote {
background: #f0f0f0;
border: 1px solid #000;
margin: 10px auto;
padding-bottom: 1px;
width: 98%;
}
blockquote dl {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x top;
border-bottom: 1px solid #000;
color: #fff;
}
blockquote dl dt {
background: #99c243 url(http://209.85.62.24/12/51/0/p25251/nav_linkhover.gif) repeat-x top;
color: #171717;
float: left;
font-weight: 700;
margin-left: 10px;
}
code {
background: #f0f0f0;
display: block;
font-family: inherit;
white-space: normal;
}
div.spoiler {
border: 1px solid #bababa;
border-top: 0;
padding: 5px 7px;
}
div.spoiler_toggle {
background: #bababa url(http://209.85.62.24/12/51/0/p25723/greyrepeat.gif) repeat-x top;
border: 1px solid #bababa;
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 2px 4px;
}
td.c_postinfo {
background: #eaeaea;
color: #999;
font-size: 80%;
vertical-align: middle;
}
td.c_postinfo span img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
td.c_postinfo span img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
td.c_sig {
color: #666;
font-size: 80%;
}
td.c_sig blockquote {
background: none transparent;
border-width: 0px;
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 {
background: transparent none;
color: #666;
padding: 0;
}
td.c_sig blockquote div {
background: transparent;
margin-left: 5px;
padding: 0;
}
tr.c_postfoot {
background: #eaeaea;
clear: both;
}
tr.c_postfoot img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
}
tr.c_postfoot img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
td.c_footicons, td.c_postinfo {
width: 100%;
}
td.c_username {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
width: 175px;
border-bottom-width: 0px;
}
.c_next a {
display: block;
font-size: 125%;
font-weight: 700;
text-align: center;
}
td.c_view {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
color: #777;
}
div.c_view-list {
color: #999;
font-size: 92.5%;
}
#c_post-preview {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
border: 1px solid #ddd;
margin: 0 auto 10px;
padding: 5px;
text-align: left;
width: 98%;
}
#c_post-resize span {
color: #171717;
cursor: pointer;
font-size: 250%;
padding: 20px 5px 0;
}
#c_post-resize span:hover {
color: #98C148;
}
#emot_wrap {
background: #fafafa;
border: 1px solid #000;
}
#emot_wrap h3 {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
border-bottom: 1px solid #000;
color: #fff;
font-size: 120%;
text-align: center;
}
#emot_end {
display: block;
font-weight: 700;
padding: 4px 0;
text-align: center;
}
#pm_folders {
border-left: 1px solid #bababa;
border-right: 1px solid #bababa;
padding-top: 30px;
vertical-align: top;
width: 150px;
}
#pm_folderlist {
position: relative;
margin-left: 0;
margin-top: 0
}
#pm_folderlist li {
background: url(http://209.85.62.24/12/51/0/p28371/pmfolder.png) no-repeat 5px;
display: list-item;
margin-bottom: 4px;
padding-left: 28px;
}
#pm_forwarded {
border: 1px dotted #e7e7e7;
color: #999;
font-size: 90%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
table.ucp {
margin-bottom: 10px;
}
#ucp_gallery a {
color: #171717;
font-weight: 700;
margin: 0px 10px;
padding: 12px 5px;
border: 1px solid #ddd;
}
#ucp_gallery a:hover {
background: #fafafa url(http://209.85.62.24/12/51/0/p28273/c_username.gif) repeat-x;
}
.calendar td.cal_inactive {
background: #f6f6f6;
color: #e7e7e7!important;
}
.calendar td div {
background: #f6f6f6;
border-bottom: 1px solid #e7e7e7;
font-weight: 700;
padding: 5px 7px;
}
.calendar div a {
background: url(http://209.85.62.24/static/1/s_minibday.png) no-repeat 5px;
float: right;
font-size: 80%;
font-weight: 400;
padding: 0 0 6px 24px;
}
.calendar li a, .calendar li span {
border-color: transparent;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px;
}
.calendar td#cal_current {
background: #fff;
}
.calendar td#cal_current div {
background: #000 url(http://209.85.62.24/12/51/0/p25228/top.gif) repeat-x;
color: #fff;
}
div.portal_content {
background: #fafafa url(http://209.85.62.24/12/51/0/p31063/greyrepeatvert.gif) repeat-y right;
border-left: 4px solid #999;
font-size: 100%;
margin: 0;
padding: 5px 7px 5px 18px;
}
#portal h2 {
font-size: 100%;
}
#portal h4 {
background: #fff;
color: #777;
font-size: 88.3%;
font-weight: 400;
margin: 0;
padding: 15px 7px 0px 7px;
overflow: hidden;
}
#portal h4 a {
color: #333;
}
#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: #fafafa;
border: 1px solid #e7e7e7;
margin-bottom: 1em;
padding: 5px 7px;
}
.search_results h3 {
display: inline;
font-size: 125%;
border-bottom: 1px solid #e7e7e7;
}
.search_results cite, .search_results p {
color: #777;
font-size: 85%;
margin: 0;
}
#findposts .c_mark {
color: #171717;
font-size: 200%;
font-weight: 700;
vertical-align: top;
}
#pmtoast {
background: #000 url(http://209.85.62.24/12/51/0/p25229/header.gif) repeat-x;
border: 2px solid #000;
bottom: 10px;
color: #ddd;
display: none;
font-size: 90%;
position: fixed;
right: 10px;
text-align: right;
text-decoration: none;
width: 200px;
z-index: 1;
}
#pmtoast:hover {
border-color: #000;
}
#pmlink {
background: url(http://209.85.62.24/12/51/0/p31338/toast.png) no-repeat 5px;
color: #777;
display: block;
padding: 10px 10px 10px 55px;
text-decoration: none;
}
#pmlink big {
color: #777;
display: block;
font-weight: 700;
padding-bottom: 5px;
}
#pmlink strong {
color: #aece62;
}
#pmclose {
border-top: 1px solid #777;
color: #aece62;
display: block;
font-size: 80%;
padding: 1px 10px;
}
#pmclose:hover {
color: #b8df5a;
}
#foot_wrap {
float: right;
margin: 20px 0 0;
}
#foot td {
background: #fafafa;
border: 1px solid #e7e7e7;
color: #777;
}
#foot a, #foot a:hover {
color: #777;
}
#foot #foot_datetime {
border-left-width: 0px;
width: 1%;
white-space: nowrap;
}
#foot #foot_links {
border-left-width: 0px;
border-right-width: 0px;
}
#foot #themechooser {
border-right-width: 0px;
}
#copyright {
font-size: 80%;
color: #FFF;
margin: 10px 0;
text-align: center;
}
#copyright a {
color: #98c148;
font-weight: 700;
}
#c_tos h3 {
color: #333;
font-size: 120%;
}
td.username_ok {
background: #e0fae0;
}
input.username_ok {
outline: 2px solid #0c0;
}
td.username_no {
background: #fae0e0;
}
input.username_no {
outline: 2px solid #e77700;
}
#acplogin {
background: #000 url(http://209.85.62.24/12/51/0/p25229/header.gif) repeat-x;
height: 275px;
left: 50%;
margin: -137.5px 0 0 -250px;
padding: 0;
position: absolute;
top: 50%;
width: 500px;
}
#acplogin table tr td {
border: 0px;
background: none transparent;
color: #ddd;
}
#acplogin table tr td input {
background: #171717;
border: 0px;
color: #eee;
}
#acplogin button {
background: none #171717;
border: 1px solid #171717;
}
#acplogin button:hover {
background: none #272727;
border: 1px solid #272727;
}
#acplogin h1 {
color: #FFF;
font-weight: 400;
height: 50px;
margin-bottom: 20px;
padding: 50px 20px 0 0;
text-align: right;
}
#acplogin h1 img {
position: absolute;
left: 0;
top: 0;
}
a img {
border: 0;
}
form {
display: inline;
margin: 0;
padding: 0;
}
.category h2, .topic h2, #portal h2 {
padding: 5px;
text-align: left;
}
h3 {
padding: 3px 0;
}
input[type=checkbox] {
background: transparent;
border: 0;
padding: 0;
vertical-align: bottom;
}
input[type=radio] {
border: 0;
}
select {
margin: 0 7px;
padding: 0;
vertical-align: bottom;
}
option {
margin: 2px 0;
}
button.btn_img {
border: 0;
cursor: pointer;
padding: 0;
}
.notice dt, .notice dd {
padding: 5px 7px;
}
.drop_menu a img {
vertical-align: bottom;
}
.drop_menu li:hover ul, .drop_menu li.hover ul {
left: auto;
}
#submenu a {
padding: 3px 5px;
}
#nav li img {
vertical-align: top;
}
.meta_box, .meta_menu {
margin: 10px 0;
}
.meta_box li {
display: list-item;
list-style-position: inside;
list-style-type: square;
margin-left: 10px;
}
.meta_menu ul {
font-size: 90%;
margin: 5px 5%;
}
.meta_menu img, .meta_menu span {
float: right;
margin: 10px 20px;
}
.cat-pages a, .cat-pagesjump i, .cat-topicpages a {
cursor: pointer;
padding: 2px 5px;
}
.cat-topicpages a {
padding: 0 2px;
}
.cat-buttons, .topic-buttons {
float: right;
margin: 15px 0;
text-align: right;
width: 50%;
}
tr.postbtn td {
padding: 5px;
text-align: center;
}
.row1, .row2 {
line-height: 1.4;
}
.row2.pin td,
.row1.pin td {
background: #dfdfdf;
}
.row2.pin td a,
.row1.pin td a{
font-weight: 700;
color: #171717;
}
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;
}
.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: 1px;
min-width: 175px;
max-width: 175px;
}
.c_post {
text-align: justify;
width: 100%;
}
.c_sig, .c_nosig {
width: 100%;
}
.avatar {
display: block;
margin: auto;
text-align: center;
}
.av_wrap {
overflow: hidden;
text-align: center;
margin: auto;
}
td.c_user .usertitle {
margin: 3px 0;
overflow-x: hidden;
text-align: center;
}
.pip {
margin: 3px 0;
white-space: nowrap;
}
dl.user_info dt, dl.user_info dd {
padding: .1em;
}
dl.user_info dt {
float: left;
margin: 0;
min-width: 4em;
}
dl.user_info dd.spacer, dl.user_profile dd.spacer {
clear: both;
float: none;
height: 1px;
padding: 0;
}
td.c_poll-choice {
line-height: 1.5;
padding-left: 45%;
}
td.c_poll-answer {
text-align: right;
width: 42.5%;
}
td.c_poll-bar {
text-align: left;
vertical-align: middle;
width: 42.5%;
}
* html td.c_poll-bar span {
margin-top: 3px;
}
td.c_post {
line-height: 1.7;
vertical-align: top;
}
td.c_post ul {
list-style-type: square;
margin-left: 10px;
}
.c_post img, #topic_review img {
max-width: 90%;
}
.c_post-attachment {
font-size: 83.3%;
margin-top: 1em;
padding: 1em;
}
.c_post-attachment dd {
margin-left: 1em;
}
.post_sep {
font-size: 1px;
height: 1px;
}
td.c_sig, td.c_nosig {
height: 1%;
vertical-align: top;
}
td.c_nosig {
border-top-style: hidden!important;
}
blockquote dl dt, blockquote dl dd {
padding: 2px 4px;
}
blockquote div, blockquote code {
margin: 0;
padding: 5px;
}
dl#fast-reply {
clear: both;
margin: auto;
width: 80%;
}
dl#fast-reply dd p {
margin: -3px;
padding: 0 5% 10px;
text-align: left;
}
dl#fast-reply dd textarea {
display: block;
height: 100px;
margin-bottom: 10px;
padding: 2px;
width: 90%;
}
#c_post-text {
height: 223px;
}
#c_post-resize {
float: right;
margin-top: -1px;
padding: 4px 0 0;
text-align: right;
}
#btn_preview {
float: left;
margin: 10px 0 0 1px;
}
#c_emot {
height: 225px;
vertical-align: top;
width: 210px;
}
#emot_list {
height: 275px;
margin: 0 auto;
overflow: auto;
padding: 5px 0;
text-align: center;
}
div#emot_list {
padding: 0;
}
#emot_list li {
display: inline;
padding: 4px 10px;
}
#emot_list img {
cursor: pointer;
vertical-align: baseline;
}
.pm {
margin-bottom: 1em;
}
#pm_datesent {
width: 200px;
}
#pm_select {
text-align: center;
width: 1px;
}
#conversation .c_post {
padding: 2em;
}
#ucp_profile, #pm_messages {
float: right;
}
#ucp_settings img, #ucp_profile img {
margin: 18px 20px;
}
#ucp_gallery li {
float: left;
margin: 15px 5px;
}
#ucp_gallery button {
cursor: pointer;
text-align: center;
}
.ucp button.btn_text {
padding: 5px 0;
text-align: center;
width: 100%;
}
.calendar td {
height: 125px;
padding: 0;
vertical-align: top;
width: 14.3%;
}
.calendar li {
display: list-item;
font-size: 80%;
margin: 0;
}
.calendar li.placeholder {
padding: 4px;
}
.calendar li span {
cursor: default;
}
.calendar td#cal_current div {
padding-top: 3px;
}
#portal_head {
margin-bottom: 10px;
}
#portal_foot {
margin-top: 10px;
}
#portal_l, #portal_r {
font-size: 88.3%;
margin: 0;
padding: 0;
}
#portal_l {
float: left;
width: 200px;
}
#portal_r {
float: right;
width: 150px;
}
#portal_news {
margin: 0 160px 0 210px;
}
#portal_clear {
background: transparent;
border: none;
clear: both;
font-size: 1px;
height: 1px;
margin: 0;
padding: 0;
}
.portal_box {
margin-bottom: 5px;
padding: 1px;
}
.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;
}
#acplogin #loginform {
display: block;
padding: 0 50px;
}
td, th {
font-size: 90%;
}
button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt {
font-weight: 700;
}
#submenu a:hover, .meta_menu a:hover {
text-decoration: underline;
}
.meta_box h3, td.c_topicfoot strong, #meta_welcome strong {
font-size: 120%;
}
.row2 td, blockquote div {
background: #f6f6f6;
}
a.member, .calendar td a, .calendar a:hover, #faq dd a, #faq dd a:hover {
color: #333;
}
img, .meta_box button img, td.c_cat-mark input, .c_post-attachment img, .warn img, #ucp_gallery a img {
vertical-align: middle;
}
h1, h2, h3, #nav, #boardmeta, #main {
clear: both;
margin: 0;
}
#meta_welcome, .search_results {
clear: both;
}
#stats_events {
line-height: 2;
}
.c_cat-starter, .c_cat-replies, .c_cat-views, td.c_poll-total, td.c_poll-vote, td.c_topicfoot, .warn, .ucp th, #c_notes, .calendar th {
text-align: center;
}
blockquote dl dd, #foot #foot_links {
text-align: right;
}
#c_post, #ucp_gallery {
text-align: center;
vertical-align: top;
}
#files_upload input, .pm .row1 a, .pm .row2 a, #ucp_gallery button img, #findposts td a {
display: block;
}
#ucp_settings, #pm_settings {
float: left;
}
#c_tos dd, #username_response {
margin-left: 10px;
}
#vlx {
z-index: 1;
}
#blog {
background: #000;
color: #eee;
margin: 10px 0;
}
#blog blockquote {
background: none;
border: 0px;
padding: 0 10px;
}
#blog blockquote blockquote div {
background: #171717;
border: 1px solid #000;
border-top-width: 0px;
}
#blog h1 {
float: right;
}
#blog h2 {
background: none;
clear: none;
font-size: 130%;
padding: 0;
}
#blog h2, #blog h2 a, #blog h2 a:hover {
color: #adce67;
}
#blog_foot {
clear: both;
margin-bottom: 20px;
}
#blog_head {
background: #eee;
border: 8px solid #eee;
padding: 10px 14px;
}
#blog_head img.avatar {
display: inline;
}
#blog_main {
margin: 20px 200px 10px 10px;
}
#blog_categories, #blog_readers, #blog_about, div.blog_options {
background: #171717;
margin: 15px 0;
padding: 5px 7px;
}
#blog_sidebar h3, #blog_sidebar dt {
color: #adce67;
font-weight: 700;
}
#blog_sub {
background: #171717;
clear: both;
position: relative;
padding: 5px 7px;
text-align: right;
}
#blog_sub span {
padding-top: 4px;
}
#blog_sidebar {
background: #171717;
float: right;
font-size: 93.3%;
margin: 20px 10px 0 0;
padding: 0 10px;
width: 160px;
}
#blog_sidebar dd {
margin-left: 10px;
}
#blog_user {
font-size: 175%;
}
div.blog_options {
font-size: 90%;
text-align: right;
}
div.blog_date {
background: #111;
color: #adce67;
float: right;
font-weight: 700;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
width: 40px;
}
div.blog_date span {
background: #111;
border-top: 1px solid #000;
color: #adce67;
display: block;
font-size: 130%;
font-weight: 700;
padding: 2px 4px;
}
div.blog_entry {
background: #171717;
margin: 10px 0;
padding: 5px 7px;
}
#blog_comments li {
background: #171717;
padding: 5px 7px;
}
#blog_comments li.odd {
background: #171717;
}
#blog_comments li p textarea {
background: #171717;
border: 1px solid #1c1c1c;
}
#blog_comments li button {
background: #171717;
border: 1px solid #1c1c1c;
}
#shoutwrap {
background: #000;
border: 1px solid #000;
}
#shoutwrap td {
padding: 0;
}
#shoutbox {
list-style-type: none;
margin: 0;
padding: 0;
}
#shoutbox li {
background: #171717;
padding: 5px 7px;
}
#shoutbox li.odd {
background: #171717;
}
#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin: 0;
padding: 0;
}
#shoutbox dt {
color: #777;
font-size: 80%;
}
#shoutopts, #shoutpost {
clear: both;
text-align: center;
}

Theme Images

 

Spoiler: click to toggle

• All image sets 1 →
  
• All image sets 2 →
  
• All image sets 3 →

• 
  
• Misc. Images →
  
• Button Images →
  
• Topic Icons — none, sorry!
  
• Forum Icons →
  
• Topic Images →
  
• Warning System Images — none, sorry!
  
• Header PSD →
  

Theme Layout

 

Spoiler: click to toggle

Code: HTML

 

<script type="text/javascript" src="http://209.85.62.24/12/51/0/p25245/sdmenu.js"></script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>

<!-- TOPMENU -->
<!-- HEADER -->

<center><table cellspacing="0" cellpadding="0" id="overwrap"><tr>

<td colspan="2" id="wrapNav">
<div id="wrapNav-left"><img src="http://209.85.62.24/12/51/0/p25261/wrapper_topleft.gif" /></div>
<div id="wrapNav-right"><img src="http://209.85.62.24/12/51/0/p25262/wrapper_topright.gif" /></div>

<div class="nav-wrap">
<div class="nav-left">
<div class="nav-right">
<div class="nav-text">
<!-- NAV -->
</div></div></div></div>

</td>

</tr><tr>

<td width="200px" id="wrapCol">
<div id="my_menu" class="sdmenu">
<div><span>Exploration</span>
<a href="index/">Home</a>
<a href="search/">Search</a>
<a href="boardrules/">Terms</a>
<a href="members/">Userlist</a>
<a href="faq/">F.A.Q.'s</a>
<a href="calendar/">Calendar</a>
<a href="site/">Portal</a>
<a href="pages/pagename/">Pagename (Website Maker)</a>
</div>

<div><span>Forum Jump?</span>
<a href="forum/23252/">MI3N</a>
<a href="forum/239410/">Get The Themes</a>
<a href="forum/23251/">Comments</a>
<a href="forum/226450/">Testing</a>
</div>

<div><span>Topsites & Rankings?</span>
<a href="">Topsite 1</a>
<a href=""><blink><font style="font-weight:bold; color:#f00;">Topsite 2</font></blink></a>
<a href="">Ranking 1</a>
<a href="">Ranking 2</a>
</div>

<div><span>Affiliates?</span>
<a href="">Affiliate 1</a>
<a href="">Affiliate 2</a>
<a href="">Affiliate 3</a>
</div>

<div><span>Competitions?</span>
<a href="">SOTW</a>
<a href="">Member of the Month</a>
<a href="">Skinning League</a>
</div>

<div><span>Community Threads?</span>
<a href="">Member Photos</a>
<a href="">The Forum CT</a>
<a href="">MSNs & AIMs</a>
</div>

<div><span><center>Resources?</center></span>
<a href="">Signature PSDs</a>
<a href="">Stock Images</a>
<a href="">Abstract Renders</a>
</div>

<div><span><blink>Tutorials?</blink></span>
<a href="">Full Signature</a>
<a href="">Web Design</a>
<a href="">Skinns & Themes</a>
</div>

<div><span><marquee behavior="alternate">Related Sites?</marquee></span>
<a href="http://www.wikipedia.org/">Wikipedia</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.ask.com">Ask</a>
</div>

<div><span>Credit?</span>
<a href="http://s1.zetaboards.com/Shifty/profile/6060/">Skinned by Shifty!</a>
</div>
</div>
</td>

<td id="wrapCon">

<!-- BOARD -->

</td>

</tr><tr>

<td colspan="2" id="wrapNav2">
<div id="wrapNav-left2"><img src="http://209.85.62.24/12/51/0/p25482/wrapper_bottomleft.gif" /></div>
<div id="wrapNav-right2"><img src="http://209.85.62.24/12/51/0/p25483/wrapper_bottomright.gif" /></div>
</td>

</tr></table></center>

<div id="copyright">Theme by <a href="#" title="3.degrees.c@gmail.com">Shifty</a> of <a href="http://zbthemezone.com/index/">ZBTZ</a>, <a href="http://s1.zetaboards.com/Outline/index/">Outline</a> & <a href="http://support.zetaboards.com/index/">ZBFS</a></div>

<!-- end of structure -->
<!-- 3 piece H2 -->
<script type="text/javascript" src="http://seekond.com/scripts/th2.js"></script>

Now, take note of the side menu navigation system. It looks complicated, but it's really very simple. Here's a guide:

Code: HTML

 

<div><span>Exploration</span> <-- this line is the header line. Edit "Exploration".
<a href="index/">Home</a> <-- these, up to </div>, are the links inside the category.
<a href="search/">Search</a>
<a href="boardrules/">Terms</a>
<a href="members/">Userlist</a>
<a href="faq/">F.A.Q.'s</a>
<a href="calendar/">Calendar</a>
<a href="site/">Portal</a>
<a href="pages/pagename/">Pagename (Website Maker)</a>
</div>

Edit carefully, add and subtract segments of the code in a modular fashion, and you'll be done and dusted quick and easy. I'm here to help if you need it You need not use all the categories I provided! You may prefer to just have one, or you may use the exemplary ones I provided, or you may add your own in.

Installation Notes

 

• Take note of the two following Image Sets » Misc. Images entries: Navigation Divider, Navigation Marker. You may use what you wish for these, but this is what I used:
  Navigation Divider (copy very carefully — there are three spaces either side of the backslash!)
  

  Code: HTML

   

  \

  
  Navigation Marker
  

  Code: HTML

   

  Viewing:

  
  
• There are a few images I have not provided, you're welcome to make them yourself (you may indeed remake mine — I don't mind!)
  
• If you have any queries, please ask me here, either myself or another experienced user will assist you.