Stylesheet: Waters of the Hudson
You should just be able to copy and paste this style sheet into the master style sheet of your blog and you'll get a nice little site refurb, on the house:
# Waters of the Hudson
# CSS distributed by
# PlasticMind Design
# http://plasticmind.com
body {
margin: 0px 0px 20px 0px;
background-color: #000033;
text-align: center;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
a {
text-decoration: none;
}
a:link {
color: #336699;
}
a:visited {
color: #336699;
}
a:active {
color: #336699;
}
a:hover {
color: #ACBED5;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #336699;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
#container {
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 700px;
border: 1px solid #254B72;
margin-top: 10px;
margin-bottom: 10px;
background-color: #EEEEFF;
}
#banner {
color: #FFFFFF;
background-color: #336699;
text-align: left;
border-bottom: 3px double #FFFFFF;
margin: 0px;
padding-bottom: 5px;
padding-top: 8px;
padding-right: 15px;
padding-left: 15px;
}
a#banner-img {
display: none;
}
#banner a {
color: #FFFFFF;
text-decoration: none;
}
#center {
float: left;
width: 500px;
overflow: hidden;
}
.content {
padding: 15px 15px 5px 15px;
background-color: #EEEEFF;
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
}
#right {
float: left;
width: 200px;
overflow: hidden;
background-color: #EEEEFF;
}
.content p {
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 22px;
text-align: justify;
margin-bottom: 10px;
}
.content blockquote {
padding: 5px 10px;
margin: 10px;
text-align: justify;
line-height: 20px;
font-size: 90%;
color: #666666;
background-color: #FFFFFF;
border: 1px solid #D3CEFF;
}
.content li {
line-height: 150%;
}
.content h2 {
color: #D3CEFF;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: x-small;
text-align: left;
font-weight: bold;
margin-bottom: 0px;
}
.content h3 {
color: #000033;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
.content p.posted {
color: #B3AAFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
border-top: 1px solid #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}
.sidebar {
padding: 15px;
}
#calendar {
line-height: 140%;
color: #000066;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: x-small;
padding: 2px;
text-align: center;
margin-bottom: 30px;
}
#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}
#calendar caption {
color: #FFFFFF;
font-size: 14px;
text-align: center;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 0.3em;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
background-color: #369;
padding: 4px;
}
#calendar th {
text-align: center;
font-weight: normal;
color: #333333;
}
#calendar td {
text-align: center;
color: #666666;
}
.sidebar h2 {
color: #FFFFFF;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 14px;
text-align: center;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 0.3em;
background-color: #336699;
padding: 2px;
margin-bottom: 5px;
}
.sidebar ul {
padding-left: 0px;
margin: 0px 0px 25px;
}
.sidebar li {
color: #666666;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 11px;
text-align: left;
list-style-type: none;
}
.sidebar img {
border: 3px solid #FFFFFF;
}
.photo {
text-align: left;
margin-bottom: 20px;
}
.link-note {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}
#powered {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px;
}
#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}
textarea[id="comment-text"] {
width: 80%;
}
#banner h2 {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 14px;
text-transform: lowercase;
letter-spacing: 4px;
color: #ACBED5;
position: relative;
bottom: 16px;
left: 120px;
font-style: italic;
}
#banner h1 {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 38px;
letter-spacing: -2px;
text-transform: lowercase;
}
.content .extended {
color: #CCCCCC;
font-size: x-small;
}
#calendar a:link,a:visited,a:active {
font-weight: bold;
color: #B22222;
text-decoration: none;
}
Should give you something a little like:
17 Aug 2005 ~ Link ~ Category: Freebies ~ Comments: 0
Leave a comment