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
  21 @media screen {
  22   body {
  23     font-family: Helvetica, Arial;
  24     margin: 0px;
  25   }
  26
  27   #header {
  28     top: 0px;
  29     left: 0px;
  30     width: 100%;
  31     background-image: url(logo.png);
  32     background-color: #007d00;
  33     background-repeat: no-repeat;
  34     padding: 0.5em;
  35     padding-left: 56px;
  36     margin: 0px;
  37     font-size: 16pt;
  38     box-shadow: 0px 4px 8px 2px black;
  39   }
  40
  41   #header > a {
  42     color: white;
  43   }
  44
  45   #main {
  46     margin: 0.5em;
  47   }
  48
  49   .standout {
  50     background: #eeeeee;
  51     border-color: black;
  52     border-width: 1px;
  53     border-style: solid;
  54     border-radius: 0.5em;
  55     padding-left: 0.25em;
  56     padding-right: 0.25em;
  57   }
  58
  59   .noprint { }
  60
  61   .printonly {
  62     display: none;
  63   }
  64 }
  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 }