X-Git-Url: http://git.iain.cx/?a=blobdiff_plain;f=www%2Fstyle.css;h=96c3cdafc7879ea5bd6ca416e340f61be1fe2bbb;hb=018b041d077a8740dde27529a1ffc32f4610b7ef;hp=95728d1140f8bbe9ecddd883338eab421a7b3f95;hpb=6fdbfe32798452ec1c0fdbda57edabb892518409;p=readifood.git

diff --git a/www/style.css b/www/style.css
index 95728d1..96c3cda 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 { }
 
-#header > a {
-  color: white;
-}
+  body { }
+
+  a { color: inherit; }
+
+  .standout { }
+
+  .noprint {
+    display: none;
+  }
+
+  .printonly { }
 
-#main {
-  margin: 0.5em;
+  #popup { }
 }
 
-.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;
+@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 > a {
-  color: white;
+.history {
+  background: #eeeeee;
+  border-radius: 0.5em;
+  padding-left: 0.25em;
+  padding-right: 0.25em;
 }
 
 a {
@@ -59,3 +91,44 @@ a.delete {
 .small {
   font-size: 75%;
 }
+
+.smaller {
+  font-size: 25%;
+}
+
+table.report > * > tr > td {
+  padding-right: 0.25em;
+}
+
+#popup {
+  display: none;
+  position: absolute;
+  z-index: 10;
+  width: 500px;
+  height: 375px;
+  background: #eeeeee;
+}
+
+.sortdragging {
+  border-color: black;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0.5em;
+  padding-bottom: 1em;
+  background: #eeeeee;
+}
+
+span.sortdragging hr {
+  display: none;
+}
+
+.sortplaceholder {
+  border-color: black;
+  border-width: 1px;
+  border-style: dotted;
+  border-radius: 0.5em;
+  background: #ffffee;
+  height: 2em;
+  position: absolute;
+}
+