X-Git-Url: http://git.plutz.net/?p=invoices;a=blobdiff_plain;f=invoices.css;h=592fb5526f0847fc6783aa53bc4ceea4e7b5c734;hp=8892892180f68983eeecc334340634e9711fb4ea;hb=HEAD;hpb=c0c32950d91b409f0ada82a21e6702ad980bd565 diff --git a/invoices.css b/invoices.css index 8892892..592fb55 100755 --- a/invoices.css +++ b/invoices.css @@ -9,6 +9,15 @@ 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 ==================== */ @@ -88,6 +97,7 @@ form input { padding: .125em .5em; background-color: #FFF; text-align: left; + font-size: 12pt; } form input[type=number] { width: 5em; @@ -122,13 +132,16 @@ form input[type=number] { .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 { @@ -142,6 +155,10 @@ form input[type=number] { line-height: 2em; } +.invoice form input#date { + margin-right: .25em; +} + .invoice form label::before { white-space: pre; content: '\0A'; @@ -168,3 +185,36 @@ form input[type=number] { .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; +}