From a6271987b48d9237afcdc68c27e371d7ce3f4c34 Mon Sep 17 00:00:00 2001 From: Neale Pickett Date: Wed, 18 Jan 2012 09:47:33 -0600 Subject: [PATCH] deal with caching of css --- style-black.css | 83 ++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 12 +++---- template.html.m4 | 2 +- woozle.mk | 2 +- 4 files changed, 91 insertions(+), 8 deletions(-) create mode 100644 style-black.css diff --git a/style-black.css b/style-black.css new file mode 100644 index 0000000..da83989 --- /dev/null +++ b/style-black.css @@ -0,0 +1,83 @@ +html { + font-family: sans-serif; + background: black; +} + +body { + max-width: 700px; + margin: auto; + color: #636; + background: black; + padding: 1em; +} + +body h1:first-child { + font-size: 1.5em; + font-weight: bold; + color: #ccc; + margin: 0; +} +body h1:first-child:before { + font-size: 300%; + font-weight: normal; + content: "Woozle"; + padding-right: 1em; +} + +nav { + font-size: 80%; + margin: 0; + padding: 0; +} +nav ul { + background-color: #222; + margin: 0; + padding: 0 1em; +} +nav li { + font-weight: bold; + display: inline; + padding: 0 1em; +} + +a { + text-decoration: none; + color: #e8b; +} +a:hover { + text-decoration: underline; +} + +h1 { + font-size: 150%; + border-bottom: 1px solid #ddd; +} + + +.login { + margin: 0 1em; + color: #e8b; + background: #333; + border: 1px solid #eee; + text-align: center; +} + +.login input { + border: 1px solid #ddd; + color: #bbb; + background: #111; + font-weight: bold; +} + +a img +{ + border: 1px #e8b solid; +} +img.left { + float: left; + margin-right: 10px; +} + +pre { + background-color: #444; +} diff --git a/style.css b/style.css index da83989..e1e1a74 100644 --- a/style.css +++ b/style.css @@ -1,13 +1,13 @@ html { font-family: sans-serif; - background: black; + background: #eee; } body { max-width: 700px; margin: auto; color: #636; - background: black; + background: #fff; padding: 1em; } @@ -30,7 +30,7 @@ nav { padding: 0; } nav ul { - background-color: #222; + background-color: #eee; margin: 0; padding: 0 1em; } @@ -57,7 +57,7 @@ h1 { .login { margin: 0 1em; color: #e8b; - background: #333; + background: #fbfbfb; border: 1px solid #eee; text-align: center; } @@ -65,7 +65,7 @@ h1 { .login input { border: 1px solid #ddd; color: #bbb; - background: #111; + background: #fff; font-weight: bold; } @@ -79,5 +79,5 @@ img.left { } pre { - background-color: #444; + background-color: #eee; } diff --git a/template.html.m4 b/template.html.m4 index ccadfaa..f393317 100644 --- a/template.html.m4 +++ b/template.html.m4 @@ -3,7 +3,7 @@ TITLE - + diff --git a/woozle.mk b/woozle.mk index bdce135..d748525 100644 --- a/woozle.mk +++ b/woozle.mk @@ -1,5 +1,5 @@ PLAIN += . -COPY += icon.png style.css lists.cgi wishlist.cgi set.cgi $(TEMPLATE) +COPY += icon.png style.css style-black.css lists.cgi wishlist.cgi set.cgi $(TEMPLATE) HTML += people.html $(DESTDIR)/people.html: people.sh