From: Iain Patterson <me@iain.cx>
Date: Fri, 10 May 2013 16:08:47 +0000 (-0400)
Subject: Various stylesheet changes.
X-Git-Tag: 2013-05-13~24
X-Git-Url: http://git.iain.cx/?a=commitdiff_plain;h=c330db029c59cfb11746f79e3362821dbfc9942d;p=readifood.git

Various stylesheet changes.

Print media section.  noprint class which is never printed.  printonly
class which is shown only when printed.
Various prettiness improvements.
---

diff --git a/www/style.css b/www/style.css
index 95728d1..932a1e9 100644
--- a/www/style.css
+++ b/www/style.css
@@ -1,43 +1,75 @@
-body {
-  font-family: Helvetica, Arial;
-  margin: 0px;
-}
+@media print {
+  #header {
+    display: none;
+  }
 
-#header {
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  background-image: url(logo.png);
-  background-color: #007d00;
-  background-repeat: no-repeat;
-  padding: 0.5em;
-  padding-left: 56px;
-  margin: 0px;
-  font-size: 16pt;
-  box-shadow: 0px 4px 8px 2px black;
-}
+  #main { }
+
+  body { }
+
+  a { color: inherit; }
+
+  .standout { }
+
+  .noprint {
+    display: none;
+  }
 
-#header > a {
-  color: white;
+  .printonly { }
 }
 
-#main {
-  margin: 0.5em;
+@media screen {
+  body {
+    font-family: Helvetica, Arial;
+    margin: 0px;
+  }
+
+  #header {
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    background-image: url(logo.png);
+    background-color: #007d00;
+    background-repeat: no-repeat;
+    padding: 0.5em;
+    padding-left: 56px;
+    margin: 0px;
+    font-size: 16pt;
+    box-shadow: 0px 4px 8px 2px black;
+  }
+
+  #header > a {
+    color: white;
+  }
+
+  #main {
+    margin: 0.5em;
+  }
+
+  .standout {
+    background: #eeeeee;
+    border-color: black;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0.5em;
+    padding-left: 0.25em;
+    padding-right: 0.25em;
+  }
+
+  .noprint { }
+
+  .printonly {
+    display: none;
+  }
 }
 
-.button {
-  background-color: #2040cc;
-  border-radius: 32px;
-  padding-top: 16px;
-  padding-bottom: 16px;
-  padding-left: 32px;
-  padding-right: 32px;
-  margin: 32px;
-  box-shadow: 4px 4px 8px 2px black;
 }
 
-.button > a {
-  color: white;
+.history {
+  background: #eeeeee;
+  border-radius: 0.5em;
+  padding-left: 0.25em;
+  padding-right: 0.25em;
 }
 
 a {