invoice head editing

[invoices] / invoices.css

diff --git a/invoices.css b/invoices.css
index d495fc8de943242d12cdcce35767de6f8709b47a..3b7592b3b355006af9f72baec300b4d0467561a1 100755 (executable)
--- a/invoices.css
+++ b/invoices.css
@@ -8,6 +8,10 @@
 body {
   color: black; background-color: white;
 }
+
+
+/* ==================== MENU ==================== */
+
 #menu {
   margin: 0; padding: .5em 1em;
   border-bottom: 1px solid black;
@@ -23,6 +27,10 @@ body {
   border-color: #888;
 }
 
+
+/* ==================== ADDRESS LISTS ==================== */
+
+.invoices .invoice,
 .clients .address,
 .senders .address {
   display: inline-block;
@@ -32,6 +40,24 @@ body {
   margin: 1em 0 0 1em;
   width: 20em;
 }
+.invoices .invoice {
+  white-space: normal;
+}
+.invoices .invoice h2{
+  display: block;
+  letter-spacing: .25em;
+  text-align: center;
+  margin-bottom: -.5em;
+  font-size: 1.125em;
+}
+.invoices .invoice label {
+  font-weight: bold;
+}
+.invoices .invoice label::before {
+  white-space: pre;
+  content: '\0A';
+}
+.invoices .invoice a,
 .clients .address a,
 .senders .address a,
 a.new {
@@ -42,6 +68,7 @@ a.new {
   padding: .125em 1em;
   border: 1px solid #08F;
 }
+.invoices .invoice a:hover,
 .clients .address a:hover,
 .senders .address a:hover,
 a.new:hover {
@@ -52,12 +79,22 @@ a.new {
   margin: 1em;
 }
 
+
+/* ==================== ADDRESS FORMS ==================== */
+
+form select,
 form textarea,
 form input {
-  padding: .25em .5em;
+  padding: .125em .5em;
   background-color: #FFF;
   text-align: left;
 }
+form input[type=number] {
+  width: 5em;
+  text-align: right;
+}
+
+.invoice form,
 .client form,
 .sender form {
   position: relative;
@@ -82,10 +119,7 @@ form input {
   text-align: right;
   font-weight: bold;
 }
-.client form input#hourly {
-  min-width: 4em; width: 5em;
-  text-align: right;
-}
+.invoice form button[type=submit],
 .client form button[type=submit],
 .sender form button[type=submit] {
   display: block;
@@ -95,3 +129,40 @@ form input {
   border-radius: .25em;
   border: 1px solid #08F;
 }
+
+/* ==================== INVOICE FORMS ==================== */
+.invoice form select {
+  display: inline-block;
+  min-width: 20em;
+  margin-bottom: .5em;
+}
+
+.invoice form label {
+  font-weight: bold;
+  line-height: 2em;
+}
+
+.invoice form label::before {
+  white-space: pre;
+  content: '\0A';
+}
+.invoice form label:first-of-type::before {
+  content: '';
+}
+
+.invoice form input[type=radio] {display: none;}
+.invoice form label[for^=vat] {
+  display: block;
+  text-align: left;
+  line-height: 1.5em;
+}
+.invoice form label[for^=vat]::before {
+  content: '[  ] ';
+}
+.invoice form input:checked + label[for^=vat]::before {
+  content: '[x] ';
+}
+.invoice form label[for=vatrate] {
+  float: left;
+  display: inline-block;
+}