body
{
background-image: url('htmlcsstutorials-images-browsers.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #00008b;
margin:0px 0px 0px 0px;
}
div.container
{
width:100%;
margin:0px;
border:0px solid gray;
line-height:200%;
border-left:0px solid gray;
border-top:0px solid gray;
border-right:0px solid gray;
border-bottom:0px solid gray;
background-color: #ffffff;
}
div.header
{
padding:0em;
clear:left;
color: #0000CD;
padding:0em;
border-left:0px solid gray;
border-right:0px solid gray;
border-top:0px solid gray;
border-bottom:0px solid gray;
}
div.left
{
position:absolute;
left:5px;
top:25px;
width:210px;
margin:0;
padding:.5em;
border-left:0px solid gray;
border-right:0px solid gray;
border-bottom:0px solid gray;
border-top:0px solid gray;
background-color: #00008b;
}
div.content
{
margin-left:230px;
border-left:0px solid gray;
border-right:0px solid gray;
border-bottom:0px solid gray;
border-top:0px solid gray;
padding:.5em;
margin-right:50px;
background-color: #ffffff;
}
div.right
{
position:absolute;
right:0px;
top:75px;
width:45px;
padding:0em;
}
h1.titlea
{
text-align:center;
font-weight:normal;
color: #191970;
font-family: verdana, arial, times;
}
p.titleb
{
font-family: verdana, arial, times;
color: #191970;
text-align:center;
font-size: 100%;
font-weight: normal;
line-height: .7cm
}
img.one
{
float:center;
}
/* p class one is for the text in the left column only */
p.one
{
text-align: left;
font-family: arial, times;
font-size: 90%;
line-height: .5cm;
color:#ffffff;
}
/* p class two is for the text in the right column only */
p.two
{
text-align: left;
font-family: arial, times;
font-size: 80%;
line-height: .5cm;
color:#0000CD;
}
/* p class three is the text at the top of the center column */
p.three
{
text-align: center;
font-family: arial, times;
font-size: 150%;
font-weight: bold;
color: #000000;
}
/* p class four is the bold, enlarged text below the highlighted text and above the actual content of the center column */
p.four
{
text-align: left;
font-family: arial, times;
font-size: 105%;
font-weight: bold;
}
/* p class five is for the content text in the center columns */
p.five
{
text-align: left;
font-family: arial, times;
font-size: 90%;
line-height: .5cm;
}
/* p class six is for the text in the "notepad" area showing the code examples */
p.six
{
text-align: left;
font-family:arial;
font-size: 80%;
line-height: .5cm;
border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
background-color: #FFFFFF;
}
/* p class seven is for the bold content text that is used to sometimes start a new section in the center columns */
p.seven
{
text-align: left;
font-family: arial, times;
font-size: 100%;
font-weight: bold;
line-height: .5cm;
}
/* p class eight is for the main directories on the web development directory index page */
p.eight
{
text-align: left;
font-family: arial, times;
font-size: 90%;
font-weight: normal;
line-height: .5cm;
}
p.eight:first-line
{
font-size: 110%;
}
p.reviewsone
{
text-align: left;
font-family: arial, times;
font-size: 100%;
line-height: .5cm;
border-bottom: 1px solid gray;
}
p.reviewsone:first-line
{
font-size: 80%;
}
/* ul class listone is for all lists in content area unless specified otherwise */
ul.listone
{
list-style-type: disc;
text-align: left;
font-family: arial;
font-size: 90%;
line-height: .5cm;
}
/* ul class listtwo is for the lists in directory index page */
ul.listtwo
{
list-style-type: none;
text-align: left;
font-family: arial;
font-size: 90%;
line-height: .5cm;
}
p.contentads
{
position:relative;
left:15px;
font-family: arial;
font-size: 105%;
font-weight: bold;
}
/*the css code for the title link*/
a.title:link{color: #00008b}
a.title:link {text-decoration: none}
a.title.link {font-size: 100%}
a.title:visited {text-decoration: none}
a.title:visited {color: #00008b}
a.title:visited {font-size: 100%}
a.title:hover {text-decoration: none}
a.title:hover {color: #00008b}
a.title:hover {font-size: 100%}
a.title:active {color: #00008b}
a.title:active {font-size: 100%}
/* a class one is the link code for the links in the left and right columns only */
a.one:link{color: #ffffff}
a.one:link {text-decoration: none}
a.one.link {font-size: 100%}
a.one:visited {text-decoration: none}
a.one:visited {color: #ffffff}
a.one:visited {font-size: 100%}
a.one:hover {text-decoration: none}
a.one:hover {color: #ffffff}
a.one:hover {font-size: 100%}
a.one:active {color: #ffffff}
a.one:active {font-size: 100%}
/* a class two is the link code for the links in the content area only */
a.two:link{color: #00008b}
a.two:link {text-decoration: underline}
a.two.link {font-size: 100%}
a.two:visited {text-decoration: underline}
a.two:visited {color: #00008b}
a.two:visited {font-size: 100%}
a.two:hover {text-decoration: none}
a.two:hover {color: #00008b}
a.two:hover {font-size: 100%}
a.two:active {color: #00008b}
a.two:active {font-size: 100%}
/* a class three */
a.three:link{color: #00008b}
a.three:link {text-decoration: none}
a.three.link {font-size: 100%}
a.three:visited {text-decoration: none}
a.three:visited {color: #00008b}
a.three:visited {font-size: 100%}
a.three:hover {text-decoration: none}
a.three:hover {color: #00008b}
a.three:hover {font-size: 100%}
a.three:active {color: #00008b}
a.three:active {font-size: 100%}
/* a class four is the link code for the bolded links in the content area only */
a.four:link{color: #00008b}
a.four:link {text-decoration: underline}
a.four.link {font-size: 100%}
a.four:link {font-weight: bold}
a.four:visited {text-decoration: underline}
a.four:visited {color: #00008b}
a.four:visited {font-size: 100%}
a.four:visited {font-weight: bold}
a.four:hover {text-decoration: none}
a.four:hover {color: #00008b}
a.four:hover {font-size: 100%}
a.four:hover {font-weight: bold}
a.four:active {color: #00008b}
a.four:active {font-size: 100%}
a.four:active {font-weight: bold}