diff --git a/lib/gollum/frontend/public/css/template.css b/lib/gollum/frontend/public/css/template.css old mode 100755 new mode 100644 index 03d573aa..066b90cf --- a/lib/gollum/frontend/public/css/template.css +++ b/lib/gollum/frontend/public/css/template.css @@ -1,360 +1,156 @@ /* - template.css - Wiki content formatting - Keeping this file separate so it can be easily swapped out if you - want to format your wiki content differently from the default. + Gollum v3 Template */ #template { - margin-bottom: 4em; /* Give it some breathing room */ -} - -.has-footer #template { - margin: 0; + font-size: 13px; + line-height: 23px; + margin-bottom: 40px; } +/* Primary Body Copy */ #template p { - font-size: 1.4em; - line-height: 1.6em; - margin: 0.5em 0 0.5em 0; -} - -#template a:link { - color: #4183c4; - text-decoration: none; -} - -/* - Link classes available: - .absent - for internal links that do not yet exist - .internal - for internal links (links that link to other wiki pages) - .present - for internal links that exist (normal color) -*/ -#template a.absent { - color: #d00 !important; -} - -#template a:hover, #template a:visited { - text-decoration: underline; -} - -#template ul, #template ol { - margin: 1.0em 0 0 2.0em; - list-style-position: outside; + margin: 16px 0 0; 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 > ul, #template ol > ol { - margin-top: 0; -} - -#template ul li > ul, #template ol li > ol, -#template ul > ul, #template ol > ol { - margin-left: 0; -} - - #template ul { - list-style-type: square; - } - #template ul li > ul, - #template ul > ul { - padding-left: 1em; + /* ReST first graf in nested list */ + #template * li p.first { + display: inline-block; } - - #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 > ol > ol li { - list-style-type: lower-alpha; - } - - #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 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 > 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 */ -#template h1, #template h2, #template h3, +#template h1, #template h2, #template h3, #template h4, #template h5, #template h6 { margin: 0; - padding: 0.5em 0 0; + padding: 0; } #template h1 { - font-size: 2.6em; - font-weight: bold; + border-top: 4px solid #ccc; + font-size: 32px; + padding: 10px 0 0; + margin: 12px 0 0; } #template h2 { - font-size: 2.2em; - font-weight: bold; + border-top: 4px solid #ccc; + font-size: 22px; + margin: 26px 0 0; + padding: 14px 0 0; } #template h3 { - font-size: 2.0em; - font-weight: bold; + font-size: 16px; + line-height: 26px; + padding: 18px 0 0; } #template h4 { - font-size: 1.8em; + font-size: 14px; + line-height: 26px; + padding: 18px 0 4px; font-weight: bold; + text-transform: uppercase; } #template h5 { - font-size: 1.6em; + font-size: 13px; + line-height: 26px; + margin-bottom: -19px; + padding: 14px 0 0; font-weight: bold; - + text-transform: uppercase; } #template h6 { - font-size: 1.4em; - font-weight: bold; - margin-top: 1.0em; - text-transform: uppercase; /* all caps */ + color: #666; + font-size: 14px; + line-height: 26px; + margin-bottom: -19px; + padding: 18px 0 0; + font-weight: normal; + font-variant: italic; +} + +#template h1:first-child { + border: 0; +} + +#template hr { + background-color: #ccc; + color: #ccc; + border: 2px solid #ccc; + margin: 20px 0; + padding: 0; } -/* Code-related */ -#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; +/* Lists, Blockquotes & Such */ +#template ul, +#template ol { + margin: 0; + padding: 20px 0 0; + list-style-position: inside; } -#template pre { - padding-left: 0.5em; -} + /* Nested Lists */ + #template ul li ul, + #template ol li ol { + padding: 0 0 0 14px; + } -#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; -} +/* Tables */ #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; + margin: 20px 0 0; } -/* Generic align commands (deprecated) */ -#template .frame { - display: block; - overflow: hidden; - padding: 1em 0; -} - - #template .frame span { - color: #888; - display: block; - line-height: normal; - } - - #template .frame img { - border: 1px solid #ddd; - padding: 1em; - } +/* Code */ +#template code { + background-color: #f8f8f8; + border: 1px solid #dedede; + font-size: 13px; + padding: 1px 5px; -#template .float-left { - display: block; - float: left; - margin-right: 1em; - padding: 1em 0; - overflow: hidden; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; } -#template .float-right { - display: block; - float: right; - margin-left: 1em; - padding: 1em 0; - overflow: hidden; -} - -#template .align-left, -#template .align-left img { - display: block; - text-align: left; -} - -#template .align-center, -#template .align-center img { - display: block; - margin: 0 auto; -} - -#template .align-right, -#template .align-right img { - display: block; - overflow: hidden; -} - - #template .align-right img, - #template .align-right span { - display: block; - float: right; - } - -#template .align-left span, -#template .align-right span, -#template .align-center span { - color: #888; - display: block; - line-height: normal; -} - - -/* @control syntax */ -#template .data { - border: 1px solid #ddd; - margin-top: 1em; +#template .highlight pre, #template pre { + background-color: #f8f8f8; + border: 1px solid #ccc; + font-size: 13px; + line-height: 19px; overflow: auto; + padding: 6px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; } -#template .data pre { - margin: 0; - padding: 0; -} - -#template .data pre div { - padding: 0 0 0 1em; -} - -#template .data tr td { - font-family: "Consolas", "Monaco", "Andale Mono", "Courier New", monospace; - font-size: 1.0em; /* reset size */ - line-height: 1.8em; - margin: 0; - padding: 0; -} - -#template .data td.line_numbers { - background: #f7f7f7; - border-right: 1px solid #999; - color: #999; - padding: 0 0 0 0.5em; -} - -#template .highlight { background: #ffffff; } -#template .highlight .c { color: #999988; font-style: italic } -#template .highlight .err { color: #a61717; background-color: #e3d2d2 } -#template .highlight .k { font-weight: bold } -#template .highlight .o { font-weight: bold } -#template .highlight .cm { color: #999988; font-style: italic } -#template .highlight .cp { color: #999999; font-weight: bold } -#template .highlight .c1 { color: #999988; font-style: italic } -#template .highlight .cs { color: #999999; font-weight: bold; font-style: italic } -#template .highlight .gd { color: #000000; background-color: #ffdddd } -#template .highlight .gd .x { color: #000000; background-color: #ffaaaa } -#template .highlight .ge { font-style: italic } -#template .highlight .gr { color: #aa0000 } -#template .highlight .gh { color: #999999 } -#template .highlight .gi { color: #000000; background-color: #ddffdd } -#template .highlight .gi .x { color: #000000; background-color: #aaffaa } -#template .highlight .gc { color: #999; background-color: #EAF2F5 } -#template .highlight .go { color: #888888 } -#template .highlight .gp { color: #555555 } -#template .highlight .gs { font-weight: bold } -#template .highlight .gu { color: #aaaaaa } -#template .highlight .gt { color: #aa0000 } +#template .highlight { background: #ffffff; }; +#template .highlight .c { color: #999988; font-style: italic }; +#template .highlight .err { color: #a61717; background-color: #e3d2d2 }; +#template .highlight .k { font-weight: bold }; +#template .highlight .o { font-weight: bold }; +#template .highlight .cm { color: #999988; font-style: italic }; +#template .highlight .cp { color: #999999; font-weight: bold }; +#template .highlight .c1 { color: #999988; font-style: italic }; +#template .highlight .cs { color: #999999; font-weight: bold; font-style: italic }; +#template .highlight .gd { color: #000000; background-color: #ffdddd }; +#template .highlight .gd .x { color: #000000; background-color: #ffaaaa }; +#template .highlight .ge { font-style: italic }; +#template .highlight .gr { color: #aa0000 }; +#template .highlight .gh { color: #999999 }; +#template .highlight .gi { color: #000000; background-color: #ddffdd }; +#template .highlight .gi .x { color: #000000; background-color: #aaffaa }; +#template .highlight .gc { color: #999; background-color: #EAF2F5 }; +#template .highlight .go { color: #888888 }; +#template .highlight .gp { color: #555555 }; +#template .highlight .gs { font-weight: bold }; +#template .highlight .gu { color: #aaaaaa }; +#template .highlight .gt { color: #aa0000 };