2008-01-23T16:11:05+00:00
The stylesheet used for the Pooley Design website.
2
Pooley Design Site Stylesheet
2008-03-26T12:27:13+00:00
html {
background: #000;
}
body {
background: #C19200 url('/images/body') repeat-y scroll top center;
}
#hd {
background: transparent url('/images/header') no-repeat scroll top left;
height: 222px;
}
#logo a {
display: block;
width: 353px;
}
#logo {
display: block;
background: transparent url('/images/logo') no-repeat scroll top left;
font-size: 135%;
position: relative;
top: 30px;
left: 160px;
width: 353px;
height: 45px;
}
#logo h1 {
text-indent: -1000em;
padding: 0px;
margin: 0px;
}
#navigation {
position: relative;
left: 120px;
top: 25px;
width: 500px;
height: 200px;
text-align:left;
}
#navigation * h2 {
display: block;
text-indent: -1000em;
font-size: 135%;
}
#navigation a {
display: block;
}
a[href="/Inexpensive Web Design"] {
width: 220px;
}
a[href="/Build My Site"] {
width: 138px;
}
a[href="/About Pooley Design"] {
width: 190px;
}
#inexpensive-web-design {
position: relative;
width: 220px;
height: 22px;
background: transparent url('/images/inexpensive web design') no-repeat scroll top left;
}
#build-my-site {
position: relative;
top: -127px;
left: -158px;
width: 138px;
height: 129px;
background: transparent url('/images/quote_me') no-repeat scroll top left;
}
#about-pooley-design {
position: relative;
top: -185px;
left: 260px;
width: 190px;
height: 22px;
background: transparent url('/images/about pooley design') no-repeat scroll top left;
}
#doc {
background: #EBE7C1;
width: 800px;
}
#bd, #ft {
margin-left: 10px;
margin-right: 10px;
}
#bd {
padding-left: 50px;
padding-right: 50px;
text-align: justify;
font-size: 110%;
.position: relative;
.top: -50px;
}
#bd h2 {
font-size: 140%;
text-align: center;
}
#bd h3.subheading {
font-size: 100%;
font-style: italic;
color: #901a1a;
text-align: center;
}
#bd * img.left {
float: left;
margin-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
#bd * img.right {
float: right;
margin-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
#bd * ul.checklist {
padding: 10px;
clear: both;
}
#bd * ul.checklist li {
list-style: disc inside url('/images/checkmark');
.line-height: 2em;
}
table.form tr.evenRow {
background-color: #C3C0A0;
}
table.form input,
table.form textarea {
border: 1px solid black;
}
#bd * p.stop {
border: 1px solid #B64926;
background: #FFF0A5 url('/images/exclaim') no-repeat scroll 10px 10px;
padding: 10px 10px 10px 75px;
max-width: 300px;
width: 300px;
margin-left: 20px;
float: right;
}
#bd * p.testimonial {
border: 1px solid #B64926;
background: #FFF0A5 url() no-repeat scroll 10px 10px;
padding: 10px 10px 10px 10px;
max-width: 300px;
width: 300px;
margin-left: 20px;
float: right;
}
#bd *.highlight {
background: #FFF0A5;
}
#bd *.email {
font-family: courier, monospace;
padding-left: 0.7em;
padding-right: 0.7em;
}
#action_line {
text-align: center;
font-weight: bold;
font-size: 120%;
color: #901a1a;
margin-top: 20px;
}
#signature {
padding: 10px;
}
#ft {
margin-top: 50px;
padding-top: 25px;
padding-bottom: 25px;
border-top:1px solid #C3C0A0;
min-height: 100px;
text-align: center;
}
#footer ul li {
display: inline;
}