www/style.css

   1 @media print {
   2   #header {
   3     display: none;
   4   }
   5
   6   #main { }
   7
   8   body { }
   9
  10   a { color: inherit; }
  11
  12   .standout { }
  13
  14   .noprint {
  15     display: none;
  16   }
  17
  18   .printonly { }
  19
  20   #popup { }
  21 }
  22
  23 @media screen {
  24   body {
  25     font-family: Helvetica, Arial;
  26     margin: 0px;
  27   }
  28
  29   #header {
  30     top: 0px;
  31     left: 0px;
  32     width: 100%;
  33     background-image: url(logo.png);
  34     background-color: #007d00;
  35     background-repeat: no-repeat;
  36     padding: 0.5em;
  37     padding-left: 56px;
  38     margin: 0px;
  39     font-size: 16pt;
  40     box-shadow: 0px 4px 8px 2px black;
  41   }
  42
  43   #header > a {
  44     color: white;
  45   }
  46
  47   #main {
  48     margin: 0.5em;
  49   }
  50
  51   .standout {
  52     background: #eeeeee;
  53     border-color: black;
  54     border-width: 1px;
  55     border-style: solid;
  56     border-radius: 0.5em;
  57     padding-left: 0.25em;
  58     padding-right: 0.25em;
  59   }
  60
  61   .noprint { }
  62
  63   .printonly {
  64     display: none;
  65   }
  66 }
  67
  68 .history {
  69   background: #eeeeee;
  70   border-radius: 0.5em;
  71   padding-left: 0.25em;
  72   padding-right: 0.25em;
  73 }
  74
  75 a {
  76   text-decoration: none;
  77 }
  78
  79 a:hover {
  80   text-decoration: underline;
  81 }
  82
  83 a.delete {
  84   color: darkred;
  85 }
  86
  87 .strong {
  88   font-weight: bold;
  89 }
  90
  91 .small {
  92   font-size: 75%;
  93 }
  94
  95 .smaller {
  96   font-size: 25%;
  97 }
  98
  99 table.report > * > tr > td {
 100   padding-right: 0.25em;
 101 }
 102
 103 #popup {
 104   display: none;
 105   position: absolute;
 106   z-index: 10;
 107   width: 500px;
 108   height: 375px;
 109   background: #eeeeee;
 110 }