The New Southern View Ezine's Style Sheet (A Work in Progress)

This is a copy of my CSS style sheet. I'll keep this page as current as possible. This is version 4.23.10.

You may notice that I have alphabetized and categorized the selectors. As this is a long sheet, I did this as a way to help me organize this list. So far, I haven't found any occurrences of this affecting the specificity of the styles.

Any comments about what I've done here are welcome as I'm always eager to learn of ways to improve my coding abilities.


/*tag selectors*/

 

body, h1, h2, h3, h4, h5, h6, p {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
margin: 0;
padding: 0;
}

 

div.photo_right {
float: right;
margin: 15px;
}

 

div.photo_left  {
float: left;
margin: 15px;
}

 

p  {
font-size: 14px;
font-weight: bold;
text-align: justify;
line-height: 120%;
margin: 0 25px;
}

 

/* * * * * * * * * * * * * * * * */

 

/*class selectors*/

 

.article  {
font-size: 14px;
font-weight: bold;
text-align: justify;
line-height: inherit;
}

 

.author_comment  {
font-size: 10px;
text-align: justify;
line-height: 120%;
font-weight: bolder;
margin: 0 75px;
}

 

.authors_name  {
font-size: 12px;
font-style: italic;
font-weight: bold;
line-height: normal;
word-spacing: 1.5px;
text-align: center;
}

 

.banner  {
margin: 0;
text-align: left;
}

 

.banner-category  {
margin: 0;
text-align: center;
}

 

.caption  {
font-size: 12px;
font-style: italic;
font-weight: lighter;
text-align: center;
line-height: 120%;
margin: 5px 0 0 0;
}

 

.caption_flush_left  {
font-size: 12px;
font-style: italic;
font-weight: lighter;
text-align: left;
line-height: 120%;
margin: 5px 0 0 0;
}

 

.caption_flush_right  {
font-size: 12px;
font-style: italic;
font-weight: lighter;
text-align: right;
line-height: 120%;
margin: 5px 0 0 0;
}

 

.color_elements  {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF6600;
}

 

.comment  {
font-size: 13px;
font-style: italic;
font-weight: bold;
text-align: justify;
line-height: 120%;
color: #000000;
background-color: #FF9900;
padding: 5px 25px;
}

 

.copyright_line  {
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
border-top: solid 1px #FF0000;
padding: 5px;
text-align: center;
}

 

.graphic  {
margin: 10px;
}

 

.hidden  {
position: absolute;
left: -999ems;
}

 

.ms_first_ezine  {
font-size: 12px;
font-weight: bold;
}

 

.page_links  {
font-size: 10px;
font-weight: bold;
text-align: left;
line-height: 120%;
}

 

.photo  {
margin: 15px;
}

 

.photo_right p  {
font-size: 12px;
font-style: italic;
font-weight: lighter;
text-align: center;
line-height: 120%;
margin: 5px 0;
}

 

.photo_left p  {
font-size: 12px;
font-style: italic;
font-weight: lighter;
text-align: center;
line-height: 120%;
margin: 5px 0;
}

 

.raise_10px  {
margin: -10px 0 0 0;
}

 

.raise_20px  {
margin: -20px 0 0 0;
}

 

.raise_30px  {
margin: -30px 0 0 0;
}

 

.raise_40px  {
margin: -40px 0 0 0;
}

 

.raise_50px  {
margin: -50px 0 0 0;
}

 

.raise_60px  {
margin: -60px 0 0 0;
}

 

.raise_70px  {
margin: -70px 0 0 0;
}

 

.raise_80px  {
margin: -80px 0 0 0;
}

 

.raise_90px  {
margin: -90px 0 0 0;
}

 

.raise_100px  {
margin: -100px 0 0 0;
}

 

.sidebar_left  {
width: 235px;
float: left;
margin: 0 10px;
border: solid 1px #FF6600;
border-top-width: 3px;
padding: 10px;
background-color: #FFFFFF;
}

 

.sidebar_right  {
width: 235px;
float: right;
margin: 0 10px;
border: solid 1px #FF6600;
border-top-width: 3px;
padding: 10px;
background-color: #FFFFFF;
}

 

.side_bar_text  {
font-size: 10px;
text-align: center;
margin: 10px;
}

 

.table_of_contents  {
font-size: 18px;
margin-left: 50px;
text-align: left;
}

 

/* * * * * * * * * * * * * * * * */

 

/*ID selectors*/

 

#banner_wrapper  {
width: 800px;
}

 

#clear_float  {
clear: both;
}

 

#definition  {
cursor: help;
}

 

#hr_clear_float  {
clear: both;
}

 

#override_info  {
background-color: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}

 

#override_info p  {
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
border-top: solid 1px #FF0000;
text-align: center;
margin: 0;
padding: 7.5px;
}

 

#pagelinks_group  {
text-align: left;
width: 600px;
height: 50px;
margin-top: 15px;
float: right;
padding: 0;
}

 

/* * * * * * * * * * * * * * * * */

 

/* the following two chunks of code are an attempt to correct the float problem in IE6 */

 

* #pagelinks_group  {
display: inline;
}

 

* .page_links  {
display: inline;
}

 

/* * * * * * * * * * * * * * * * */

 

#w3_validation_badge  {
position: fixed;
left: 5px;
bottom: 5px;
}

 

 

 

 

COPYRIGHT © 2001-2010 THE NEW SOUTHERN VIEW | 4/23/10

Valid CSS!