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:
Add Reply
Olive Martini
Topic Started: Mar 19 2006, 10:57 PM (391 Views)
FallenHero
Member Avatar
I. Stand. Alone. Inside.
[ *  *  *  *  *  * ]
Name: Olive Martini
Author: Cha0sAndSin
Date Created: 3/19/06
Can The CSS Be Modified: (Yes | No) No
Side Notes: Made for a battle

Buttons: None yet.
Preview - Olive Martini

CSS
Code:
 

html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #6b8e23; margin:0px 30px 0px 30px;background-color:#94B657; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #6b8e23; }
a:link, a:visited, a:active { text-decoration: underline; color: #6b8e23; }
a:hover { color: #556b2f; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px inset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall
a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }

option.sub { font-weight:bold;color:#555 }

.caldate { text-align:right;font-weight:bold;font-size:11px;color:#f3f3f3;
background-color:#6b8e23;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }

#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #d3d3d3;background-color: #f3f3f3 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #f3f3f3; border:1px solid #d3d3d3;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip {border:1px solid #d3d3d3;background-color:#f5f5f5;padding:0px;margin:0px;}

#submenu { border:1px solid #d3d3d3;background-color: #f5f5f5;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176145.jpg);
font-size:10px;margin:3px 0px 3px 0px;color:#6b8e23;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #6b8e23 }

#userlinks { border:1px solid #d3d3d3; background-color: #f5f5f5;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176099.jpg) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p215361.jpg); padding:6px }

.pformstrip { background-color: #f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176145.jpg); color:#6b8e23;font-weight:bold;padding:4px;margin-top:1px }
.pformleft { background-color: #f3f3f3; padding:6px; margin-top:1px;width:25%;border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; }
.pformleftw { background-color: #f3f3f3; padding:6px; margin-top:1px;width:40%;border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; }
.pformright { background-color: #f3f3f3; padding:6px; margin-top:1px;border-top:1px solid #d3d3d3; }

.post1 {border-top: 1px solid #ffffff;background-color: #f3f3f3}
.post2 {border-top: 1px solid #ffffff;background-color: #f3f3f3}

.postlinksbar { background-color:#f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176020.jpg)
;padding:7px;margin-top:1px;font-size:10px; }

.row1 {border-top: 1px solid #ffffff;background-color: #f3f3f3}
.row2 {border-top: 1px solid #ffffff;background-color: #f3f3f3}
.row3 {border-top: 1px solid #ffffff;background-color: #f3f3f3}
.row4 {border-top: 1px solid #ffffff;background-color: #f3f3f3}

.darkrow1 { background-color: #f3f3f3; color:#6b8e23; }
.darkrow2 { background-color: #f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176099.jpg); color:#6b8e23;padding:2px;margin:0px; }
.darkrow3 { background-color: #f3f3f3;background-image:url(http://i2.ifrm.com/6407/107/upload/p176099.jpg); color:#6b8e23; }

.hlight { background-color: #f3f3f3 }
.dlight { background-color: #f3f3f3 }

.titlemedium { font-weight:bold; color:#6b8e23; padding:4px; margin:0px; background-color: #f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p176145.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #6b8e23 }

.maintitle { vertical-align:middle;text-align:center;font-weight:bold; color:#f5f5f5; letter-spacing:1px; padding:6px 0px 6px 4px; background-color: #f3f3f3;
background-image:url(http://i2.ifrm.com/6407/107/upload/p174663.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #f5f5f5 }
.maintitle a:hover { color: #556b2f; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }

.tableborder { border:1px solid #d3d3d3;background-color:#d3d3d3; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #d3d3d3;background-color:#f3f3f3;padding:6px;  }
.tablepad { background-color:#f5f5f5;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }

.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#6b8e23 }
.edit { font-size: 9px }
.signature { font-size: 10px; color: #339 }

.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #556b2f }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }

.unreg { font-size: 11px; font-weight: bold; color: #808000 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 12px; border: 1px solid #6b8e23; background-image: url();background-repeat: repeat-x; background-color: #f3f3f3; color: #6b8e23; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family: Verdana, Arial;  font-size: 12px;  border: 1px solid #6b8e23; background-image: url(); background-repeat: repeat-x; background-color: #f3f3f3; color: #6b8e23; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px;line-height: 12px }

div.row4 { border:1px solid #6b8e23!important; background-color:#f3f3f3; padding: 0px 2px 0px 2px; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px;line-height: 12px }

.codebuttons { background: #f3f3f3;
background-image:url(http://i5.ifrm.com/6164/71/upload/p80541.jpg); border: 1px solid #6b8e23; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #6b8e23; }

.forminput { background: #f3f3f3;
background-image:url(http://i5.ifrm.com/6164/71/upload/p80541.jpg);
background-repeat: repeat-x; border: 1px solid #6b8e23; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #6b8e23; }

.textinput { background: #f3f3f3;
background-image:url(http://i5.ifrm.com/6164/71/upload/p80541.jpg);
background-repeat:repeat-x; border: 1px solid #6b8e23; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #6b8e23; }
.radiobutton { background: #f3f3f3; border: 1px solid #6b8e23; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #6b8e23; }

.checkbox { background: #ffffff; border: 1px solid #6b8e23; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #6b8e23; }

.thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #6b8e23; border-bottom: 1px solid #6b8e23; }

.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

.post1 table, .post2 table { background-repeat: repeat-x; background-color: #6b8e23; background-image: url(http://i2.ifrm.com/6407/107/upload/p174663.jpg); border: 1px solid #6b8e23; padding:2px; color: #6b8e23; }
td.post1 b, td.post2 b { color: #f3f3f3; }

div div.row4 {border: none !important;}


Header & Body
Code:
 

<table cellspacing="0"  align="center" bgcolor="#ffffff" valign="top" height="100%" width="825px"><tr><td valign="top" height="100%"  background="http://i2.ifrm.com/6407/107/upload/p177496.jpg" style="padding:15px;border:0px;"></td><td height="100%" valign="top" style="padding:10px">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<center>Skin credited to Cha0sAndSin of:<a href="http://ifsz.com">IFSZ</a></center>


Footer
Code:
 

</td><td align="left" valign="top" background="http://i2.ifrm.com/6407/107/upload/p177619.jpg" style="padding:15px;border:0px;"></td></tr></table>
Offline Profile Quote Post Goto Top
 
Numark
Member Avatar
Member
[ *  *  *  *  *  * ]
very well done, very sleek and perfect color balance, a little simple ,but you made it work...9/10
Offline Profile Quote Post Goto Top
 
FallenHero
Member Avatar
I. Stand. Alone. Inside.
[ *  *  *  *  *  * ]
It's made for an oss battle. :P
Offline Profile Quote Post Goto Top
 
..:;:..
Member Avatar
^-^*
[ *  *  *  *  *  * ]
The MT is a bit plain but the skin really looks cool.
Offline Profile Quote Post Goto Top
 
FallenHero
Member Avatar
I. Stand. Alone. Inside.
[ *  *  *  *  *  * ]
Thanks, I'm not good at making enhanced maintitles, but it is suppose to be OSS in the first place. -_-
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
looks good, try adding a gradient to your .caldate, also reduce the padding on your .poslinksbar, it quite large at the moment.
Offline Profile Quote Post Goto Top
 
antman102
Member
[ *  *  *  * ]
Very nice skin :) Great green skin, not bad at all. Maybe some detailed gradient around the skin will spice it up. 8/10
Offline Profile Quote Post Goto Top
 
Dynamik. (PM)
Member Avatar
holy shit look who it is
[ *  *  *  *  *  *  * ]
Nice job, it looks very sleek.

Can you post the download link for the forum markers?
Offline Profile Quote Post Goto Top
 
mom2maggie
Member
[ * ]
I like this a lot! The color of green is unique!
Offline Profile Quote Post Goto Top
 
Lastscionz
Member Avatar
.-.
[ *  *  *  *  *  *  * ]
Good job, I like it. :)
Offline Profile Quote Post Goto Top
 
Killer_911
Member Avatar
Member
[ *  *  * ]
Nice, I really like it.
Offline Profile Quote Post Goto Top
 
FallenHero
Member Avatar
I. Stand. Alone. Inside.
[ *  *  *  *  *  * ]
I just made one forum marker for the skin, but you can right click and save it.
Offline Profile Quote Post Goto Top
 
Stephen-ZNR
Member Avatar
stop it. no srsly.
[ *  *  *  *  *  * ]
The execting parents to be unleash a skin! Not bad :) I'm quite suprised, I didn't know you guys skinned at all.

I think it would improve a lot if you matched the forum's white background to the lightest color of the gradient - kind of giving it a "raised bordering effect."

There are a few default areas still needing cleared, like the .thin area - but those can get tedious I know. I'd really recommend removing the darkrow2 border on the topic listing page. That is waaaay to big, in my opinion.

Nice job on the advanced quote/code - I'm glad to see people start using that I think it really helps flavor a forum up.

On the .textinput, you have a gradient, but your background color doesn't match the darkest color of the it - I think that kinda looks weird. I'd say color match that up a bit better and you'd be good to go.

Looking forward to seeing you two skin more, if that's your plans ;)
Offline Profile Quote Post Goto Top
 
FallenHero
Member Avatar
I. Stand. Alone. Inside.
[ *  *  *  *  *  * ]
We took your advice and changed a few things up, cleared most of the defaults and changed the box around bg to white, which give it a better look. Also removed that horrible border in the topics view area. Thanks for the help. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply