media/style/main.css

   1 body {
   2     font-family: freesans, georgia, arial, helvetica, sans-serif;
   3     background: white;
   4     color: black;
   5 }
   6
   7 body #page {
   8     background: url(../img/background.png) white no-repeat;
   9     width: 90%;
  10     text-align: center;
  11     margin-left: auto;
  12     margin-right: auto;
  13     font-size: 100%;
  14     border: thin solid #000000;
  15 }
  16
  17 body #page #headerbar {
  18     position: relative;
  19     width: 100%;
  20     margin: 0;
  21     padding: 0;
  22     height: 160px;
  23 }
  24
  25 body #page #headerbar #websitetitle {
  26     color: #721263;
  27     text-align: right;
  28     padding-top: 0.3em;
  29     padding-bottom: 0.3em;
  30     padding-right: 0.3em;
  31     font-weight: bold;
  32 }
  33
  34 body #page #headerbar #websitetitle h1 {
  35     font-size: 250%;
  36 }
  37
  38 body #page #headerbar #menu {
  39     font-size: 90%;
  40     margin-top: 1em;
  41     margin-right: 0;
  42     text-align: right;
  43     width: 100%;
  44     border-top: thin solid #bababa;
  45     border-bottom: thin solid #bababa;
  46     background: url(../img/menu-back.png);
  47     padding-top: 0.3em;
  48     padding-bottom: 0.3em;
  49     left: 0;
  50     bottom: 0;
  51     position: absolute;
  52 }
  53
  54 body #page #headerbar #menu ul {
  55     display: inline;
  56 }
  57
  58 body #page #headerbar #menu ul li,
  59 body #page #headerbar #menu ul li a,
  60 body #page #headerbar #menu ul li a:visited {
  61     display: inline;
  62     margin: 0;
  63     color: #9a9a9a;
  64     font-weight: bold;
  65     text-decoration: none;
  66 }
  67
  68 body #page #headerbar #menu ul li {
  69     padding-left: 1em;
  70     padding-right: 1em;
  71 }
  72
  73 body #page #headerbar #menu ul li:hover,
  74 body #page #headerbar #menu ul li a:hover {
  75     color: #ffffff;
  76 }
  77
  78 body #page #content {
  79     font-family: arial, helvetica, sans-serif;
  80     text-align: left;
  81     margin-left: 0.8em;
  82     margin-right: 0.3em;
  83 }
  84
  85 body #page #content h1 {
  86     margin-left: -0.3em;
  87 }
  88
  89 body #page #footer {
  90     width: 100%;
  91     font-size: 70%;
  92     text-align: center;
  93     margin: 0;
  94     padding: 0.1em;
  95 }
  96