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
You want simple? You got it.; Simply Simple
Topic Started: Jul 18 2004, 09:36 AM (1,002 Views)
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
Title: Simply Simple
Author: TidalWave (Tidal)
Skin #: 2
Comments: This is the CSS of the IPB skin I made. It uses the same HTML templates and wrappers at InvisionBlue. This is probably the worst skin I've ever made. It's also the second skin I've ever made. You all are probably gonna give me like 0/10, but what it looks like is what I was going for. It's supposed to be as simple as possible, and I think I did a pretty good job at making it that.

Preview: Click here.

CSS:
Code:
 
/* Simply Simple by Tidal of technoblog Designs */

html{
overflow-x: auto;
}

BODY{
font-family: Verdana, Tahoma, Arial, sans-serif;
color: #333399;
margin: 25px;
background-color: #AAAAAA;
background-image: url(http://TidalWaveRSA.home.comcast.net/technoblog/v2/background.jpg);
font-size: 11px;
text-align: left;
}

a:link,
a:visited,
a:active{
text-decoration: underline;
color: #222222;
}

a:hover{
color: #555555;
text-decoration: none;
}

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #333399 }

/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:100%; margin-left:auto;margin-right:auto }

fieldset.search { padding:6px; line-height:150% }
label      { cursor:pointer; }
form       { display:inline; }
img        { vertical-align:middle; border:0px }
img.attach { border:2px outset #333399;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:#777;background-color:#DFE6EF;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 #333399;background-color: #DEDEDE }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { text-align: center;border:1px solid #333399;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #333399;background-color: #CCCCCC;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a { font-weight:bold;font-size:10px;text-decoration: none; }
#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: underline; }
#userlinks { border:1px solid #333399; background-color: #CCCCCC }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#DEDEDE; padding:6px }

/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #DEDEDE; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #DEDEDE; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
</style><center><font color="#000000"><b>Simply Simple</b> skin created by <i>Tidal</i> of <b><a href="http://techno-blog.tk" target="_blank">technoblog</a> Designs</b>.<br />Find more great skins at the <b><a href="http://www.ifskinzone.net" target="_blank">IF Skin Zone</a></b>.</font></center><br /><style>
.pformleftw { background-color: #DEDEDE; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #DEDEDE; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

/* Topic View elements */
.signature   { font-size: 10px; color: #111; line-height:150% }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #339 }
.normalname a { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.post1 { background-color: #DEDEDE; color: #333399 }
.post2 { background-color: #DEDEDE; color: #333399 }
.postlinksbar { background-color:#DEDEDE;padding:7px;margin-top:1px;font-size:10px }

/* Common elements */
.row1 { background-color: #DEDEDE }
.row2 { background-color: #DEDEDE }
.row3 { background-color: #DEDEDE }
.row4 { background-color: #DEDEDE }

.darkrow1 { background-color: #CCCCCC; color:#000; }
.darkrow2 { color:#339; background: url(http://TidalWaveRSA.home.comcast.net/technoblog/v2/contentbottom.jpg) no-repeat bottom left; background-color: #DEDEDE; border-top: 1px solid #55F; margin: 0px; padding: 0px 13px 1px 13px; }
.darkrow3 { background-color: #CCCCCC; color:#000; }

.hlight { background-color: #F7F7F7 }
.dlight { background-color: #AAAAAA }

.titlemedium { font-weight:bold; color:#000; padding:7px; margin:0px; background-color:#DEDEDE }
.titlemedium  a  { text-decoration: underline }

/* Main table top (dark blue gradient by default) */
.maintitle{
padding: 4px 5px 6px 20px;
background: url(http://TidalWaveRSA.home.comcast.net/technoblog/v2/contenttitle.jpg) no-repeat top left;
background-color: #DEDEDE;
text-align: left;
font-weight: bold;
}
.maintitle a { text-decoration: none }
.maintitle a:hover { text-decoration: underline }

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #333399;background-color:#DEDEDE }
.tableborder { border:1px solid #333399;background-color:#DEDEDE; padding:0; margin:0 }
.tablefill   { border:1px solid #333399;background-color:#DEDEDE;padding:6px;  }
.tablepad    { background-color:#DEDEDE;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:#434951 }
.edit { font-size: 9px }


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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

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

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #DEDEDE; border: 1px solid #333399 }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #DEDEDE; border: 1px solid #333399 }
input { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #DEDEDE; border: 1px solid #333399 }

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

.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 }
Offline Profile Quote Post Goto Top
 
Stary
Member Avatar
Member
[ *  *  *  *  *  *  *  * ]
well, it's simple like u said :D
Offline Profile Quote Post Goto Top
 
Xendio
Member
[ *  * ]
yea very simple :wacko:
Just like my skin Steel Heaven
Offline Profile Quote Post Goto Top
 
CT7
Member
[ *  *  * ]
Its not bad. Nice and simple, although I would like it better if you could see the border colours of the rows.
Offline Profile Quote Post Goto Top
 
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
CT7
Jul 18 2004, 02:04 PM
Its not bad. Nice and simple, although I would like it better if you could see the border colours of the rows.

Yeah, I tried that, but I made this skin to seamlessly integrate into my website, and with the borders in there, it just looked too different from the site to me.
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
Simple it is...it needs a different color titlemedium..or a grad.
Offline Profile Quote Post Goto Top
 
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
Click the Website link in my sig to view the site I made this skin to go with. Then you'll understand why the borders and everything except maintitle are they way they are.
Offline Profile Quote Post Goto Top
 
Exorcist
Member Avatar
Vendetta*//
[ *  *  *  *  *  * ]
I just don't like gray with blue mixed together...;)
Offline Profile Quote Post Goto Top
 
Metabolic
Member Avatar
Shrinking Universe
[ *  *  *  *  *  *  *  *  * ]
Very simple indeed :)
Offline Profile Quote Post Goto Top
 
the future
Member Avatar
Skins:24 WOWs:3 Battle:3/2
[ *  *  *  * ]
i dont like this one, 4/10
Offline Profile Quote Post Goto Top
 
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
the future
Jul 18 2004, 05:10 PM
i dont like this one, 4/10

Woah... O_o Someone actually gave it more than a zero.

:)
Offline Profile Quote Post Goto Top
 
kjoe
Member
[ *  *  *  * ]
5/10.
Offline Profile Quote Post Goto Top
 
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
O_o Woah...I was expecting zeroes, and I get a 5...

That's...different...

Thanks, though. :)
Offline Profile Quote Post Goto Top
 
TidalWave-ZNR
Member Avatar
Member
[ *  * ]
Sorry for the double post, but I added grads. :D

Whatcha think now?
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply