|
Teal Breeze; teal/light teal/pale gray
|
|
Topic Started: Jun 28 2008, 09:22 PM (348 Views)
|
|
mousethful
|
Jun 28 2008, 09:22 PM
Post #1
|
- Posts:
- 6
- Group:
- Members
- Member
- #286,962
- Joined:
- July 17, 2007
|
Theme/Skin Name: Teal Breeze Author: mousethful Date Created: Sometime last week. Side Notes: This one was...interesting. I had no access to photoshop, so I had to be a little creative in getting things. Hex codes were found posted in various places on the interwebs, and I actually made my grad bars on Microsoft Word. xP It's a little bit thrown together though, so if I missed something let me know what it is so I can fix it.
Preview
Header
- Code:
-
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#1B708C" link="#000000" vlink="#000000" alink="#000000" leftmargin="1.5" topmargin="1.5" marginwidth="1.5" marginheight="0"> <table width="850"border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#ffffff" bordercolor="#1B708C"> <tr> <td width="90%" bgcolor="#ffffff"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %>
Footer
- Code:
-
</td> </tr> </table>
CSS
- Code:
-
</STYLE><CENTER>Skin created by <B>mousethful</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #1B708C; margin:0px 10px 0px 10px;background-color:#EEF1F9 } TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #1B708C; } a:link, a:visited, a:active { text-decoration: underline; color: #1B708C } a:hover { color: #A5C7CE; text-decoration: underline }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:2px outset #1B708C;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: #ffffff; } .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:#fff;background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box1.png) ;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 #1B708C;background-color: #EEF1F9 } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #EEF1F9; border:1px solid #1B708C;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #1B708C;background-color: #EEF2F7;background-image:url(http://invisionfree.com:54/style_images/1/tile_back.gif);padding:0px;margin:0px; } #submenu { border:1px solid #1B708C; background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box1.png); font-size:10px;margin:3px 0px 3px 0px;color:#ffffff;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ffffff; } #userlinks { border:1px solid #1B708C; background-color: #EEF1F9; }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#EEF1F9; padding:6px }
.pformstrip { background-color: #fff; background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box2.png); color:#ffffff;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #EEF1F9; padding:6px; margin-top:1px;width:25%; border-top:1px solid #1B708C; border-right:1px solid #1B708C; } .pformleftw { background-color: #EEF1F9; padding:6px; margin-top:1px;width:40%; border-top:1px solid #1B708C; border-right:1px solid #1B708C; } .pformright { background-color: #EEF1F9; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }
.post1 { background-color: #ffffff } .post2 { background-color: #ffffff } .postlinksbar { background-color:#EEF1F9;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #EEF1F9 } .row2 { background-color: #EEF1F9 } .row3 { background-color: #EEF1F9 } .row4 { background-color: #EEF1F9 }
.darkrow1 { background-color: #EEF1F9; color:#1B708C; } .darkrow2 { background-color: #BCD0ED; background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box2.png); color:#ffffff; } .darkrow3 { background-color: #fff; color:#ffffff; }
.hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#ffffff; padding:7px; margin:0px; background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box2.png) } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffffff }
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i273.photobucket.com/albums/jj217/themthurthing/box1.png) } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF } .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #1B708C;background-color:#F5F9FD } .tableborder { border:1px solid #1B708C;background-color:#FFF; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #1B708C;background-color:#EEF1F9;padding:6px; } .tablepad { background-color:#EEF1F9;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:#1B708C } .edit { font-size: 9px; color:#A5C7CE }
.signature { font-size: 10px; color: #1B708C } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #003 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #900 }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #A5C7CE; background-color: #ffffff; border: 1px solid #1B708C; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #A5C7CE; background-color: #ffffff; border: 1px solid #1B708C; 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 }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } .forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #1B708C }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
div.tableborder div.tablepad {background-color: #EEF1F9!important;} div.tableborder div.tablepad table {background-color: #EEF1F9!important;} div.tableborder div.tablepad table font {font-size: 11px; font-family: verdana; color: #1B708C;}
.purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold }
|
|
|
| |
|
Nivexonix
|
Jul 3 2008, 04:13 PM
Post #2
|
- Posts:
- 7,634
- Group:
- Members
- Member
- #143,495
- Joined:
- January 31, 2006
- I'm Browsing With
- Chrome
|
I would possibly change the white to a light blue color. However, a simplistic and nice skin. Great work.
|
|
|
| |
|
Sara.
|
Jul 4 2008, 12:01 PM
Post #3
|
- Posts:
- 110
- Group:
- Members
- Member
- #254,311
- Joined:
- February 28, 2007
|
I like it a lot
|
|
|
| |
|
amhc
|
Jul 8 2008, 09:57 PM
Post #4
|
- Posts:
- 14,594
- Group:
- Banned
- Member
- #197,245
- Joined:
- July 28, 2006
|
Looking nice, especially if you had to make the gradients in Microsoft Word. 
I'm liking the color scheme, though instead of using white on the titlemedium, perhaps you should have used a darker color instead. At the moment it's hard to make out the words and a darker color would be a lot easier to read. 
Your skin still has the default submenu images. To remove these, simply add the following snippet anywhere in your CSS.
- Code:
-
#submenu img { display: none; }
Nicely done, I hope to see more skins from you in the future.
|
|
|
| |
|
mousethful
|
Jul 9 2008, 06:30 PM
Post #5
|
- Posts:
- 6
- Group:
- Members
- Member
- #286,962
- Joined:
- July 17, 2007
|
Ah, thanks for that. I didn't know you could get rid of those. XD I could read the white fine, but then again I've got pretty good eyes so you're probably right. -shrug- Ah well.
Thanks for the compliments, everyone. ^^
|
|
|
| |
|
Lil X Rang3r
|
Jul 9 2008, 08:01 PM
Post #6
|
- Posts:
- 53
- Group:
- Members
- Member
- #298,767
- Joined:
- September 14, 2007
|
Me likes =)
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|