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
Black Water; ZB: Black, Blue
Topic Started: Nov 19 2008, 12:52 AM (33,952 Views)
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
oh, Black Water

Author: tiptopolive
#: 11
Notes: comes with a full graphics set. and i mean full. inspired by a doobie brothers song. the topmenu works if you log in with the test account.


Posted Image Preview

Graphics
Download the whole set
Posted Image

Theme Layout

Code:
 
<center><!-- TOPMENU --></center>
<div id="main_content">
<div id="side_l"><div id="side_r"><!-- content start -->
<!-- HEADER --><!-- SUBMENU --><div id="wrap"><!-- NAV --><!-- BOARD --></div>
<!-- content end --></div></div>
</div>

<div id="footer">
<div id="footer_l"><!-- bottom left corner --></div>
<div id="footer_r"><!-- bottom right corner --></div>
</div></div>

<center><div id="print"><b>Black Water</b> created by tiptopolive of the <a href="http://ifsz.com"><b>Zetaboards Theme Zone</b></a></div></center>

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


Theme Appearance (CSS)

Code:
 
#print { font-size:80%;
background:none;
margin:-25px 0 0 0;
}

td#c_post { padding-top:14px; }
td#c_bbcode {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
}

html,body {
background: #2b2b2b;
color:#b0b0b0;
font-family: "tahoma", "Helvetica", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color:#92addd;
text-decoration:none;
}

a:hover {
color:#adc7f4;
text-decoration:underline;
}

hr {
background-color:#5a70b3;
border:0;
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 #1d1d1d;
}

th {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
color:#9b9b9b;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
color:#b0b0b0;
padding:5px 10px;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://z3.ifrm.com/static/1/css/h2.png) repeat-x top #6a7db6;
color:#fff;
font-size:110%;
font-weight:700;
}

thead th {
border:1px solid #5a70b3;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

input,select,textarea,button,a.btn_fake {
background:#2f2f2f;
border:1px solid #212121;
color:#d0d0d0;
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#1d1d1d;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/173/117/0/p82741/th.jpg) repeat-x top #242424;
color:#9b9b9b;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#1d1d1d;
}

button:active, a.btn_fake:active {
border-color: 92addd;
}


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

.notice {
background:#2f2f2f;
border:2px solid #1f1f1f;
color:#9b9b9b;
margin:10px auto 0;
width:70%;
}

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

.notice dd {
font-style:italic;
}

dl.info {
background:#2f2f2f;
border-color:#1f1f1f;
}

.info dt {
background:#2a2a2a;
color:#92addd;
}

dl.error {
background:#2f2f2f;
border-color:#1f1f1f;
}

.error dt {
background:#2a2a2a;
color:#c7421a;
}

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

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

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

#top_bar {
display:none;
}

#top {
background: repeat-x top url(http://z3.ifrm.com/173/117/0/p82669/btop.jpg) transparent;
border-bottom:0px;
padding:0px;
height:34px;
margin:0;
width:100%;
}

#top_info {
background: no-repeat top left url(http://z3.ifrm.com/173/117/0/p82667/topmenuleft.jpg);
color:#6d6d6d;
font-size:80%;
float:left;
padding:12px 6px;
padding-left: 34px!important;
margin-top:0px;
}

#top_menu {
background: url(http://z3.ifrm.com/173/117/0/p82668/topmenuright.jpg) top right no-repeat;
font-size:80%;
float:right;
padding:0px;
padding-right:44px!important;
margin-top:0px;
}

.drop_menu img { display:none; }

.drop_menu li {
float:left;
margin-right:1px;
margin-top:2px;
margin-bottom:2px;
text-align:center;
padding-top:7px;
padding-bottom:5px;
}

.drop_menu a {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
border:1px solid #1f1f1f;
color: #92addd!important;
display:block;
padding:4px 0px;
position:relative;
width:9em;
margin:0;
}

.drop_menu a:hover {
color: #adc7f4!important;
text-decoration:none!important;
}

.drop_menu ul {
-moz-opacity:0.85;
border-top:0;
color:#fff;
left:-999em;
margin:0;
opacity:1;
position:absolute;
width:9.0em;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;

}

.drop_menu ul li a {
background: #2a2a2a;
border: 0px solid #1f1f1f;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
background: #2d2d2d;
border-top:0!important;
}

#logo {
background:url(http://z3.ifrm.com/173/117/0/p82750/logo.jpg) top repeat-x #2b2b2b;
border:1px solid #1d1d1d;
clear:both;
margin:0px 20px 0px 20px;
}

#submenu_bar {
background: repeat-x top url(http://z3.ifrm.com/173/117/0/p82973/submenubar.jpg) #242424;
border:1px solid #1f1f1f;
border-top:0;
height:6px;
margin:0 20px 0 20px;
}

#submenu {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
border:1px solid #1f1f1f;
border-top:0;
color:#586eb1;
font-size:85%;
margin:0 20px;
padding:3px;
text-align:right;
}

#submenu a {
padding:3px 1% 4px;
color: #a0a0a0;
}

#submenu a:hover {
border-bottom:1px solid #92addd;
text-decoration:none!important;
}

#wrap {
background:#fff;
margin:0 2% 0px;
}

#nav {
color:#909090;
height:1%;
padding:10px 1%;
}

#nav img { display:none; }

.meta_box {
background: repeat-x top url(http://z3.ifrm.com/173/117/0/p82669/btop.jpg) #2b2b2b;
border:1px solid #1f1f1f;
border-top:0;
font-size:85%;
line-height:150%;
padding:20px 25px;
}

div.meta_box { padding-top:10px; }

.meta_box h3 { padding-bottom:5px; padding-top:0; }

.meta_menu {
background:#2d2d2d;
border:1px solid #1f1f1f;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border:1px solid #1f1f1f;
clear:both;
color:#b5b5b5;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

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

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:url(http://z3.ifrm.com/173/117/0/p82741/th.jpg) repeat-x top #242424;
border:1px solid #1d1d1d;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border:1px solid #1f1f1f;
color: #fff;
text-decoration:none;
}

.cat-pages span {
background:url(http://z3.ifrm.com/173/117/0/p82741/th.jpg) repeat-x top #242424;
border:1px solid #1d1d1d;
color:#a0a0a0;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#fff;
color:#5a70b3;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:3px 6px;
}

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://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
color:#9b9b9b;
font-size:80%;
}

td.c_desc {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
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:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
font-weight:700;
}

tr.hidden td.c_post {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
}

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

.c_mark {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
text-align:center;
width:1%;
}

.c_forum {
color:#6d6d6d;
font-size:80%;
width:60%;
}

.c_forum strong a {
color:#d6d6d6;
}

.c_forum strong a {
font-size:125%;
}

td.c_last {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
font-size:85%;
}

.c_forum-desc {

color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z3.ifrm.com/173/117/0/p83052/goto.jpg) no-repeat left;
display:block;
line-height:14px;
padding-left:15px;
}


td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
color:#6b6b6b;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#5a70b3;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#92b4ef;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/173/117/0/p83319/eventicon.jpg) no-repeat 2px;
padding:2px 0 2px 30px;


}

td.c_username {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}



td.c_user dl {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
border:1px solid #1f1f1f;
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;
width:9.2em;
}



#profile_menu a {
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
border:1px solid #1f1f1f;
}

#profile_menu li li a {
border-top:0;
}


#profile_menu li ul li a:hover {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a}

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

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

td.c_poll-bar div {
background:url(http://z3.ifrm.com/173/117/0/p82761/topicpages.jpg) repeat-x right;
float:left;
height:19px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/173/117/0/p82761/topicpages.jpg) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
color:#6d6d6d;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
border-color:#1f1f1f;
}

blockquote {
background:#2b2b2b;
border:1px solid #1f1f1f;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border-bottom:1px solid #1f1f1f;
color:#707070;
padding:2px;
}

blockquote dl dt {
color:#b0b0b0;
float:left;
font-weight:700;
}

code {
background:#2b2b2b;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:1px solid #1f1f1f;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border:1px solid #1f1f1f;
color:#b0b0b0;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
color:#6b6b6b;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #606060;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#9a9a9a;
}

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

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

tr.c_postfoot td {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
clear:both;
}

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

td.c_username {
width:175px;
}

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

td.c_view {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
color:#9b9b9b;
}

div.c_view-list {
color:#7a7a7a;
padding:5px;
margin: 3px -7px 3px -7px;
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d; border:1px solid #1f1f1f;
font-size:92.5%;
}

dl#fast-reply dt {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border:1px solid #1f1f1f;
color:#9b9b9b;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
border:1px solid #1f1f1f;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
border:1px solid #1f1f1f;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;

}

#c_post-resize span {
color:#92addd;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#2d2d2d;
border:1px solid #1f1f1f;
}

td#c_emot { background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a; }

#emot_wrap h3 {

background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
color:#9b9b9b;
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 #1f1f1f;
border-right:1px solid #1f1f1f;
padding-top:30px;
vertical-align:top;
width:150px;
}

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

#pm_folderlist li {
background:url(http://z3.ifrm.com/194/76/0/p79071/pmfolderlist.jpg) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #1f1f1f;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
font-weight:700;
padding:9px 10px;
background: #2a2a2a;
border:1px solid #242424;
}

#ucp_gallery a:hover {
background: #2f2f2f;
text-decoration:none;
}

.calendar td {
background: #2b2b2b;
}

.calendar td.cal_inactive {
background:#343434;
color:#6d6d6d!important;
}

.calendar td.cal_inactive div {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
}

.calendar td div {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar td a { color: #92addd!important; background: #2f2f2f; font-size:105%; padding-left:6px; }
.calendar td#cal_current a { color: #fff!important; background: #526585; }

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


}

.calendar td#cal_current {
background:#425371;
border:2px solid #92addd;
}

.calendar td#cal_current div {
background: url(http://z3.ifrm.com/173/117/0/p82761/topicpages.jpg) top repeat-x #425371;
color: #fff;
}

div.portal_content {
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
border:1px solid #1f1f1f;
font-size:88.3%;
margin:0;
padding:5px 7px;
}






#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
border-left:1px solid #1f1f1f;
border-right:1px solid #1f1f1f;
color:#d0d0d0;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
font-size:120%;
font-weight:700;
}

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

.search_results {
background:#2f2f2f;
border:1px solid #1f1f1f;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#9b9b9b;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#9b9b9b;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
border:2px solid #1f1f1f;
bottom:10px;
color:#9b9b9b;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
}

#pmlink {
color:#6b6b6b;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#92addd;
display:block;
font-weight:700;



padding-bottom:5px;
}

#pmlink strong {
color:#b0b0b0;

}

#pmclose {
border-top:1px solid #1f1f1f;
color:#92addd;
display:block;
font-size:80%;
padding:1px 10px;
}





#pmclose:hover {
color:#92addd;
}





#foot_wrap {
margin-top:20px;
width:100%;
}

#foot td {
background:none;
border:0;
color:#808080;
font-size:80%;
padding:5px
}

#foot #foot_datetime {
width:1%;
white-space:nowrap;
}

#foot_datetime img { display:none; }
#foot_datetime a { font-weight:bold; }

#copyright {
color:#a0a0a0;
font-size:80%;
margin:-43px 0 0 0;
text-align:center;
}

#copyright a {
font-weight:700;
}


#c_tos h3 {
color:#dfdfdf;
font-size:120%;
}

td.username_ok {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
}
input.username_ok {
outline:2px solid #0c0;

}

td.username_no {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
}

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

#acplogin {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
border:2px solid #1f1f1f;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#b0b0b0;
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;
}

#main {

height:1%;
padding:0 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 {
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;
}

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

.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 {
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 {
background: url(http://z3.ifrm.com/173/117/0/p82884/post_sep.jpg) top repeat-x #2d2d2d;
font-size:1px;
height:4px;
padding:3px;
}

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

td.c_nosig {
border-top-style:hidden!important;
background:#2d2d2d;
}

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

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#c0c0c0;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

td.c_topicfoot {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#adc7f4;
}

.row2 td,blockquote div {
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#d6d6d6;
}

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:#2a2a2a;
border:1px solid #1f1f1f;
color:#a0a0a0;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#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:#92addd;
}

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

#blog_head {
background:#2d2d2d;
border:8px solid #252525;
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 {
border:1px solid #1f1f1f;
background:url(http://z3.ifrm.com/173/117/0/p82554/celldark.jpg) top repeat-x #2a2a2a;
margin:15px 0;
padding:5px 7px;
}


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

#blog_sub {
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
clear:both;
border:1px solid #1f1f1f;
border-left:0;
border-right:0;
position:relative;
padding:5px 7px;
text-align:right;
}

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

#blog_sidebar {
border:1px solid #1f1f1f;
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
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:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border:1px solid #1f1f1f;
color:#bfbfbf;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;

text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:url(http://z3.ifrm.com/173/117/0/p82984/submenu.jpg) repeat-x top #343434;
border-top:1px solid #1f1f1f;
color:#92addd;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:url(http://z3.ifrm.com/173/117/0/p82555/celllight.jpg) top repeat-x #2d2d2d;
margin:10px 0;
border:1px solid #1f1f1f;
padding:5px 7px;
}

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

#blog_comments li.odd {
background:none;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}


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

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

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

#shoutbox dl,#shoutbox dt,#shoutbox dd {

margin:0;
padding:0;

}

#shoutbox dt {
color:#777;
font-size:80%;
}

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

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap {



background: url(http://z3.ifrm.com/173/117/0/p82558/h2wrap.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://z3.ifrm.com/173/117/0/p82556/h2left.jpg) no-repeat top left;
height: 44px;
}

/* h2center is the text itself. */
.h2center{
padding: 10px 0px 0px 0px;
height: 44px;
text-align:center;
font-weight:bold;
font-size:90%;
color: #fff;
}

div.h2center a { color: #fff!important; }

/* h2right is the right image. */
.h2right {
background: url(http://z3.ifrm.com/173/117/0/p82557/h2right.jpg) no-repeat right top;
height: 44px;
}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {
right: 5px;


top: 2px;
}

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

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile th, .calendar th, #portal h2, #portal_foot h2, h2.special, #acplogin th {
padding:5px;
background:url(http://z3.ifrm.com/173/117/0/p82883/quotesetc.jpg) top repeat-x #2b2b2b;
border-width:0px; }
.profile th, h2.special { border-left:1px solid #1f1f1f;
border-right:1px solid #1f1f1f;
}
.calendar th, #portal_foot h2, #portal h2, #acplogin th { border:1px solid #1f1f1f; border-bottom:0; }
#portal h2 { border:1px solid #1f1f1f; }

#main_content{width:100%;margin:auto;}

#side_l {background: url(http://z3.ifrm.com/173/117/0/p82636/bleft.jpg) repeat-y left;}
#side_r {background:url(http://z3.ifrm.com/173/117/0/p82637/bright.jpg) repeat-y right #2b2b2b;margin-left:34px;padding-right:34px;
}

#footer {background:url(http://z3.ifrm.com/173/117/0/p82860/tdwrap.jpg);height:34px; width:100%;}
#footer_l {background:url(http://z3.ifrm.com/173/117/0/p82856/tdleft.jpg); height: 34px; width: 34px; float:left;}
#footer_r {background:url(http://z3.ifrm.com/173/117/0/p82859/tdright.jpg); height: 34px; width: 34px; float:right;}



#wrap,#nav,#foot{background:#2b2b2b;border:0; }
#foot{margin-top:20px;}






.category td.c_foot {
background:url(http://z3.ifrm.com/173/117/0/p82741/th.jpg) repeat-x top #242424;
padding:2px;
}

input.row1 { background: #2a2a2a; }

Edited by DaPizzaMan, Oct 12 2017, 09:17 PM.
Offline Profile Quote Post Goto Top
 
Trav-man
Member Avatar
That's Travtastic!
[ *  *  *  *  *  *  *  * ]
it's perty.


but the logo thing at the top looks misshapen to me.
poor logo. imagine if he had to go to school with all the other little logos and they all laughed at him because he was a weirdo.

:(

you should be more considerate of your logos and their feelings!
Offline Profile Quote Post Goto Top
 
Kevin
paradise
[ *  *  *  *  *  *  *  * ]
It looks very nice - well done tto. ^_^ A few images show up awkwardly for me though; I'm terrible with explaining when it comes to theme CSS, so I went ahead and highlighted what I see in Paint:

http://sixpop.com/images/566567324.png
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Great job TTO :P
You just need to fix up the image borders and code the portal.
Offline Profile Quote Post Goto Top
 
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
You're a coding machine. Totally opposite of me. I take ages to work on coding my themes. x_x

I agree with Travis here. Although the logo there isn't quite part of the theme, I think it's a bit of a let down. You should try to make it more appealing to make people want to use it. It's like fast food. Although their food actually looks terrible, the ones you see in the menu look soooo savory it makes you want to eat. Okay, bad metaphor. Forget it.

But seriously, I like the theme overall. But you need to fix the image borders. They are displaying awkwardly to me. The c_foot in the stats also aren't looking right.
Edited by .Danilo, Nov 19 2008, 09:21 AM.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
cfoot should be fixed, so should the portals. i had to redo the bottom border completely. which is depressing, cause i really liked the idea, i just couldn't make it work. it would have worked perfectly had everyone had their browser windows exactly as wide as mine XD

anyway, i had trouble making a good banner, i'll try a new one after lunch.
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
tiptopolive
Nov 19 2008, 11:00 AM
cfoot should be fixed, so should the portals. i had to redo the bottom border completely. which is depressing, cause i really liked the idea, i just couldn't make it work. it would have worked perfectly had everyone had their browser windows exactly as wide as mine XD

anyway, i had trouble making a good banner, i'll try a new one after lunch.
Next time you have that problem IM me. I might have a solution.
Offline Profile Quote Post Goto Top
 
Lydia
Member Avatar
Cogito ergo sum
[ *  *  *  *  *  *  * ]
stats c_foot, the link for top ten overall posters (more specifically the word posters) runs over into another line.

The right top border, doesn't work correctly when logged out.

Other than that very nice. ^_^
Offline Profile Quote Post Goto Top
 
Sith
Member
[ *  *  *  *  *  *  * ]
While I like random indents, I'm not sure about one going straight through the centre of the text area behind the text.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Lydia
Nov 19 2008, 02:21 PM
stats c_foot, the link for top ten overall posters (more specifically the word posters) runs over into another line.

The right top border, doesn't work correctly when logged out.

Other than that very nice. ^_^
Fixed the top right border, and I think I fixed the cstatsfoot, even though i wasn't totally sure what the problem was :P
Offline Profile Quote Post Goto Top
 
Lokyr
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Great job. Looks very nice. :)
Offline Profile Quote Post Goto Top
 
Locke
Member Avatar
That one guy
The cfoot still isn't fixed. On my screen, the text runs into a second line no matter how large my browser window is.

The banner still isn't fabulous, but personally I find a banner negligible. Most users want something custom there anyway.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
i gave up on the c_foot, it's now just a standard bar.
Offline Profile Quote Post Goto Top
 
Leda
Member Avatar
cARpE dIEm
[ *  *  *  *  *  *  *  * ]
Oo didn't see this before. For a dark skin, I find it very relaxing! :yes:

Good job TTO! :D
Offline Profile Quote Post Goto Top
 
g3t r3al nub
Member
[ * ]
nice one :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply