diff options
Diffstat (limited to '')
| -rw-r--r-- | static/css/screen.css | 317 |
1 files changed, 136 insertions, 181 deletions
diff --git a/static/css/screen.css b/static/css/screen.css index c01c5e1..85d7de5 100644 --- a/static/css/screen.css +++ b/static/css/screen.css @@ -1,226 +1,181 @@ -/*****************************************************************************/ -/* -/* Common -/* -/*****************************************************************************/ - -/* Global Reset */ - @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold); @import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular); -* { - margin: 0; - padding: 0; -} - -html, body { - height: 100%; -} - body { - background-color: #edf1f3; - color: #222; - line-height: 1.4em; - /*margin: 20px auto 18px 25%; */ - - /*background-color: white;*/ - font-family: 'Droid Sans',Verdana, sans-serif; - /*font: 13.34px helvetica, arial, clean, sans-serif;*/ - *font-size: small; - text-align: center; - /*background: #eeeeee;*/ + background-color: #edf1f3; + color: #222; + line-height: 1.4em; + font-family: 'Droid Sans',Verdana, sans-serif; + text-align: center; } ul { - margin-left: 1.25em; + margin-left: 1.25em; + list-style-type: square; +} + +li { + display: list-item; } h1, h2 { - font-size: 120%; - margin-top: 1em; + font-size: 120%; + margin-top: 1em; } h3, h4, h5, h6 { - font-size: 100%; - margin-top: 1em; + font-size: 100%; + margin-top: 1em; } h1 { - margin-bottom: 1em; - margin-top: 1em; + margin-bottom: 1em; } p { - margin: 1em 0; + margin: 1em 0; } a { - color: #00a; + color: #00a; } a:hover { - color: black; + color: black; } a:visited { - color: #a0a; + color: #660000; + text-decoration: none; } table { - font-size: inherit; - font: 100%; + font-size: inherit; + font: 100%; } -/*****************************************************************************/ -/* -/* Home -/* -/*****************************************************************************/ - ul.posts { - list-style-type: none; - margin-bottom: 2em; + margin-bottom: 2em; } - ul.posts li { - line-height: 1.75em; - } - - ul.posts span { - color: #aaa; - font-family: Monaco, "Courier New", monospace; - font-size: 80%; - } - -/*****************************************************************************/ -/* -/* Site -/* -/*****************************************************************************/ +ul.posts span { + color: #aaa; + font-family: Monaco, "Courier New", monospace; + font-size: 80%; +} .site { - background: #ffffff; - border-style: solid; - border-width: 1px; - padding: 1em; - font-size: 110%; - text-align: justify; - width: 50em; - margin: 3em auto 2em auto; - line-height: 1.5em; + background: #ffffff; + border-style: solid; + border-width: 1px; + padding: 1em; + font-size: 110%; + text-align: justify; + width: 50em; + margin: 3em auto 2em auto; + line-height: 1.5em; } .title { - color: #a00; - font-weight: bold; - margin-bottom: 2em; -} - - .site .title a { - color: #a00; - text-decoration: none; - } - - .site .title a:hover { - color: black; - } - - .site .title a.extra { - color: #aaa; - text-decoration: none; - margin-left: 1em; - } - - .site .title a.extra:hover { - color: black; - } - - .site .meta { - color: #aaa; - } - - .site footer { - font-size: 80%; - color: #666; - border-top: 4px solid #eee; - margin-top: 2em; - overflow: hidden; - } - - .site footer .contact { - float: left; - margin-right: 3em; - } - - .site footer .contact a { - color: #8085C1; - } - - .site footer .rss { - margin-top: 1.1em; - margin-right: -.2em; - float: right; - } - - .site footer .rss img { - border: 0; - } - -/*****************************************************************************/ -/* -/* Posts -/* -/*****************************************************************************/ - -#post { - -} - - /* standard */ - - #post pre { - border: 1px solid #ddd; - background-color: #eef; - padding: 0 .4em; - } - - #post ul, - #post ol { - margin-left: 1.25em; - } - - #post code { - border: 1px solid #ddd; - background-color: #eef; - font-size: 95%; - padding: 0 .2em; - } - - #post pre code { - border: none; - } - - /* terminal */ - - #post pre.terminal { - border: 1px solid black; - background-color: #333; - color: white; - } - - #post pre.terminal code { - background-color: #333; - } - - #date { - font-size: 80%; - } + color: #a00; + font-weight: bold; + margin-bottom: 2em; +} + +.site .title a { + color: #a00; + text-decoration: none; +} + +.site .title a:hover { + color: black; +} + +.site .title a.extra { + color: #aaa; + text-decoration: none; + margin-left: 1em; +} + +.site .title a.extra:hover { + color: black; +} + +.site .meta { + color: #aaa; +} + +.site footer { + font-size: 80%; + color: #666; + border-top: 4px solid #eee; + margin-top: 2em; + overflow: hidden; +} + +.site footer .contact { + float: left; + margin-right: 3em; +} + +.site footer .contact a { + color: #8085C1; +} + +.site footer .rss { + margin-top: 1.1em; + margin-right: -.2em; + float: right; +} + +.site footer .rss img { + border: 0; +} + +#post pre { + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .4em; +} + +#post ul, #post ol { + margin-left: 1.25em; +} + +#post code { + border: 1px solid #ddd; + background-color: #eef; + font-size: 95%; + padding: 0 .2em; +} + +#post pre code { + border: none; +} + +#post pre.terminal { + border: 1px solid black; + background-color: #333; + color: white; +} + +#post pre.terminal code { + background-color: #333; +} + +#date { + font-size: 80%; +} #related { - margin-top: 2em; + margin-top: 2em; } - #related h2 { - margin-bottom: 1em; - } +#related h2 { + margin-bottom: 1em; +} + +.talk { + padding-top: 1em; +}; + |
