git.plutz.net Git - invoices/blob - invoices.css

   1 * {
   2   margin: 0; padding: 0;
   3   color: inherit; background-color: inherit;
   4   font-size: medium; font-weight: normal;
   5   text-decoration: none;
   6   box-sizing: border-box;
   7 }
   8 body {
   9   color: black; background-color: white;
  10 }
  11
  12 strong {font-weight: bold;}
  13 em {text-decoration: italic;}
  14
  15 h1 {
  16   display: block;
  17   margin: 1em 1em 0 1em;
  18   font-weight: bold;
  19   border-bottom: 1px solid #08F;
  20 }
  21
  22 /* ==================== MENU ==================== */
  23
  24 #menu {
  25   margin: 0; padding: .5em 1em;
  26   border-bottom: 1px solid black;
  27 }
  28 #menu a {
  29   background-color: #EEF;
  30   border: 1px solid black;
  31   margin: .5em 1em .5em 0;
  32   padding: .125em .5em;
  33 }
  34 #menu a:hover {
  35   background-color: #FFF;
  36   border-color: #888;
  37 }
  38
  39
  40 /* ==================== ADDRESS LISTS ==================== */
  41
  42 .invoices .invoice,
  43 .clients .address,
  44 .senders .address {
  45   display: inline-block;
  46   background-color: #EEE;
  47   white-space: pre;
  48   padding: 1em 1em .5em 1em;
  49   margin: 1em 0 0 1em;
  50   width: 20em;
  51 }
  52 .invoices .invoice {
  53   white-space: normal;
  54 }
  55 .invoices .invoice h2{
  56   display: block;
  57   letter-spacing: .25em;
  58   text-align: center;
  59   margin-bottom: -.5em;
  60   font-size: 1.125em;
  61 }
  62 .invoices .invoice label {
  63   font-weight: bold;
  64 }
  65 .invoices .invoice label::before {
  66   white-space: pre;
  67   content: '\0A';
  68 }
  69 .invoices .invoice a,
  70 .clients .address a,
  71 .senders .address a,
  72 a.new {
  73   display: block;
  74   background-color: #DEF;
  75   text-align: center;
  76   margin: .5em 3em 0 3em;
  77   padding: .125em 1em;
  78   border: 1px solid #08F;
  79 }
  80 .invoices .invoice a:hover,
  81 .clients .address a:hover,
  82 .senders .address a:hover,
  83 a.new:hover {
  84   border-color: #8EF;
  85 }
  86 a.new {
  87   display: inline-block;
  88   margin: 1em;
  89 }
  90
  91
  92 /* ==================== ADDRESS FORMS ==================== */
  93
  94 form select,
  95 form textarea,
  96 form input {
  97   padding: .125em .5em;
  98   background-color: #FFF;
  99   text-align: left;
 100   font-size: 12pt;
 101 }
 102 form input[type=number] {
 103   width: 5em;
 104   text-align: right;
 105 }
 106
 107 .invoice form,
 108 .client form,
 109 .sender form {
 110   position: relative;
 111   display: inline-block;
 112   margin: 1em; padding: 1em;
 113   background-color: #EEE;
 114   text-align: right;
 115 }
 116 .client form textarea,
 117 .sender form textarea {
 118   display: block;
 119   min-width: 30em;
 120   min-height: 7em;
 121   margin-bottom: .5em;
 122 }
 123 .sender form textarea {
 124   min-height: 13em;
 125 }
 126 .client form label[for=hourly] {
 127   margin-right: .5em;
 128   line-height: 2em;
 129   text-align: right;
 130   font-weight: bold;
 131 }
 132 .invoice form button[type=submit],
 133 .client form button[type=submit],
 134 .sender form button[type=submit] {
 135   margin: .5em 0 0 auto;
 136   padding: .25em .5em;
 137   background-color: #DEF;
 138   border-radius: .25em;
 139   border: 1px solid #08F;
 140 }
 141 .client form button[type=submit],
 142 .sender form button[type=submit] {
 143   display: block;
 144 }
 145
 146 /* ==================== INVOICE FORMS ==================== */
 147 .invoice form select {
 148   display: inline-block;
 149   min-width: 20em;
 150   margin-bottom: .5em;
 151 }
 152
 153 .invoice form label {
 154   font-weight: bold;
 155   line-height: 2em;
 156 }
 157
 158 .invoice form input#date {
 159   margin-right: .25em;
 160 }
 161
 162 .invoice form label::before {
 163   white-space: pre;
 164   content: '\0A';
 165 }
 166 .invoice form label:first-of-type::before {
 167   content: '';
 168 }
 169
 170 .invoice form label[for=vatsb],
 171 .invoice form label[for=vatrate] {
 172   display: block;
 173   text-align: left;
 174 }
 175 .invoice form label[for=vatnett],
 176 .invoice form label[for=vatgross] {
 177   display: inline-block;
 178   float: left; margin-right: 1em;
 179   line-height: 1em;
 180 }
 181 .invoice form input[type=radio] { display: none; }
 182 .invoice form input[type=radio] + label::before {
 183   content: '(  ) ';
 184 }
 185 .invoice form input:checked + label[for^=vat]::before {
 186   content: '(x) ';
 187 }
 188
 189 .invoice form table {
 190   width: 30em;
 191   margin-top: 1em;
 192   border-spacing: 0;
 193 }
 194 .invoice form table tr > th {
 195   text-align: left;
 196   padding-left: .5em;
 197   font-weight: bold;
 198 }
 199 .invoice form table tr:last-child {
 200   font-family: monospace;
 201   white-space: pre;
 202   text-align: right;
 203 }
 204 .invoice form table tr > th:nth-child(3),
 205 .invoice form table tr > td:nth-child(4),
 206 .invoice form table tr > th:nth-child(4) {
 207   text-align: right;
 208 }
 209 .invoice form table tr > :nth-child(1) { width: 7em; }
 210 .invoice form table tr > :nth-child(2) { width: 15em; }
 211 .invoice form table tr > :nth-child(3) { width: 4em; }
 212 .invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
 213 .invoice form table tr > * textarea,
 214 .invoice form table tr > * input[type=number],
 215 .invoice form table tr > * input {
 216   display: block;
 217   font-size: 12pt;
 218   width: 100%; height: 100%;
 219   height: 4.625em;
 220 }