Welcome Guest [Log In] [Register]
  • Pages:
  • 1
Evergreen; ZB: Green/Mint Green
Topic Started: Nov 3 2008, 01:53 AM (1,727 Views)
tiptopolive
Member Avatar
the last poets
Evergreen

Author: tiptopolive
#: 7
Notes: because it's green all year round, get it? anyways. i am proud of this one, i actually got it to the point where i would want to use it for my own forum (if i had one). :P (the topmenu cuts off on the right side when viewing as a guest, but it is correct on the member view).


Preview - select "Evergreen" in the themechooser

Graphics by me
Download - Forum Markers, Topic Icons, Button Images

Installation Notes: The banner for this skin is a part of the top border. I have included a blank .psd for editing in the graphics pack that accompanies the skin. I strongly suggest you use it if you want to match the skin well. Also, try not to make your banner overly long or it will disrupt the compatability of the theme on smaller monitors.

Edit Theme Layout


Code:
 
<div id="main_content">
<div id="header_l"><!-- top left corner --></div>
<div id="header_r"><!-- top right corner --></div>
<div id="side_l"><div id="side_r">

<!-- HEADER --><!-- SUBMENU --><!-- TOPMENU --><div id="wrap"><!-- NAV --><!-- BOARD --></div>
<br><center><font size="0px">Theme <b>Evergreen</b> created by tiptopolive of the <a href=http://ifsz.com><b>IFSZ</b></a></font></center>
</div></div>

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

<script type="text/javascript">
//<![CDATA[
$(".drop_menu ul").corner("bottom 8px");
//]]>
</script>

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


Edit Theme Appearance

Code:
 
html,body {
background:#c2d1bc;
color:#63755d;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color:#63755d;
text-decoration:none;
}

a:hover {
color:#93a58c;
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 #c5d2c0;
}

th {
background:url(http://209.85.62.24/194/76/0/p76006/hostdby_copy.jpg) repeat-x top #ecf4e9;
color:#63755d;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
color:#63755d;
padding:5px 10px;
}

th a {
color:#63755d;
font-weight:700;
}

th a:hover {
color: #93a58c; }

h1 {
font-size:200%;
}

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


input,select,textarea,button,a.btn_fake {
background:#f5fbf2;
border:1px solid #ccd9c8;
color:#6f7b69;
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:#b3c3ad;
}

.submit_error {
background:#f2f9f0;
border:1px solid #d6e2d4;
}

button,a.btn_fake {
background:url(http://209.85.62.24/194/76/0/p76729/button.jpg) repeat-x top #d9e4d4;
color:#6f7b69;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

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

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

.notice {
background:#f5fbf2;
border:2px solid #5a6a53;
color:#77896f;
margin:10px auto 0;
width:70%;
}

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

.notice dd {
font-style:italic;
}

dl.info {
background:#f2f9f0;
border-color:#52614b;
}

.info dt {
background:#77896f;
color:#fff;
}

dl.error {
background:#f2f9f0;
border-color:#5a6a53;
}

.error dt {
background:#77896f;
color:#fff;
}

#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 a, #top strong a, #top small a { color: #63755d; }
#top a:hover, #top strong a:hover, #top small a:hover { color: #8ea387; text-decoration:none; }

#top {
background: repeat-x top url(http://209.85.62.24/194/76/0/p75926/topmenucenter.jpg) transparent;
border-bottom:0px;
height: 30px;
padding:0;
margin: 0px;
}

#top_info {
background: no-repeat top left url(http://209.85.62.24/194/76/0/p75927/topmenuleft.jpg);
color:#63755d;
font-size:80%;
float:left;
padding:9px 9px;
padding-left:30px!important;
margin-top:0px;
}

#top_menu {
background: url(http://209.85.62.24/194/76/0/p75928/topmenuright.jpg) top right no-repeat;
font-size:80%;
float:right;
padding:0px;
padding-right:42px!important;
margin-top:0px;
}

.drop_menu img { display:none; }

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

.drop_menu a {
color:#ef7400;
display:block;
padding:3px 1px;
position:relative;
width:9em;
}

.drop_menu a:hover {
color:#8ea387;
}

.drop_menu ul {
background: url(http://209.85.62.24/194/76/0/p76001/dropbg.jpg) top repeat-x #f1f6ef;
-moz-opacity:0.85;
color:#fff;
left:-999em;
margin:0;
opacity:1;
position:absolute;
width:9.4em;
border:1px solid #c4d3c0;
padding-bottom:4px;
}

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

.drop_menu ul li a {
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}


.drop_menu li ul li a:hover {
background: #e9f1e7;
}

#submenu_bar {
display:none;
}

#submenu {
background:url(http://209.85.62.24/194/76/0/p76861/submenuwhole.jpg) center no-repeat #ecf4e9;
text-align: center;
font-size: 12px;
align:center;
padding:9px 3px 8px 3px;
font-weight:bold;
margin-top:20px;
margin-bottom:8px;
}

#wrap {
background:#ecf4e9;
border:1px solid #3A5197;
margin:0 2% 30px;
}

#nav {
color:#85957f;
height:1%;
padding:10px 1%;
margin-top:22px!important;
}

.meta_box {
background: #f2f9f0;
border:1px solid #d6e2d4;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

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

.meta_menu h3 {
background: url(http://209.85.62.24/194/76/0/p76290/middle.jpg) repeat-x bottom #ecf4e9;
border-left:1px solid #c5d2c0;
border-right:1px solid #c5d2c0;
border-bottom:0;
color:#63755d;
font-size:105%;
clear:both;
font-weight:700;
margin:-1px;
text-align:center;
padding:15px 0 9px 0;
}

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:#fff;
border:1px solid #e7e7e7;
color:#5a70b3;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#f6f6f6;
color:#5a70b3;
}

.cat-pages span {
background:#5a70b3;
border:1px solid #3a5197;
color:#FFF;
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: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/194/76/0/p76525/tdcfoot.jpg) repeat-x top #8ba388;
color:#80947a;
font-size:80%;
}

td.c_desc {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
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:#e5eee1;
font-weight:700;
}

tr.hidden td.c_post {
background:#e7efe3;
}

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

.c_mark {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
text-align:center;
width:1%;
}

.c_forum {
color:#93a58c;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#63755d;
}

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

td.c_last {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://209.85.62.24/194/76/0/p77097/new.png) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #e7efe3;
}

td.c_subforum {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
color:#93a58c;
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:#69795f;
}

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

td.c_username {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
padding:5px 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:#e3eedd;
border:1px solid #cbd6c5;
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;
background: url(http://209.85.62.24/194/76/0/p76001/dropbg.jpg) top repeat-x #f1f6ef;
border:1px solid #c4d3c0;
border-top:0;
}

#profile_menu a {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
border:1px solid #c4d3c0;
color: #63755d;
margin:0;
}

#profile_menu li li a {
border:0;
color: #63755d;
background:none;
margin:0;
}

#profile_menu li ul li a:hover {
color: #93a58c;
background:none;
text-decoration:none;
margin:0;
}

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/static/1/poll_b.png) no-repeat right;
float:left;

height:12px;
padding-right:3px;
}


td.c_poll-bar span {
background:url(http://209.85.62.24/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) bottom #d8e5d4;
color:#63755d;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
border:1px solid #c5d2c0; border-top:0;
}

.queued {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) bottom #d8e5d4;
border-color:#c5d2c0;
}

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

blockquote dl {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
border-bottom:1px solid #c4d2bf;
color:#62755d;
}

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

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

div.spoiler {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
border:1px solid #c4d2bf;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://209.85.62.24/194/76/0/p76729/button.jpg) repeat-x top #d9e4d4;
border:1px solid #c4d2bf;
color:#63755d;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
color:#8a9984;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#86987f;
font-size:80%;
background:none;
}

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

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

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

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

tr.c_postfoot td {
background:url(http://209.85.62.24/194/76/0/p76729/button.jpg) repeat-x top #d9e4d4;
clear:both;
}

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

td.c_footicons td {
background:url(http://209.85.62.24/194/76/0/p76729/button.jpg) repeat-x top #d9e4d4;
}

td.c_username {
width:175px;
}

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

td.c_view {
background:#e4eee1;
color:#80947a;
font-size:92.5%!important;

}

div.c_view-list {
background: #ecf4e9;
color:#80947a;
font-size:92.5%;
border-top:1px solid #d8e2d4;
border-bottom:1px solid #d8e2d4;
padding: 3px 10px;
margin-left:-10px;
margin-right:-10px;
}

dl#fast-reply dt {
background: url(http://209.85.62.24/194/76/0/p76290/middle.jpg) repeat-x bottom #ecf4e9;
border-left:1px solid #c5d2c0;
border-right:1px solid #c5d2c0;
border-bottom:0;
color:#63755d;
font-size:105%;
font-weight:700;
margin:0;
padding:15px 0 9px 0;
text-align:center;
}

dl#fast-reply dd {
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
border:1px solid #d8e2d4;
border-top:0;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#ecf4e9;
border:1px solid #c5d2c0;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#63755d;
cursor:pointer;
font-size:205%;
padding:20px 5px 0;
}

#emot_wrap {
background:#ecf4e9;
border:1px solid #c5d2c0;

}



#emot_list {
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
}

#emot_wrap h3 {
background:url(http://209.85.62.24/194/76/0/p76729/button.jpg) repeat-x top #d9e4d4;
border-bottom:1px solid #c5d2c0;
color:#63755d;
font-size:120%;
text-align:center;
}


#emot_end {
border-top:1px solid #c5d2c0;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #c5d2c0;
border-right:1px solid #c5d2c0;

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/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #c5d2c0;


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


.calendar td.cal_inactive {
background:#ecf4e9;
color:#a9baa3!important;
}

.calendar td div {
background:url(http://209.85.62.24/194/76/0/p76424/rowsdark.jpg) top repeat-x #e7efe3;
border-bottom:1px solid #c4d2bf;
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:#d6e2d1;
border:2px solid #42553e;
}

div.portal_content {
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
border:1px solid #c4d2bf;
font-size:88.3%;
margin:0;
padding:5px 7px;
color: #7e9078;
}

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


#portal h4 {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) top repeat-x #d8e5d3;
border-left:1px solid #c4d2bf;
border-right:1px solid #c4d2bf;
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: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
border:1px solid #c5d2c0;
margin-bottom:1em;
padding:5px 7px;
color: #698065;
}

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

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

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

#pmtoast {
background:#fff;
border:2px solid #3a5197;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#3a5197;
}

#pmlink {
background:url(http://209.85.62.24/static/1/toast.png) no-repeat 5px;
color:#5a70b3;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#5a70b3;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#E77700;
}

#pmclose {
border-top:1px solid #3a5197;
color:#5a70b3;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#3a5197;
}

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

#foot td {
background: url(http://209.85.62.24/194/76/0/p76008/foot.jpg) top repeat-x #eff5ed;
color:#777;
font-size:80%;
border:1px solid #c4d3c0;
border-top:0;
}

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

#foot #foot_datetime {
border-left:1px solid #c4d3c0;
width:1%;
white-space:nowrap;
}

#copyright {
background: #c2d1bc;
color:#8a9984;
font-size:80%;
padding:5px;
text-align:center;
margin-bottom:-30px;
}

#copyright a {
color:#63755d;
font-weight:700;
}

#copyright a:hover {
text-decoration:underline
}

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

td.username_ok {
background:#e0fae0;
}

input.username_ok {
border:1px solid #549741;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
border:1px solid #974141;
}

#acplogin {
background: #ecf4e9;
border:2px solid #889782;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#4a5843;
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:18px 5px!important;
}

#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-top:10px;
}

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:24px;
}

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

.c_nosig {
background:none;
}

.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;
background:url(http://209.85.62.24/194/76/0/p76525/tdcfoot.jpg) repeat-x top #8ba388;
}

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

.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 {
color:#f3fbf0;
}

#submenu a:hover {
color: #e4f0e0;
}


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

.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:#53624c;
}

blockquote div {
background:#e7efe3;
}

.row2 td {
background: url(http://209.85.62.24/194/76/0/p76414/rows.jpg) top repeat-x #ecf4e9;
}

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

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:#a7b8a0;
border:1px solid #91a28a;
color:#63755d;
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:#a7b8a0;
}

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

#blog_head {
background:#eef5eb;
border:8px solid #a7b8a0;
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:#eef5eb;
margin:15px 0;
padding:5px 7px;
}

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

#blog_sub {
background: url(http://209.85.62.24/194/76/0/p77084/blogsub.jpg) top repeat-x #9fb09b;
clear:both;
position:relative;
padding:2px 7px;
text-align:right;
border-bottom:1px solid #91a28a;
border-top:1px solid #91a28a;
}

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

#blog_sub a {
color: #fff;
font-weight:bold;
font-size:80%;
}

#blog_sidebar {
background:#879983;
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:#eef5eb;
border:1px solid #cbd7c7;
color:#63755d;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#eef5eb;
border-top:1px solid #cbd7c7;
color:#63755d;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#eef5eb;
margin:10px 0;
padding:5px 7px;
}

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

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

#shoutwrap {
background:#eef5eb;
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;
}



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

/* repeating background image of the header */
#logo {background:url(http://209.85.62.24/194/76/0/p75811/bordertop.jpg);height: 96px; width:100%;}

/* top left corner */
#header_l {background:url(http://209.85.62.24/194/76/0/p75284/topleft.jpg);height: 126px; width: 126px; float:left;}
/* top right corner */
#header_r {background:url(http://209.85.62.24/194/76/0/p75285/topright.jpg);height: 126px;width: 126px;float:right;}

/* left side border */
#side_l {background:url(http://209.85.62.24/194/76/0/p75281/leftborder.jpg) repeat-y left;}
/* right side border */
#side_r {background:url(http://209.85.62.24/194/76/0/p75282/rightborder.jpg) repeat-y right #ecf4e9;margin-left:126px;padding-right:126px;}



/* repeated footer background */
#footer {background:url(http://209.85.62.24/194/76/0/p75278/bottomborder.jpg);height:92px; width:100%;}
/* bottom left corner */
#footer_l {background:url(http://209.85.62.24/194/76/0/p75279/bottomleft.jpg); height: 126px; width: 126px; float:left;}
/* bottom right corner */
#footer_r {background:url(http://209.85.62.24/194/76/0/p75280/bottomright.jpg); height: 126px; width: 126px; float:right;}

/* this will remove the spacing and borders from the default layout. Is essential for image border to appear correctly */
#foot_wrap {margin:20px 1% 0px; margin-bottom:0; }
#main,#nav,#wrap {background: #ebf4e8;margin:0;border:0px;}
.drop_menu { margin-bottom: 0;}



/***** h2 *****/



/* h2wrap is the center stretch.*/
.h2wrap {
background: url(http://209.85.62.24/194/76/0/p76290/middle.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://209.85.62.24/194/76/0/p76288/left.jpg) no-repeat top left;
height: 42px;
}

/* h2center is the text itself. */
.h2center{
padding:18px 0 0 0;
text-align:center;
height: 42px;
font-weight:bold;
color: #63755d;
}

/* h2right is the right image. */
.h2right {
background: url(http://209.85.62.24/194/76/0/p76289/right.jpg) no-repeat right top;
height: 42px;
}

/* 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, #acplogin th, div#portal_main h2, div#portal_foot h2 {
padding:15px 0 9px 0;
background: url(http://209.85.62.24/194/76/0/p76290/middle.jpg) bottom repeat-x;
border-left:1px solid #c5d2c0;
border-right:1px solid #c5d2c0;
color: #63755d;
font-weight:bold;
text-align:center!important;
}

.calendar th a {
color: #869281;
}

#acplogin th {
border-top:1px solid #c5d2c0;
}

.profile th.l { height: 40px!important; }


th#profile_menuwrap { height: 40px!important; }

/*** FEET ***/



td.c_head,td.c_foot {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) bottom #d8e5d4;
color:#63755d;
padding: 2px;
font-size:80%;
}

#stats td.c_foot, td.c_sort {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) bottom #d8e5d4;
padding: 22px;
}

.category td.c_foot {
background:url(http://209.85.62.24/194/76/0/p76525/tdcfoot.jpg) #799274;
height: 16px!important;}

#stats td.c_foot, td.c_sort {
background:url(http://209.85.62.24/194/76/0/p76528/tdcstatsfoot.jpg) bottom #d8e5d4;
padding: 4px;
}
Edited by tiptopolive, Nov 3 2008, 01:57 AM.
Posted Image
Goto Top
 
Deletion.
Member Avatar
doood, i can't beleedat!
Pretty good. :D It changed a bit from when you first showed me, eh? Likin' it as always (but not the td.c_foot as you know). :P Sweet shade of greeeeeeen.
Posted Image
Goto Top
 
Dakota
Member Avatar
he ate my
Ooh, I really like the borders alot. :D There is only one thing that I can nitpick at and it is how the current date on the calendar has a black border around it. Overall, I like it :)
Goto Top
 
tiptopolive
Member Avatar
the last poets
it isn't actually black, it's just a darker green than i intended =P i'll lighten it a bit.
Posted Image
Goto Top
 
Psychosocial
TZ Obsessed
Looking good TTO :D I'm not too fond of the colors but I like the borders. Good job
Goto Top
 
Devin.
Member Avatar
Settled In
Hawt TTO theme as usual.
Goto Top
 
Rae
Member Avatar
New Member
Great concept here. It is slightly choppy as you probably know, but overall sweet theme.
Posted Image
Goto Top
 
tiptopolive
Member Avatar
the last poets
thanks guys ^_^
Posted Image
Goto Top
 
Lydia
Member Avatar
Cogito ergo sum
Oh, I really like the border header. It just looks awesome. :P The colors are very soothing as well.

I'm not too fond of the h2 though. I think you could have done more with that. The h2 on the profile page could use some work. However, that's the only problem that really pops out at me.

Good job tiptopolive. :D
Posted Image
Goto Top
 
Axonite
Member Avatar
TZ Frequent
I wouldn't normally like a theme with those colours, but you have pulled it of, nice job.
Goto Top
 
Jenny
Member Avatar
killer queen
I love what you've done with the borders, but I have to agree with Lydia about the h2. Very nice job on this theme, though. :D
Posted Image

Hang on to the glory at my right hand
Here laid to rest is our love ever longed
With truth on the shores of compassion
You seem to take premise to all of these songs
-Coheed & Cambria.



Goto Top
 
tiptopolive
Member Avatar
the last poets
i've been having h2 inspiration troubles lately :d but thanks for the comments yall.
Posted Image
Goto Top
 
Scotty.
Member Avatar
toothy >=B
I can't say I'm a huge fan of the H2 but I absolutely adore the rest of the theme and the colours. Another great job TTO :D Really well done :)
Goto Top
 
angelspit.
Member Avatar
Settled In
Love the header. =]
aka Drama
Goto Top
 
skyrocket
Member Avatar
supercolour.
Looking good.
Goto Top
 
tiptopolive
Member Avatar
the last poets
thanks everyone :)
Posted Image
Goto Top
 
amhc
Member Avatar
resident jesus
tiptopolive
Nov 3 2008, 06:10 PM
i've been having h2 inspiration troubles lately :d but thanks for the comments yall.
A trend recently has been to focus less on the h2, but to put more of an emphasis on the header and border areas of the theme, putting less of an emphasis on the h2. You've seem to have done this with this theme, but that's just a trend I've observed. :P

Good job with this theme; I don't think it's your best theme, but it does look pretty nice. ^_^

The background and top border areas are very intriguing, but the way that you've done it makes it impossible for anybody to use a banner other than the one you've provided with a very small area for text and nothing more. The design looks cool, but decreasing usability for it wasn't that great of an idea. Perhaps keep this in mind for future themes? :P

I agree with Deletion about the c_foot - the dark lines and the bar through the middle of it breaks the "flow" of the image. A subtle light green gradient would have worked just as fine, instead of using a distracting dark border through the middle of an image, further dividing a small space. :P

The description text could be a tad darker, with a current contrast ratio of 2.33:1. Just a bit though, as I do agree that very dark description text isn't necessary. ;)

I do agree with everyone else about the jagged edges on some of the images, though. Nothing too major or terrible, though. :P

Good job and keep making themes tiptopolive. :D
Goto Top
 
.tony
Member Avatar
Settled In
Very good theme just a little choppy in some areas.
Goto Top
 
teen prodigy
Member Avatar
Settled In
Beyond awesome. IT just takes my breath away :o
A pirate was captured & brought before Alexander the Great. Alexander asked the pirate: 'How dare you molest the people?' The pirate replied:'And how dare you molest the entire world? I am called a thief because I do it with a little ship only. You do it with a great navy & you are called an Emperor!'
Under this scenario, powerless people doing trivial acts are the major terrorists of the world whilst major powers perpetrating terrorism in many parts of the world are the civilised barbarians.

Quote:
 
What reason could you have for not fighting in the Way of Allah-for those men, women and children who are oppressed and say, 'Our Lord, take us out of this city whose inhabitants are wrongdoers! Give us a protector from You! Give us a helper from You!'?
(Surat an-Nisa': 75)
Goto Top
 
Kuzco
Member Avatar
universal
Lovely TTO. :)
Posted Image
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Blue, Green · Next Topic »
  • Pages:
  • 1