[Swinny]

Skin Preview:.:Preview:.
Date Created:02.27.06
Style (Dark, Light, or Themed?):Miami Hurricane Themed
Preview:
Coding:

ACP >> Skinnings and Styles >> Images >> Logo:

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: 11px; color: #1B4F1B; margin:0px 10px 0px 10px;background-color:#406840 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #1B4F1B }
a:link, a:visited, a:active { text-decoration: underline; color: #1B4F1B }
a:hover { color: #ABBAAB; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #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: #abbaab; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#abbaab; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#abbaab }

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:10px; color:#1B4F1B; background-image: url(http://img6.picsplace.to/img6/14/caldate5.png) ; padding:2px;margin:0px ;border-bottom: 1px solid #406840; }

.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 #406840;background-color: #5C825C }
#ucpmenu pÂ* { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #5C825C; border:1px solid #406840;line-height:150%; width:auto }
#ucpcontent pÂ* { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #406840; padding:0px;margin:0px; }
#submenuÂ* { display:none; border:1px solid #406840;background-color: #5c825c;font-size:10px;margin:3px 0px 3px 0px;color:#1B4F1B;font-weight:bold;}
#submenu a:link, #submenuÂ* a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #1B4F1B; }
#userlinks { border:1px dashed #406840; background-color: #5c825c}

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

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

.pformstrip { background-color: #5c825c; background-image: url(http://img9.picsplace.to/img9/7/tm5.png); color:#1B4F1B;font-weight:bold;padding:3px;margin-top:1px }
.pformleftÂ* { background-color: #5c825c; padding:6px; margin-top:1px;width:25%; border-top:1px solid #406840; border-right:1px solid #406840; }
.pformleftw { background-color: #5c825c; padding:6px; margin-top:1px;width:40%; border-top:1px solid #406840; border-right:1px solid #406840; }
.pformright { background-color: #5c825c; padding:6px; margin-top:1px;border-top:1px solid #406840; }

.post1 { background-color: #5C825C;border-top:1px solid #6C8C6C;border-left:1px solid #6C8C6C; }
.post2 { background-color: #5C825C;border-top:1px solid #6C8C6C;border-left:1px solid #6C8C6C; }
.postlinksbar { background-color:#5c825c;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://img9.picsplace.to/img9/7/tm5.png) }

.row1 { background-color: #5C825C;color:#ABBAAB }
.row2 { background-color: #5C825C;border-top:1px solid #6C8C6C;border-left:1px solid #6C8C6C;color:#ABBAAB}
.row3 { background-color: #5C825C }
.row4 { background-color: #5C825C;border-top:1px solid #6C8C6C;border-left:1px solid #6C8C6C; }

div.row4 {border-color:#406840;border-right:1px solid #6C8C6C;border-bottom:1px solid #6C8C6C!important}
div.row4 {border-color:#406840!important}

.darkrow1 { background-color: #5c825c; color:#abbaab; }
.darkrow2 {border-top: 1px solid #6C8C6C; background-image: url(http://img4.picsplace.to/img4/20/dr2-5.png); background-color: #5c825c; color:#abbaab; padding: 2px; background-position: bottom;}
div.darkrow2 {border-top: 1px solid #6C8C6C; background-image: url(http://); background-color: #5c825c; color:#abbaab; padding: 2px;border-left: 1px solid #6C8C6C; border-bottom: 1px solid #6C8C6C; border-right: 1px solid #6C8C6C;Â* }
.darkrow3 {Â* background-image: url(http://); background-color: #5c825c; color:#abbaab; padding: 2px; background-position: bottom;Â* }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#abbaab; padding:3px; margin:0px;background-color: #5c825c; background-image: url(http://img9.picsplace.to/img9/7/tm5.png) }
.titlemediumÂ* a:link, .titlemediumÂ* a:visited, .titlemediumÂ* a:activeÂ* { text-decoration: underline; color: #abbaab }

.maintitle {text-align: center; vertical-align:middle; border: 1px solid #406840; border-bottom: none; font-weight:bold; color:#ABBAAB; letter-spacing:1px; padding:9px 0px 6px 5px; background-image: url(http://img6.picsplace.to/img6/14/MT5.png) }
.maintitle a:link, .maintitleÂ* a:visited, .maintitleÂ* a:active { text-decoration: none; color: #abbaab }
.maintitle a:hover { text-decoration: underline }

plainborder { border:1px solid #6C8C6C;background-color:#6C8C6C}
.tableborder { border:1px solid #6C8C6C;background-color:#406840; padding:0px; margin:0px; width:100% }
.tablefillÂ* { border:1px solid #406840;background-color:#406840;padding:6px;Â* }
.tablepadÂ* Â* { background-color:#5c835c;padding:6px;border:1px solid #406840; }
.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:#ABBAAB }
.edit { font-size: 9px }

.signatureÂ* { font-size: 10px; color: #ABBAAB }
.postdetails { font-size: 10px }
.postcolorÂ* { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #ABBAAB }
.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 { background-image: url(http://img6.picsplace.to/img6/14/cb5.png); background-repeat: repeat-x; font-family: Arial; font-size: 10px; color: #abbaab; background-color: #5c825c; border: 1px solid #406840; border-right: 3px double #406840; border-left: 3px double #406840; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODEÂ* { background-image: url(http://img6.picsplace.to/img6/14/cb5.png); background-repeat: repeat-x; font-family: Arial;Â* font-size: 10px; color: #abbaab; background-color: #5c825c; border: 1px solid #406840; border-right: 3px double #406840; border-left: 3px double; 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;
color:#abbaab;
font-family:arial, helvetica, sans-serif;
vertical-align: middle;
background-color:#5c825c;
background-image: url(http://img6.picsplace.to/img6/14/cb5.png);
background-position:top;border:1px solid #406840; }

.forminput, .radiobutton, .checkbox, textarea, option{ border:1px solid #406840Â* ;
color: #abbaab!importantÂ* ;
background-color:#5c825c!important;
font-size: 10px;
font-family: tahoma, helvetica, sans-serif;
vertical-align: middle;
background-image: url(http://img6.picsplace.to/img6/14/cb5.png)!important ;
background-repeat:repeat-x;
background-color: #5c825c!important;}

.textinput {Â*
border: 1px solid #406840;
font-size: 10px;
color:#abbaab;
font-family: arial, helvetica, sans-serif;
vertical-align: middle;
background-image: url(http://img6.picsplace.to/img6/14/cb5.png);
background-repeat:repeat-x;
background-color: #5c825c!important; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:3px double #406840;border-bottom:3px double #406840; border-left:3px double #406840; border-right:3px double #406840; }

.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 }

[Trigger]

Very nice. I like it a lot, though I don't see the theme xD. Perhaps add a border to your maintitle with this:

;border: 1px solid #COLOR; border-bottom: none;

Change the tableborder and plainborder to this (replace 6C8C6C with a much lighter shade of that color:

plainborder { border:1px solid #6C8C6C;background-color:#6C8C6C}
.tableborder { border:1px solid #6C8C6C;background-color:#406840; padding:0px; margin:0px; width:100% }

This should give the tables a nice effect.

The submenu text is a bit hard to read. Maybe try fixing that up. Also, move the maintitle text down a pixel or two by changing the padding on it to this:


padding:8px 0px 7px 5px
or
padding:9px 0px 6px 5px

You decide which looks better.

You should also change the background color of your tablepad, and tablefill to something less gray. (tablepad in fast reply box, tablefill in add reply page). Nice work overall, just work on those small improvements. Keep it up, you have a lot of potential.

[Swinny]

Thanks for the input, man. All of your advice has been taken, and updated.

That .plainborder coding gave it a real nice effect. Looks more proffesional, IMO now. Thanks for that bit of coding, man. Appreciated

Yea I had been thinking of moving the MT text down a little, but I was waiting on some input. I see now it does look better, moved down. Thanks once again.

The background of my taplepad and tablefill were my text color. I never really noticed it until you pointed it out. Thanks for the suggestion. The BG goes with the skin a lot better now. Much appreciated.

I'll get to the submenu tomorrow. I'm too tired right nowto make a whole new Grad, upload it and repost the coding.. I'll think of some idea during school tomorrow.

Just thanks for the overall input. You helped a lot and maybe one day I'll be on your level. :)

[Angadude]

You put your effort in the wrong direction. Who do you think wants to use this skin?

[Swinny]

Originally posted by Angadude@Mar 1 2006, 10:47 AM
You put your effort in the wrong direction. Who do you think wants to use this skin?

I'll put any money on it, I can outskin you any day. I was tyring different color combinations. You know, original colors. if you really want me to, I will challenge you to a blue and white skin battle and own you all over this forum.

[Swinny]

Submenu updated. I think it looks MUCH better. Opinions?

[Angadude]

WoW lo0ks gr8.

[JohnH]

Originally posted by Angadude@Mar 1 2006, 10:47 AM
You put your effort in the wrong direction. Who do you think wants to use this skin?

lol :haha:

Looks good, keep it up man!

[Craig]

Looks nice. Needs more of a Hurricane theme. But i Like the colors. Needs buttons.

[Minority]

Wow that is a really great job :). I kow a forum that would love to use it