diff options
Diffstat (limited to '')
| -rw-r--r-- | _layouts/default.html | 15 | ||||
| -rw-r--r-- | static/css/screen.css | 42 |
2 files changed, 32 insertions, 25 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 0e330dc..d41e5fa 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -17,15 +17,14 @@ <body> <div class="site"> - <nav> - <div class="title"> - <a class="home" href="/">I'm a lumberjaph</a> - <a class="extra" href="/">home</a> - <a class="extra" rel="archives" href="/archives.html">archives</a> - <a class="extra" rel="author" href="/about/">about</a> - <a class="extra" href="/talks/">talks</a> + + <div class="title"> + + <div class="intro"> + <a class="extra" rel="author" href="/about/">franck</a> writes stuff <a href="/" class="extra">here</a>, pushes <a href="http://github.com/franckcuny">code</a> and sometimes <a href="http://twitter.com/franckcuny">tweets</a>. Check the <a href="/archives.html" rel="archives" class="extra">archives</a> and the <a class="extra" href="/talks/">talks</a>. </div> - </nav> + + </div> {{ content }} diff --git a/static/css/screen.css b/static/css/screen.css index db0938a..3dd13fa 100644 --- a/static/css/screen.css +++ b/static/css/screen.css @@ -2,11 +2,12 @@ @import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular); body { + /* background-color: #ffffff; */ background-color: #bfbfbf; color: #222; - line-height: 1.4em; +/* line-height: 1.4em; */ font-family: 'Droid Sans',Verdana, sans-serif; - text-align: center; +/* text-align: center;*/ font-size: 13px; } @@ -34,7 +35,7 @@ p { } a { - color: #00a; + color: #660000; text-decoration: none; } @@ -42,7 +43,7 @@ a { display: block; margin-left: auto; margin-right: auto; - -webkit-box-shadow: 0px 0px 10px #262526; -moz-box-shadow: 0px 0px 10px #262526; box-shadow: 0px 0px 10px #262526; + -webkit-box-shadow: 5px 5px 5px #262526; -moz-box-shadow: 5px 5px 5px #262526; box-shadow: 5px 5px 5px #262526; }; a:hover { @@ -71,29 +72,31 @@ ul.posts span { } .site { - background: #ffffff; - border-style: solid; - border-width: 5px; + background: #fafafa; +/* border-style: solid; + border-width: 1px;*/ padding: 1em; font-size: 110%; - text-align: justify; - width: 55em; + width: 65em; margin: 3em auto 2em auto; - line-height: 1.5em; - -webkit-box-shadow: 10px 10px 10px #262526; -moz-box-shadow: 10px 10px 10px #262526; box-shadow: 10px 10px 10px #262526; +/* -webkit-box-shadow: 10px 10px 10px #262526; -moz-box-shadow: 10px 10px 10px #262526; box-shadow: 10px 10px 10px #262526;*/ -moz-border-radius:5px;-webkit-border-radius:5px; } +.intro { + font-size: 110%; + line-height: 1.6em; +} + .title { - color: #a00; +/* color: #a00;*/ font-weight: bold; margin: .5em 1.1em .5em 1.1em; - font-size: 120%; - + font-size: 180%; } .site .title a { - color: #a00; + color: #660000; text-decoration: none; -moz-transition: color .25s linear; -webkit-transition: color .25s linear; @@ -105,9 +108,9 @@ ul.posts span { } .site .title a.extra { - color: #aaa; + color: #660000; text-decoration: none; - margin-left: 1em; +/* margin-left: 1em;*/ } .site .title a.extra:hover { @@ -146,10 +149,15 @@ ul.posts span { } #page { + text-align: justify; + line-height: 1.5em; margin: .5em 1.1em .5em 1.1em; } #post { + text-align: justify; + line-height: 1.5em; + padding-top: 2em; margin: .5em 1.1em .5em 1.1em; } |