Clean Blue
Aug. 25th, 2010 01:06 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
This one is designed to give an idea how much you can change the design, like CSS Zen Garden. I've changed the colours to a blue theme, changed the shape of the buttons and moved a few bits around.
#header {background: navy; } body {background: white; color: navy;} .open-beta-box h1, h2, p, a {color: cornflowerblue; } .navigation a, a:link {color: mediumblue;} a, a:link {color: mediumblue;} .notice, .comment-notice { color: mediumslateblue;} .byline {color: mediumblue; } #main dl.meta {color: navy; background: cornflowerblue; } .stats dt, dd {color: mediumblue; } .navigation {background: lightskyblue; } .filters legend {color: mediumblue; } #work-form fieldset.meta {background: lightskyblue;} #work-form fieldset {background: lightskyblue;} form.filters {background: lightskyblue; } form.filters dt {background: lightskyblue; } .own {background: cornflowerblue; } #dashboard ul {float: none; width: auto;} #dashboard ul li {display: inline; border-right: 1px solid navy; border-left: 1px solid navy;} #dashboard a, #dashboard span {display: inline;} #main.sidebar {margin-left: 1em;} #home-header h1 {color: mediumblue; } #home-header .navigation a {background-color: cornflowerblue; } #home-header .navigation a:hover {background-color: white; } .open-beta-box {background-color: navy; } .open-beta-box a:link {color: cornflowerblue; } .sidebar-box {background-color: navy; } .sidebar-box a, .side-bar-box a:link {color: lightsteelblue; } #main ul.navigation, p.navigation, li.navigation, span.navigation, p.submit, dd.submit, span.submit {-moz-border-radius: 0; padding-left: 0; padding-right: 0; } #main .navigation a, .submit input, .submit a, #main .navigation input {border-style: none; } #header h1 a {color: lightskyblue; } #header .navigation a, #header .navigation .current {float: right; } #header ul.navigation {margin-right: 1em;}