« Prev | Next »

Step 12: Borders

Adding borders to the divsions and elements gives the design more definition and adds another dimension.

.text, .localtext {
border: 1px solid;
border-top: 0px;
border-left: 0px;
border-color: #4A7373 #213235 #213235 #4A7373;
}

.localtext {
border-color: #734A4A #342422 #342422 #734A4A;
}

img {
border: 0;
}

#navigation {
border-right: 1px solid #342422;
border-bottom: 1px solid #342422;
}

a.rss, a.geourl, a.counter, a.rss:visited, a.geourl:visited, a.counter:visited {
border: 1px solid;
border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;
}

a.geourl, a.geourl:visited {
border-color: #33CC66 #006633 #006633 #33CC66;
}

a.counter, a.counter:visited {
border-color: #9999FF #000099 #000099 #9999FF;
}

p.code {
border: 1px solid;
border-color: #734A4A #342422 #342422 #734A4A;
}