|
Olive Martini
|
|
Topic Started: Mar 19 2006, 10:57 PM (391 Views)
|
|
FallenHero
|
Mar 19 2006, 10:56 PM
Post #1
|
- Posts:
- 2,771
- Group:
- Members
- Member
- #5,036
- Joined:
- January 3, 2004
|
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>
|
|
|
| |
|
Numark
|
Mar 19 2006, 11:07 PM
Post #2
|
- Posts:
- 3,810
- Group:
- Members
- Member
- #56,831
- Joined:
- February 27, 2005
- My Board URL
- http://s12.zetaboards.com/Self_Concept/index/
|
very well done, very sleek and perfect color balance, a little simple ,but you made it work...9/10
|
|
|
| |
|
FallenHero
|
Mar 19 2006, 11:09 PM
Post #3
|
- Posts:
- 2,771
- Group:
- Members
- Member
- #5,036
- Joined:
- January 3, 2004
|
It's made for an oss battle.
|
|
|
| |
|
..:;:..
|
Mar 20 2006, 03:10 AM
Post #4
|
- Posts:
- 3,137
- Group:
- Members
- Member
- #91,046
- Joined:
- July 20, 2005
|
The MT is a bit plain but the skin really looks cool.
|
|
|
| |
|
FallenHero
|
Mar 20 2006, 03:14 AM
Post #5
|
- Posts:
- 2,771
- Group:
- Members
- Member
- #5,036
- Joined:
- January 3, 2004
|
Thanks, I'm not good at making enhanced maintitles, but it is suppose to be OSS in the first place. -_-
|
|
|
| |
|
Peter
|
Mar 20 2006, 07:14 AM
Post #6
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #50,386
- Joined:
- January 28, 2005
|
looks good, try adding a gradient to your .caldate, also reduce the padding on your .poslinksbar, it quite large at the moment.
|
|
|
| |
|
antman102
|
Mar 20 2006, 07:24 AM
Post #7
|
- Posts:
- 800
- Group:
- Members
- Member
- #73,691
- Joined:
- May 13, 2005
|
Very nice skin Great green skin, not bad at all. Maybe some detailed gradient around the skin will spice it up. 8/10
|
|
|
| |
|
Dynamik. (PM)
|
Mar 20 2006, 08:12 AM
Post #8
|
- Posts:
- 4,528
- Group:
- Restricted (PM)
- Member
- #119,609
- Joined:
- November 3, 2005
|
Nice job, it looks very sleek.
Can you post the download link for the forum markers?
|
|
|
| |
|
mom2maggie
|
Mar 20 2006, 09:17 AM
Post #9
|
- Posts:
- 37
- Group:
- Members
- Member
- #137,469
- Joined:
- January 10, 2006
|
I like this a lot! The color of green is unique!
|
|
|
| |
|
Lastscionz
|
Mar 20 2006, 09:18 AM
Post #10
|
- Posts:
- 7,098
- Group:
- Banned
- Member
- #91,469
- Joined:
- July 21, 2005
|
Good job, I like it.
|
|
|
| |
|
Killer_911
|
Mar 20 2006, 07:34 PM
Post #11
|
- Posts:
- 353
- Group:
- Members
- Member
- #139,608
- Joined:
- January 17, 2006
|
Nice, I really like it.
|
|
|
| |
|
FallenHero
|
Mar 21 2006, 12:13 AM
Post #12
|
- Posts:
- 2,771
- Group:
- Members
- Member
- #5,036
- Joined:
- January 3, 2004
|
I just made one forum marker for the skin, but you can right click and save it.
|
|
|
| |
|
Stephen-ZNR
|
Mar 21 2006, 03:38 AM
Post #13
|
- Posts:
- 3,483
- Group:
- Members
- Member
- #62,467
- Joined:
- March 24, 2005
|
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
|
|
|
| |
|
FallenHero
|
Mar 21 2006, 04:29 AM
Post #14
|
- Posts:
- 2,771
- Group:
- Members
- Member
- #5,036
- Joined:
- January 3, 2004
|
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.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|