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 #menu {
  12   margin: 0; padding: .5em 1em;
  13   border-bottom: 1px solid black;
  14 }
  15 #menu a {
  16   background-color: #EEF;
  17   border: 1px solid black;
  18   margin: .5em 1em .5em 0;
  19   padding: .125em .5em;
  20 }
  21 #menu a:hover {
  22   background-color: #FFF;
  23   border-color: #888;
  24 }
  25
  26 .clients .address,
  27 .senders .address {
  28   display: inline-block;
  29   background-color: #EEE;
  30   white-space: pre;
  31   padding: 1em 1em .5em 1em;
  32   margin: 1em 0 0 1em;
  33   width: 20em;
  34 }
  35 .clients .address a,
  36 .senders .address a,
  37 a.new {
  38   display: block;
  39   background-color: #DEF;
  40   text-align: center;
  41   margin: .5em 3em 0 3em;
  42   padding: .125em 1em;
  43   border: 1px solid #08F;
  44 }
  45 .clients .address a:hover,
  46 .senders .address a:hover,
  47 a.new:hover {
  48   border-color: #8EF;
  49 }
  50 a.new {
  51   display: inline-block;
  52   margin: 1em;
  53 }
  54
  55 form textarea,
  56 form input {
  57   padding: .25em .5em;
  58   background-color: #FFF;
  59   text-align: left;
  60 }
  61 .client form,
  62 .sender form {
  63   position: relative;
  64   display: inline-block;
  65   margin: 1em; padding: 1em;
  66   background-color: #EEE;
  67   text-align: right;
  68 }
  69 .client form textarea,
  70 .sender form textarea {
  71   display: block;
  72   min-width: 30em;
  73   min-height: 7em;
  74   margin-bottom: .5em;
  75 }
  76 .sender form textarea {
  77   min-height: 13em;
  78 }
  79 .client form label[for=hourly] {
  80   margin-right: .5em;
  81   line-height: 2em;
  82   text-align: right;
  83   font-weight: bold;
  84 }
  85 .client form input#hourly {
  86   min-width: 4em; width: 5em;
  87   text-align: right;
  88 }
  89 .client form button[type=submit],
  90 .sender form button[type=submit] {
  91   display: block;
  92   margin: .5em 0 0 auto;
  93   padding: .25em .5em;
  94   background-color: #DEF;
  95   border-radius: .25em;
  96   border: 1px solid #08F;
  97 }