diff options
author | Tom Willemsen | 2012-05-28 15:20:58 +0200 |
---|---|---|
committer | Tom Willemsen | 2012-05-28 15:20:58 +0200 |
commit | 9caad3f69f9086fd5dd5a3adf9af8925bb75553e (patch) | |
tree | b9f79b9a2a047f428462bc28ebab1a06fdf02c4a /static/main.css | |
parent | e8c245eb7091366ef1384c97db97ff34c6d4fbf3 (diff) | |
download | ryuslash.org-9caad3f69f9086fd5dd5a3adf9af8925bb75553e.tar.gz ryuslash.org-9caad3f69f9086fd5dd5a3adf9af8925bb75553e.zip |
Change design
Make it look more lispy
Diffstat (limited to 'static/main.css')
-rw-r--r-- | static/main.css | 290 |
1 files changed, 208 insertions, 82 deletions
diff --git a/static/main.css b/static/main.css index 073bed1..4c8a460 100644 --- a/static/main.css +++ b/static/main.css @@ -6,7 +6,7 @@ a { text-decoration: none; - color: #bbbbbb; + color: orange; } a:hover { @@ -14,133 +14,259 @@ a:hover { } body { - background-color: #000000; + background-color: #252a2b; + color: #ffffff; font-family: "DejaVu Sans", sans-serif; + padding-left: 10px; } -pre { - margin: 20px 0; +body > header { + float: left; + position: fixed; } -.category { - display: block; - float: right; - padding: 0 5px; - border-left: 1px #202020 solid; - margin-left: 5px; +body > header > h1 { + font-size: 20px; } -.category:hover { - border-left: 1px #ffffff solid; - background-color: #dddddd; - color: #404040; +body > header > h1 > a:hover { text-decoration: none; } -.clear { - clear: both; +body > header > nav > ul { + list-style-type: none; + margin-top: 5px; } -.post { - background-color: #808080; - padding: 5px; - border: 1px #505050 solid; - margin-bottom: 15px; - color: #000000; +body > header > nav > ul > li { + margin: 0 3px; + font-weight: bold; + color: white; + border-width: 0 1px 0 1px; + border-style: solid; + border-color: #808080; } -.post h3 { - float: left; +body > header > nav > ul > li:hover { + background-color: #181818; + border-color: #404040; +} + +body > header > nav > ul > li.top { + border-top-width: 1px; + border-radius: 4px 4px 0 0; +} + +body > header > nav > ul > li.bottom { + border-bottom-width: 1px; + border-radius: 0 0 4px 4px; +} + +body > header > nav > ul > li > a { + padding: 3px 6px 3px 6px; + display: block; } -.post .postcontent { - margin-top: 17px; - clear: left; +body > header > nav > ul > li > a:hover { + text-decoration: none; + color: orangered; } -.wordpress pre.src { - background-color: #002b36; - color: #839496; +pre { + margin: 20px 0 20px 40px; font-family: "DejaVu Sans Mono", mono; + background-color: #181818; + border-radius: 10px; + padding: 5px; + color: #eeeeec; } -#logo { - float: left; +code { + font-family: "DejaVu Sans Mono", mono; + background-color: #181818; + padding: 1px 3px; + border-radius: 5px; + margin: 0 2px; + color: #eeeeec; } -#sitetitle { - background-color: #000000; - color: #ffffff; - height: 70px; - line-height: 70px; +article ul { + margin-left: 20px; } -#sitetitle #blue { - color: #4169E1; - position: relative; - top: -5px; +article img { + vertical-align: middle; } -#sitetitle #orange { - color: #ff9800; +#logo-blue { + color: orangered; position: relative; - top: 5px; + top: -10px; } -#sitesubtitle { - background-color: #404040; - color: #dddddd; - text-align: right; - height: 30px; - line-height: 30px; - border-top: 1px #808080 solid; - font-size: 16px; +p { + margin-bottom: 20px; } -#content { - width: 750px; - margin: 0 auto; - color: #ffffff; - margin-top: 2px; +#logo-orange { + color: orange; } -#content h2 { - margin-bottom: 5px; +.keyword { + font-weight: bold; + color: #799fcf; } -#feeds { - float: right; - background-color: #404040; +.variable-name { + color: #ef2929; } -#feeds a { - color: #dddddd; - display: block; - padding: 5px; - text-decoration: none; +.string { + color: #ad7fa8; + margin-left: 25px; } -#feeds a:hover { - background-color: #dddddd; - color: #404040; +.post { + margin-bottom: 20px; } -#pager { - background-color: #808080; - color: #000000; - padding: 0 5px; - position: relative; +.doc { + color: #babdb6; + margin-left: 25px; } -#pager .nav-prev { - float: left; +.doc a { + text-decoration: none; + color: #73d216; } -#pager .nav-next { - float: right; - text-align: right; +.doc a:hover { + text-decoration: underline; } -#pager #current { - text-align: center; +.doc p:last-child { + display: inline; } + +.content { + width: 750px; + margin: 10px auto; +} + + +/* .category { */ +/* display: block; */ +/* float: right; */ +/* padding: 0 5px; */ +/* border-left: 1px #202020 solid; */ +/* margin-left: 5px; */ +/* } */ + +/* .category:hover { */ +/* border-left: 1px #ffffff solid; */ +/* background-color: #dddddd; */ +/* color: #404040; */ +/* text-decoration: none; */ +/* } */ + +/* .clear { */ +/* clear: both; */ +/* } */ + +/* .post { */ +/* margin-left: 20px; */ +/* } */ + +/* .post, */ +/* .post header, */ +/* .post header h1, */ +/* .post .postcontent { */ +/* display: inline */ +/* } */ + +/* .wordpress pre.src { */ +/* background-color: #002b36; */ +/* color: #839496; */ +/* font-family: "DejaVu Sans Mono", mono; */ +/* } */ + +/* #logo { */ +/* float: left; */ +/* } */ + +/* #sitetitle { */ +/* background-color: #000000; */ +/* color: #ffffff; */ +/* height: 70px; */ +/* line-height: 70px; */ +/* } */ + +/* #sitetitle #blue { */ +/* color: #4169E1; */ +/* position: relative; */ +/* top: -5px; */ +/* } */ + +/* #sitetitle #orange { */ +/* color: #ff9800; */ +/* position: relative; */ +/* top: 5px; */ +/* } */ + +/* #sitesubtitle { */ +/* background-color: #404040; */ +/* color: #dddddd; */ +/* text-align: right; */ +/* height: 30px; */ +/* line-height: 30px; */ +/* border-top: 1px #808080 solid; */ +/* font-size: 16px; */ +/* } */ + +/* #content { */ +/* width: 750px; */ +/* margin: 0 auto; */ +/* color: #ffffff; */ +/* margin-top: 2px; */ +/* } */ + +/* #content h2 { */ +/* margin-bottom: 5px; */ +/* } */ + +/* #feeds { */ +/* float: right; */ +/* background-color: #404040; */ +/* } */ + +/* #feeds a { */ +/* color: #dddddd; */ +/* display: block; */ +/* padding: 5px; */ +/* text-decoration: none; */ +/* } */ + +/* #feeds a:hover { */ +/* background-color: #dddddd; */ +/* color: #404040; */ +/* } */ + +/* #pager { */ +/* background-color: #808080; */ +/* color: #000000; */ +/* padding: 0 5px; */ +/* position: relative; */ +/* } */ + +/* #pager .nav-prev { */ +/* float: left; */ +/* } */ + +/* #pager .nav-next { */ +/* float: right; */ +/* text-align: right; */ +/* } */ + +/* #pager #current { */ +/* text-align: center; */ +/* } */ |