diff options
Diffstat (limited to 'css/main.css')
-rwxr-xr-x | css/main.css | 160 |
1 files changed, 160 insertions, 0 deletions
diff --git a/css/main.css b/css/main.css new file mode 100755 index 0000000..1a2c013 --- /dev/null +++ b/css/main.css @@ -0,0 +1,160 @@ +/*****************************************************************************/ +/* +/* Common +/* +/*****************************************************************************/ + +/* Global Reset */ +* { + margin: 0; + padding: 0; +} + +html, body { height: 100%; } + +body { + background-color: #FFF; + font: 13.34px Helvetica, Arial, sans-serif; + font-size: small; + text-align: center; +} + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; } + +h1 { margin-bottom: 1em; } +p { margin: 1em 0; } + +a { color: #00a; } +a:hover { color: #000; } +a:visited { color: #a0a; } + +/*****************************************************************************/ +/* +/* Home +/* +/*****************************************************************************/ +.posts { + list-style-type: none; + margin-bottom: 2em; +} + +.posts li { + line-height: 1.75em; +} + +.posts span { + color: #aaa; + font-family: Monaco, "Courier New", monospace; + font-size: 80%; +} + +/*****************************************************************************/ +/* +/* Site +/* +/*****************************************************************************/ + +.site { + font-size: 115%; + text-align: justify; + width: 42em; + margin: 3em auto 2em; + line-height: 1.5em; +} + +.header a { + font-weight: bold; + text-decoration: none; +} + +.title { + display: inline-block; + margin-bottom: 2em; +} + +.title a { + color: #a00; +} + +.title a:hover { + color: #000; +} + +.header a.extra { + color: #aaa; + margin-left: 1em; +} + +.header a.extra:hover { + color: #000; +} + +.meta { + color: #aaa; +} + +.footer { + font-size: 80%; + color: #666; + border-top: 4px solid #eee; + margin-top: 2em; + overflow: hidden; +} + +.footer .contact { + float: left; + margin-right: 3em; +} + +.footer .contact a { + color: #8085C1; +} + +.footer .rss { + margin-top: 1.1em; + margin-right: -.2em; + float: right; +} + +.footer .rss img { + border: 0; +} + +/*****************************************************************************/ +/* +/* Posts +/* +/*****************************************************************************/ + +/* standard */ +.post pre { + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .4em; +} + +.post ul, .post ol { + margin-left: 1.35em; +} + +.post code { + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .2em; +} + +.post pre code { + border: none; +} + +/* terminal */ +.post pre.terminal { + border: 1px solid #000; + background-color: #333; + color: #FFF; +} + +.post pre.terminal code { + background-color: #333; +} |