From b6f8a586bd0fe2dc985fb2147783022a44e24003 Mon Sep 17 00:00:00 2001 From: Armin Ronacher Date: Thu, 22 Mar 2007 17:43:33 +0100 Subject: [PATCH] [svn] improved jinja webpage design --HG-- branch : trunk --- www/layout/base.tmpl | 2 +- www/static/headerbg.png | Bin 0 -> 281 bytes www/static/print.css | 17 ++++++++++++++ www/static/style.css | 48 ++++++++++++++++++++++++---------------- 4 files changed, 47 insertions(+), 20 deletions(-) create mode 100644 www/static/headerbg.png create mode 100644 www/static/print.css diff --git a/www/layout/base.tmpl b/www/layout/base.tmpl index e881373..bd1e9c8 100644 --- a/www/layout/base.tmpl +++ b/www/layout/base.tmpl @@ -16,7 +16,7 @@

H=O_Up`I0-{=sq7`C5A=whwh!W@g+}zZ>5(ej@)Wnk16ovB4k_?5Aj8p}8Pv3y| zDXMuuh5eo`jv*T7dnY*xF)MPg?5u%QWo_8E1MVme`@Brw{Ps_M=)P^&_V1Y| zcb1v_4CeAy-BENu=l@rw$(DELNbh}m??dcAt7&V$|Gg&r{q1q?^{4$5KYf#5duz{r ZhI?ib>J@q!=YdXR@O1TaS?83{1OWExXD9#w literal 0 HcmV?d00001 diff --git a/www/static/print.css b/www/static/print.css new file mode 100644 index 0000000..f29b465 --- /dev/null +++ b/www/static/print.css @@ -0,0 +1,17 @@ +#header, #footer, #navigation { + display: none; +} + +#contentwrapper, #content { + max-width: 100%; + padding: 0; +} + +a { + color: inherit; + text-decoration: inherit; +} + +#contentwrapper h1 { + margin-left: 0; +} diff --git a/www/static/style.css b/www/static/style.css index 644e671..0fa944e 100644 --- a/www/static/style.css +++ b/www/static/style.css @@ -116,19 +116,13 @@ div.admonition p { background-color: white; background-image: url(watermark.png); padding: 10px; - margin: 25px 25px 0 25px; - border: 4px solid #ddd; - border-bottom: none; } #footer { - margin: 0 25px 25px 25px; - border: 4px solid #ddd; - border-top: none; - background-color: #fff; - color: #999; - text-align: right; - padding: 0 20px 20px 0; + color: #fff; + text-align: center; + font-size: 14px; + padding: 10px 20px 10px 20px; } #contentwrapper { @@ -137,22 +131,30 @@ div.admonition p { } #header { + padding: 10px; + border-top: 6px solid #d20000; + background-color: #888; + background-image: url(headerbg.png); + background-position: top left; +} + +#header h1 { + margin: 0; + padding: 0; height: 80px; - background-color: #eee; background-image: url(jinjabanner.png); background-repeat: no-repeat; - border-bottom: 4px solid #ccc; } -#header h1 { +#header h1 span { display: none; } #navigation { - background-color: #fff; border: 1px solid #ccc; - border-right: none; - margin: 50px 29px 10px 10px; + background-color: #555; + font-family: 'Trebuchet MS', 'Arial', sans-serif; + margin: -60px 29px 10px 10px; padding: 0; float: right; list-style: none; @@ -160,14 +162,16 @@ div.admonition p { } #navigation li { + float: left; margin: 0; + padding: 0; } #navigation li a { display: block; text-decoration: none; padding: 5px 10px 5px 10px; - color: #333; + color: #eee; } #navigation li a:hover { @@ -189,15 +193,21 @@ div.admonition p { color: #fff; } +#contentwrapper h1, +#contentwrapper h2, +#contentwrapper h3 { + font-family: 'Trebuchet MS', 'Arial', sans-serif; +} + #contentwrapper h1 { color: #b41717; - font-size: 26px; + font-size: 28px; margin: 20px 0 0 -5px; } #contentwrapper h2 { color: #444; - font-size: 20px; + font-size: 22px; margin: 20px 0 0 0; } -- 2.26.2

Jinja

Jinja