CSS code for the Final
Copy the code and paste it into your biography.css page:
* {
margin:0;
padding: 0;
}
#wrapper {
background-color: #999999;
height:
900px;
width: 960px;
margin-top: 5px;
margin-right:
auto;
margin-left: auto;
box-shadow: 4px 4px 50px
#111;
}
body {
background-color: #000000;
}
#header
{
background-color: #333333;
height: 60px;
width:
860px;
margin-right: auto;
margin-left: auto;
color:
#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:
32px;
font-style: normal;
text-align:
center;
}
.paragraph {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: 24px;
font-style:
normal;
font-weight: bolder;
}
p {
color:
#FFFFFF;
}
#content {
height: 750px;
width:
800px;
margin-right: auto;
margin-left:
auto;
background-color: #666666;
box-shadow: 4px 4px 10px
#111;
}
#imageBigFrame {
height: 250px;
width:
700px;
margin-top: 5px;
margin-right:
auto;
margin-left: auto;
padding-top:
5px;
}
#imageHolder {
float: left;
height:
200px;
width: 190px;
padding-top: 5px;
padding-right:
18px;
padding-bottom: 15px;
padding-left:
15px;
display: inline;
margin: 5px;
background-color:
#CCCCCC;
color: #000000;
font-size:
18px;
font-weight: bold;
font-family: Verdana, Arial,
Helvetica, sans-serif;
box-shadow: 4px 4px 10px #111;
}
.img
{
height: 185px;
width: 185px;
background-image:
url(dude1.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
.img2 {
height:
185px;
width: 185px;
background-image:
url(dude2.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
.img3 {
height:
185px;
width: 185px;
background-image:
url(dude3.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
#btmImg {
height:
300px;
width: 760px;
clear: both;
margin-top:
30px;
margin-right: auto;
margin-left:
auto;
background-image: url(dudebig.jpg);
background-repeat:
no-repeat;
}
#footer {
height: 60px;
width:
800px;
margin-right: auto;
margin-left:
auto;
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: 24px;
color:
#000000;
padding-top: 10px;
background-color:
#CCCCCC;
box-shadow: 4px 4px 10px #111;
}
* {
margin:0;
padding: 0;
}
#wrapper {
background-color: #999999;
height:
900px;
width: 960px;
margin-top: 5px;
margin-right:
auto;
margin-left: auto;
box-shadow: 4px 4px 50px
#111;
}
body {
background-color: #000000;
}
#header
{
background-color: #333333;
height: 60px;
width:
860px;
margin-right: auto;
margin-left: auto;
color:
#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:
32px;
font-style: normal;
text-align:
center;
}
.paragraph {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: 24px;
font-style:
normal;
font-weight: bolder;
}
p {
color:
#FFFFFF;
}
#content {
height: 750px;
width:
800px;
margin-right: auto;
margin-left:
auto;
background-color: #666666;
box-shadow: 4px 4px 10px
#111;
}
#imageBigFrame {
height: 250px;
width:
700px;
margin-top: 5px;
margin-right:
auto;
margin-left: auto;
padding-top:
5px;
}
#imageHolder {
float: left;
height:
200px;
width: 190px;
padding-top: 5px;
padding-right:
18px;
padding-bottom: 15px;
padding-left:
15px;
display: inline;
margin: 5px;
background-color:
#CCCCCC;
color: #000000;
font-size:
18px;
font-weight: bold;
font-family: Verdana, Arial,
Helvetica, sans-serif;
box-shadow: 4px 4px 10px #111;
}
.img
{
height: 185px;
width: 185px;
background-image:
url(dude1.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
.img2 {
height:
185px;
width: 185px;
background-image:
url(dude2.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
.img3 {
height:
185px;
width: 185px;
background-image:
url(dude3.jpg);
background-repeat: no-repeat;
margin-right:
auto;
margin-left: auto;
}
#btmImg {
height:
300px;
width: 760px;
clear: both;
margin-top:
30px;
margin-right: auto;
margin-left:
auto;
background-image: url(dudebig.jpg);
background-repeat:
no-repeat;
}
#footer {
height: 60px;
width:
800px;
margin-right: auto;
margin-left:
auto;
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: 24px;
color:
#000000;
padding-top: 10px;
background-color:
#CCCCCC;
box-shadow: 4px 4px 10px #111;
}