add printing design for lists; add some currency

1 files changed, 59 insertions, 4 deletions

diff --git a/style.css b/style.css
index ef7104a..b7e0f55 100644
--- a/style.css
+++ b/style.css
@@ -151,12 +151,14 @@ li {
     grid-template-columns: repeat(6, 6em);
     list-style-type: none;
 }
+input.button {
+	place-content: center;
+	padding: 0.8em 0.5em;
+	border: none;
+	border-radius: 4px;
+}
 
 .amount-presets > form > input {
-    place-content: center;
-    padding: 0.8em 0.5em;
-    border: none;
-    border-radius: 4px;
     width: 6em;
     margin: 1em;
 }
@@ -181,6 +183,15 @@ input.amount-neg {
     background-color: rgb(84, 64, 82);
 }
 
+/* amount neutral */
+.amount-ntr {
+    color: #04d8f4;
+}
+
+input.amount-ntr {
+    background-color: #5285a8;
+}
+
 h3 {
 	margin: 4px;
 	margin-left: 0;	
@@ -230,3 +241,47 @@ tr:nth-child(2n) {
 	background-color: #1d2832;
 }
 
+input {
+	background-color: inherit;
+	color: white;
+}
+
+input:not([type=submit]) {
+	border: none;
+	border-bottom: 1px solid #e2e2e2;
+}
+
+@media print {
+	nav, .container, h1 {
+		display: none;
+	}
+
+	table.log:before {
+		content: "Abrechenbarkeit Log";
+		font-size: 2em;
+		text-decoration: underline;
+	}
+
+	table.productlist:before {
+		content: "Produkt Liste";
+		font-size: 2em;
+		text-decoration: underline;
+	}
+
+	tr :last-child {
+		display: none;		
+	}
+
+	td {
+	  border-bottom: 1px solid black;
+	}
+
+	*, body {
+		background-color: white;
+		color: black;
+	}
+
+	form {
+		display: none;
+	}
+}