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:
YourThoughts?
(Minutia)
- Author:Jesse
- Published:Aug 17, 2005
- Chapters:
- Previous:
- Next:
GetUpdated
ElseWhere
AllChapters
- 2 articles in the chapter Accessibility
- 6 articles in the chapter Announcements
- 4 articles in the chapter Blogging
- 7 articles in the chapter CMS
- 1 articles in the chapter Code
- 3 articles in the chapter CSS
- 15 articles in the chapter Design
- 4 articles in the chapter Downloads
- 1 articles in the chapter Freebies
- 1 articles in the chapter Gadgets
- 4 articles in the chapter Journeys
- 1 articles in the chapter Miscellany
- 59 articles in the chapter Movable Type
- 2 articles in the chapter Plugins
- 1 articles in the chapter Print
- 1 articles in the chapter Projects
- 2 articles in the chapter SEO
- 6 articles in the chapter Social Networking
- 1 articles in the chapter Standards
- 1 articles in the chapter Writing
BiteSize.blog
ReaderFavorites
- CSS Image Framing
- Tools of the Web Design Trade, Pt.1: Where to Begin
- Tools of the Web Design Trade, Pt.2: Building Trust
- 10 Tips For Creating Website Mockups In Photoshop
- Movable Type As A Desktop App
- Redesign, Part 1: The Logo
- Redesign, Part 2: Stylesheet Philosophy
- The Social Graph in Plain Language
- Writing Your Own Autobiography: The New Persistence of Information
- Designing eComm 2008