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
  13 /* ==================== MENU ==================== */
  14
  15 #menu {
  16   margin: 0; padding: .5em 1em;
  17   border-bottom: 1px solid black;
  18 }
  19 #menu a {
  20   background-color: #EEF;
  21   border: 1px solid black;
  22   margin: .5em 1em .5em 0;
  23   padding: .125em .5em;
  24 }
  25 #menu a:hover {
  26   background-color: #FFF;
  27   border-color: #888;
  28 }
  29
  30
  31 /* ==================== ADDRESS LISTS ==================== */
  32
  33 .invoices .invoice,
  34 .clients .address,
  35 .senders .address {
  36   display: inline-block;
  37   background-color: #EEE;
  38   white-space: pre;
  39   padding: 1em 1em .5em 1em;
  40   margin: 1em 0 0 1em;
  41   width: 20em;
  42 }
  43 .invoices .invoice {
  44   white-space: normal;
  45 }
  46 .invoices .invoice h2{
  47   display: block;
  48   letter-spacing: .25em;
  49   text-align: center;
  50   margin-bottom: -.5em;
  51   font-size: 1.125em;
  52 }
  53 .invoices .invoice label {
  54   font-weight: bold;
  55 }
  56 .invoices .invoice label::before {
  57   white-space: pre;
  58   content: '\0A';
  59 }
  60 .invoices .invoice a,
  61 .clients .address a,
  62 .senders .address a,
  63 a.new {
  64   display: block;
  65   background-color: #DEF;
  66   text-align: center;
  67   margin: .5em 3em 0 3em;
  68   padding: .125em 1em;
  69   border: 1px solid #08F;
  70 }
  71 .invoices .invoice a:hover,
  72 .clients .address a:hover,
  73 .senders .address a:hover,
  74 a.new:hover {
  75   border-color: #8EF;
  76 }
  77 a.new {
  78   display: inline-block;
  79   margin: 1em;
  80 }
  81
  82
  83 /* ==================== ADDRESS FORMS ==================== */
  84
  85 form select,
  86 form textarea,
  87 form input {
  88   padding: .125em .5em;
  89   background-color: #FFF;
  90   text-align: left;
  91 }
  92 form input[type=number] {
  93   width: 5em;
  94   text-align: right;
  95 }
  96
  97 .invoice form,
  98 .client form,
  99 .sender form {
 100   position: relative;
 101   display: inline-block;
 102   margin: 1em; padding: 1em;
 103   background-color: #EEE;
 104   text-align: right;
 105 }
 106 .client form textarea,
 107 .sender form textarea {
 108   display: block;
 109   min-width: 30em;
 110   min-height: 7em;
 111   margin-bottom: .5em;
 112 }
 113 .sender form textarea {
 114   min-height: 13em;
 115 }
 116 .client form label[for=hourly] {
 117   margin-right: .5em;
 118   line-height: 2em;
 119   text-align: right;
 120   font-weight: bold;
 121 }
 122 .invoice form button[type=submit],
 123 .client form button[type=submit],
 124 .sender form button[type=submit] {
 125   display: block;
 126   margin: .5em 0 0 auto;
 127   padding: .25em .5em;
 128   background-color: #DEF;
 129   border-radius: .25em;
 130   border: 1px solid #08F;
 131 }
 132
 133 /* ==================== INVOICE FORMS ==================== */
 134 .invoice form select {
 135   display: inline-block;
 136   min-width: 20em;
 137   margin-bottom: .5em;
 138 }
 139
 140 .invoice form label {
 141   font-weight: bold;
 142   line-height: 2em;
 143 }
 144
 145 .invoice form label::before {
 146   white-space: pre;
 147   content: '\0A';
 148 }
 149 .invoice form label:first-of-type::before {
 150   content: '';
 151 }
 152
 153 .invoice form input[type=radio] {display: none;}
 154 .invoice form label[for^=vat] {
 155   display: block;
 156   text-align: left;
 157   line-height: 1.5em;
 158 }
 159 .invoice form label[for^=vat]::before {
 160   content: '[  ] ';
 161 }
 162 .invoice form input:checked + label[for^=vat]::before {
 163   content: '[x] ';
 164 }
 165 .invoice form label[for=vatrate] {
 166   float: left;
 167   display: inline-block;
 168 }