From ac2aa1fee5674584c58acfe9c5b47e188582b1ca Mon Sep 17 00:00:00 2001 From: Johannes Löthberg Date: Mon, 6 Oct 2014 19:14:51 +0200 Subject: holy massive dump --- new_journal.css | 79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 new_journal.css (limited to 'new_journal.css') diff --git a/new_journal.css b/new_journal.css new file mode 100644 index 0000000..2c14230 --- /dev/null +++ b/new_journal.css @@ -0,0 +1,79 @@ +@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700); + +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +html { + background-color: #eee; +} +body { + max-width: 42rem; + margin: -1.5rem auto; + padding-left: 1rem; + padding-right: 1rem; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #ccc; + background-color: #fcfcfc; + font-family: 'PT Sans'; +} +header nav { + padding-top: 2.25rem; +} +header nav ul { + font-family: 'DejaVu Sans Mono'; + font-size: 0.9rem; + list-style-type: none; + padding: 0; + margin: 0; +} +header nav ul li { + margin-right: 0.5rem; + display: inline; +} +header nav a, header nav a:visited { + text-decoration: none; + color: #444; +} +header nav a:hover { + color: #111; +} +header h1 { + font-size: 1.6rem; +} + +.post .title { + font-size: 1.4rem; + margin-top: 0; + margin-bottom: 0.2rem; +} +.post .info { + font-style: italic; + font-size: 0.9rem; + color: #505050; + margin-bottom: -0.4rem; +} +.post > p:first-of-type:first-letter { + float: left; + color: #903; + font-size: 4rem; + line-height: 2.5rem; + padding-top: 0.5rem; + padding-right: 0.4rem; + padding-left: 0.2rem; + font-family: 'Georgia'; +} + +@media (max-width: 767px) { + .post > p:first-of-type:first-letter { + padding-right: 0.2rem; + } +} +body > * + :not(:last-child) { + margin-bottom: 1rem; + border-bottom: 0.15rem; + border-bottom-style: dotted; + border-bottom-color: #bbb; +} -- cgit v1.2.3-70-g09d2