|
You want simple? You got it.; Simply Simple
|
|
Topic Started: Jul 18 2004, 09:36 AM (1,002 Views)
|
|
TidalWave-ZNR
|
Jul 18 2004, 09:36 AM
Post #1
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
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 }
|
|
|
| |
|
Stary
|
Jul 18 2004, 09:39 AM
Post #2
|
- Posts:
- 9,583
- Group:
- Members
- Member
- #11,143
- Joined:
- April 13, 2004
|
well, it's simple like u said
|
|
|
| |
|
Xendio
|
Jul 18 2004, 09:52 AM
Post #3
|
- Posts:
- 60
- Group:
- Members
- Member
- #18,468
- Joined:
- July 8, 2004
|
yea very simple :wacko: Just like my skin Steel Heaven
|
|
|
| |
|
CT7
|
Jul 18 2004, 10:04 AM
Post #4
|
- Posts:
- 457
- Group:
- Members
- Member
- #13,515
- Joined:
- May 16, 2004
|
Its not bad. Nice and simple, although I would like it better if you could see the border colours of the rows.
|
|
|
| |
|
TidalWave-ZNR
|
Jul 18 2004, 10:07 AM
Post #5
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
- 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.
|
|
|
| |
|
Zeus00
|
Jul 18 2004, 10:08 AM
Post #6
|
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
- Posts:
- 20,730
- Group:
- Members
- Member
- #10,775
- Joined:
- April 8, 2004
|
Simple it is...it needs a different color titlemedium..or a grad.
|
|
|
| |
|
TidalWave-ZNR
|
Jul 18 2004, 10:16 AM
Post #7
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
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.
|
|
|
| |
|
Exorcist
|
Jul 18 2004, 10:32 AM
Post #8
|
- Posts:
- 3,762
- Group:
- Members
- Member
- #4,921
- Joined:
- January 2, 2004
|
I just don't like gray with blue mixed together...;)
|
|
|
| |
|
Metabolic
|
Jul 18 2004, 11:28 AM
Post #9
|
- Posts:
- 17,279
- Group:
- Members
- Member
- #5,936
- Joined:
- January 18, 2004
|
Very simple indeed
|
|
|
| |
|
the future
|
Jul 18 2004, 01:10 PM
Post #10
|
Skins:24 WOWs:3 Battle:3/2
- Posts:
- 797
- Group:
- Banned
- Member
- #17,095
- Joined:
- June 25, 2004
|
i dont like this one, 4/10
|
|
|
| |
|
TidalWave-ZNR
|
Jul 18 2004, 01:40 PM
Post #11
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
- 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.
|
|
|
| |
|
kjoe
|
Jul 18 2004, 01:42 PM
Post #12
|
- Posts:
- 579
- Group:
- Members
- Member
- #2,620
- Joined:
- November 2, 2003
|
5/10.
|
|
|
| |
|
TidalWave-ZNR
|
Jul 18 2004, 01:49 PM
Post #13
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
O_o Woah...I was expecting zeroes, and I get a 5...
That's...different...
Thanks, though.
|
|
|
| |
|
TidalWave-ZNR
|
Jul 21 2004, 08:13 PM
Post #14
|
- Posts:
- 68
- Group:
- Members
- Member
- #1,924
- Joined:
- October 5, 2003
|
Sorry for the double post, but I added grads. 
Whatcha think now?
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|