body {
color: black; background-color: white;
}
+
+strong {font-weight: bold;}
+em {text-decoration: italic;}
+
+h1 {
+ display: block;
+ margin: 1em 1em 0 1em;
+ font-weight: bold;
+ border-bottom: 1px solid #08F;
+}
+
+/* ==================== MENU ==================== */
+
#menu {
margin: 0; padding: .5em 1em;
border-bottom: 1px solid black;
border-color: #888;
}
+
+/* ==================== ADDRESS LISTS ==================== */
+
+.invoices .invoice,
.clients .address,
.senders .address {
display: inline-block;
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 {
padding: .125em 1em;
border: 1px solid #08F;
}
+.invoices .invoice a:hover,
.clients .address a:hover,
.senders .address a:hover,
a.new:hover {
margin: 1em;
}
+
+/* ==================== ADDRESS FORMS ==================== */
+
+form select,
form textarea,
form input {
- padding: .25em .5em;
+ padding: .125em .5em;
background-color: #FFF;
text-align: left;
+ font-size: 12pt;
}
+form input[type=number] {
+ width: 5em;
+ text-align: right;
+}
+
+.invoice form,
.client form,
.sender form {
position: relative;
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;
margin: .5em 0 0 auto;
padding: .25em .5em;
background-color: #DEF;
border-radius: .25em;
border: 1px solid #08F;
}
+.client form button[type=submit],
+.sender form button[type=submit] {
+ display: block;
+}
+
+/* ==================== 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 input#date {
+ margin-right: .25em;
+}
+
+.invoice form label::before {
+ white-space: pre;
+ content: '\0A';
+}
+.invoice form label:first-of-type::before {
+ content: '';
+}
+
+.invoice form label[for=vatsb],
+.invoice form label[for=vatrate] {
+ display: block;
+ text-align: left;
+}
+.invoice form label[for=vatnett],
+.invoice form label[for=vatgross] {
+ display: inline-block;
+ float: left; margin-right: 1em;
+ line-height: 1em;
+}
+.invoice form input[type=radio] { display: none; }
+.invoice form input[type=radio] + label::before {
+ content: '( ) ';
+}
+.invoice form input:checked + label[for^=vat]::before {
+ content: '(x) ';
+}
+
+.invoice form table {
+ width: 30em;
+ margin-top: 1em;
+ border-spacing: 0;
+}
+.invoice form table tr > th {
+ text-align: left;
+ padding-left: .5em;
+ font-weight: bold;
+}
+.invoice form table tr:last-child {
+ font-family: monospace;
+ white-space: pre;
+ text-align: right;
+}
+.invoice form table tr > th:nth-child(3),
+.invoice form table tr > td:nth-child(4),
+.invoice form table tr > th:nth-child(4) {
+ text-align: right;
+}
+.invoice form table tr > :nth-child(1) { width: 7em; }
+.invoice form table tr > :nth-child(2) { width: 15em; }
+.invoice form table tr > :nth-child(3) { width: 4em; }
+.invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
+.invoice form table tr > * textarea,
+.invoice form table tr > * input[type=number],
+.invoice form table tr > * input {
+ display: block;
+ font-size: 12pt;
+ width: 100%; height: 100%;
+ height: 4.625em;
+}