My CSS brings all the boys to the yard...

[Chief 30]

Just some CSS for a website I made... nothing to really see, but I really love my organizational methods, and thought I should share :)

 

/* ########################################### */
/* ###### MWSchoolofDiving CSSStyleSheet ##### */
/* ########################################### */

/* ########################################### */
/* ######          Global               ###### */
/* ########################################### */
.body
{
padding:0px;
margin:0px;
font-family:Verdana, Geneva, sans-serif;
background-color:#005278;
}

a:link 
{
color:#F33; 
text-decoration: none;
font-size:12px;
}
a:visited 
{
color:#F33; 
text-decoration: none;
font-size:12px;
}
a:hover 
{
color:#F33;
text-decoration: none;
text-shadow: #6CF 0px 1px 0px;
font-size:12px;
}

a.button:link 
{
color:#FFF; 
text-decoration: none; 
}
a.button:visited 
{
color:#FFF; 
text-decoration: none;
}
a.button:hover 
{
color:#036;
text-decoration: none;
}

.button:hover
{
background-image:url(a_hover.png);
background-position:top;
background-repeat:no-repeat;
width:113px;
height:34px;
text-align:center;
font-size:12px;
padding-top:10px;
margin: 2px 0px 0px 0px;
}

/* ########################################### */
/* ######          Div Styles           ###### */
/* ########################################### */

#body_in
{
background-image:url(body_bg.png);
width:100%;
min-height:700px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-repeat:repeat-x;
}

#website
{
background-image:url(rays_bg.png);
width:900px;
min-height:700px;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-align:left;
}

#main_top
{
background-image:url(top_con.png);
width:876px;
height:215px;
padding:6px 0px 0px 10px;
margin:5px 0px 0px 0px;
text-shadow: #09F 0px 1px 1px;

}

#nav
{
background-image:url(top_con.png);
background-position:top;
width:872px;
height:39px;
padding:6px 0px 0px 10px;
margin:10px 0px 0px 0px;
}

#bottom
{
background-image:url(bot_con.png);
width:866px;
padding: 0px 10px 0px 10px;
color:#FFF;
font-size:10px;
text-shadow: #09F 0px 1px 1px;
}

#bottom2
{
background-image:url(bot_con.png);
width:866px;
padding: 0px 10px 0px 10px;
color:#FFF;
font-size:13px;
text-shadow: #09F 0px 1px 1px;
margin: 0px 0px 0px 0px;
}

#bot_top
{
background-image:url(bot_top.png);
width:866px;
height:300px;
background-repeat:no-repeat;
margin-top:7px;
margin-bottom:0px;
padding: 8px 10px 0px 10px;
color:#FFF;
font-size:13px;
text-shadow: #09F 0px 1px 1px;
}

#footer
{
color:#FFF;
font-size:10px;
text-shadow: #003 0px 1px 2px;
}

#try
{
margin-top:-500px;
}

.shadow 
{
   -moz-box-shadow: 3px 3px 4px #000;
   -webkit-box-shadow: 3px 3px 4px #000;
   box-shadow: 3px 3px 4px #000;
}

[Ecowolfsteen 14]

Damn right, it's better than yours.. Oh, sorry. Yeah, that's very organized, xD! Cool.

[Noob Saibot 38]

Why is this in Spamo Rama forum?

[Chief 30]

Because I figured it to be more spam than anything else.

[Noob Saibot 38]

You disappoint me Chief...you disappoint me...

[Chief 30]

your mom.

[Enigma 10]

Now its spam : D

[Marked 197]

Lol. Kage the spam forum isnt really the spam forum. Its a forum for members who think their topics aren't with posting unless its under the cover of spam.

 

I can totally imagine your website just be reading the CSS. Aside from the colors.

 

I never organize CSS. I just add stuff one after the other as its needed.

[Chief 30]

Haha, I dont plan this at all, I jsut have a system I use so Ic an find each part while doing the site. It helps for cross-browser compatibility issues. The layout you see is actually something I picked up from a professional web designer who lives in Australia. He was an admin at a forum where I was a moderator. He was like my teacher for a lot of web stuff.