From d8fed1ee84288da0a2b7db4242cd520de9ea7835 Mon Sep 17 00:00:00 2001 From: Eston Bond Date: Wed, 8 Dec 2010 15:23:28 -0800 Subject: [PATCH] Changing formatting to be more tolerant --- lib/gollum/frontend/public/css/template.css | 136 ++++++++++++++++---- 1 file changed, 109 insertions(+), 27 deletions(-) mode change 100644 => 100755 lib/gollum/frontend/public/css/template.css diff --git a/lib/gollum/frontend/public/css/template.css b/lib/gollum/frontend/public/css/template.css old mode 100644 new mode 100755 index 882877ff..e67601bf --- a/lib/gollum/frontend/public/css/template.css +++ b/lib/gollum/frontend/public/css/template.css @@ -16,25 +16,9 @@ #template p { font-size: 1.4em; line-height: 1.6em; + margin: 0.5em 0 0.5em 0; } - /* See http://webtypography.net/Rhythm_and_Proportion/ */ - #template p + p { - margin: -0.75em 0 0; - text-indent: 1em; - } - - /* Everybody loves type ornaments */ - #template p:last-child:after { - color: #999; - content: " ❈"; - font-size: 0.8em; - } - - #template blockquote p:last-child:after { - content: none; - } - #template a:link { color: #4183c4; text-decoration: none; @@ -48,15 +32,24 @@ margin: 1.0em 0 0 2.0em; list-style-position: outside; padding: 0; - } +#template dl { + margin: 1.0em 0 0 0.5em; +} + + #template dl * dl { + margin: 0.5em 0 0 0.5em; + } + #template p + ul, #template p + ol, -#template ul li > ul, #template ol li > ol { +#template ul li > ul, #template ol li > ol, +#template ul > ul, #template ol > ol { margin-top: 0; } -#template ul li > ul, #template ol li > ol { +#template ul li > ul, #template ol li > ol, +#template ul > ul, #template ol > ol { margin-left: 0; } @@ -64,35 +57,75 @@ list-style-type: square; } - #template ol li > ol li { + #template ul li > ul, + #template ul > ul { + padding-left: 1em; + } + + #template ul li > ul li, + #template ul li > ol li, + #template ol li > ol li, + #template ol li > ul li { font-size: 1.0em !important; + } + + #template ol li > ol li, + #template ol > ol li { list-style-type: lower-roman; list-style-position: inside; } - #template ol li > ol li > ol li { + #template ol li > ol li > ol li, + #template ol > ol > ol li { list-style-type: lower-alpha; } - #template ol li > ol li > ol li > ol li { + #template ol li > ol li > ol li > ol li, + #template ol > ol > ol > ol li { list-style-type: lower-greek; } -#template ul li, #template ol li { +#template ul li, #template ol li, #template dl dt, #template dl dd { font-size: 1.4em; line-height: 1.6em; padding-top: 0.1em; /* Line up ordinals */ } +#template dl dt { + font-weight: bold; +} + +#template dl dd { + padding: 1em 0; +} + +#template ul li p, #template ol li p { + font-size: 1.0em; +} + #template blockquote { + font-size: 1.4em; + line-height: 1.6em; margin: 0 4.0em 0 2.0em; padding: 0; } - #template blockquote p { + #template blockquote p, + #template blockquote > blockquote { color: #888; + font-size: 1.0em; + line-height: 1.0em; font-style: italic; } + + #template blockquote pre { + font-size: 1.0em; + line-height: 1.0em; + } + + #template blockquote > blockquote { + margin: 1em 4em 1em 2em; + } /* Headings */ @@ -137,10 +170,59 @@ /* Code-related */ -#template p code { +#template p code, #template p tt, +#template dl dt tt, #template ul li tt, #template ol li tt { background-color: #f7f7f7; border: 1px solid #ddd; color: #222; /* This is a little heavy when #000 */ + font-size: 1.0em; font-family: Consolas, Monaco, "Courier New", monospace; padding: 0.15em 0.3em; -} \ No newline at end of file +} + +#template pre { + padding-left: 0.5em; +} + +#template tt, #template pre { + color: #222; + font-size: 1.5em; + font-family: Consolas, Monaco, "Courier New", monospace; +} + +#template dl dt tt, #template dl dd tt, +#template ul li tt, #template ol li tt, +#template dl dt p, #template dl dd p, +#template dl dt pre, #template dl dd pre, +#template ul li pre, #template ol li pre, +#template ul li > dl dt, #template ol li > dl dt, +#template ul li > dl dd, #template ol li > dl dd, +#template dl dd > * li, #template dl dt > * li, +#template dl dd > * dd, #template dl dt > * dt, +#template dl * dt, #template dl * dd, +#template pre tt { + font-size: 1.0em; +} + +#template table { + margin: 1em 0; + padding: 0.5em; + border-collapse: collapse; + border: 1px solid #ddd; +} + +#template table tr { + margin: 0; +} + +#template table tr td, +#template table tr th { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + font-size: 1.4em; + padding: 0.5em 0.5em; +} + +#template table tr:nth-child(2n) { + background-color: #f9f9f9; +}