topical media & game development
basic-web-html-09-exercise.css / css
body{
margin:0;
padding:0;
font-family:arial, verdana, sans-serif;
background-color:#ffffff;}
#maincontainer{width:800px;}
#topsection{
color:#ffffff;
background-color: #000000;
height: 100px;}
#topsection h1{
margin: 0;
padding-top: 15px;}
#contentwrapper{
float: left;
width:600px;}
#contentcolumn{
padding:10px;}
#contentcolumn img {
margin: 0px 10px 10px 0px;}
#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
color:#333333;}
#leftcolumn a{
display:block;
color:#333333;
background-color:#d6d6d6;
margin-bottom:2px;
padding:2px;
text-decoration:none;
font-weight:bold;}
#leftcolumn .nav1 {border-left: 5px solid #3366FF;}
#leftcolumn .nav2 {border-left: 5px solid #6633FF;}
#leftcolumn .nav3 {border-left: 5px solid #CC33FF;}
#leftcolumn .nav4 {border-left: 5px solid #FF33CC;}
#leftcolumn .nav5 {border-left: 5px solid #FF3366;}
#leftcolumn .nav6 {border-left: 5px solid #FF6633;}
#leftcolumn .nav7 {border-left: 5px solid #FFCC33;}
#leftcolumn .nav8 {border-left: 5px solid #66FF33;}
#leftcolumn .nav9 {border-left: 5px solid #33FF66;}
#leftcolumn .nav10 {border-left: 5px solid #33FFCC;}
#footer{
clear: left;
width: 800px;
color: #ffffff;
background-color:#000000;
text-align:center;
padding: 4px;}
.clear {clear:both;}
.secondaryStory {
float:left;
width:50%;}
h1 {padding:0px 0px 0px 20px;margin:0px;}
h2, h3 {margin:0px;}
img {border:1px solid #000000;}
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.