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     background: url(../img/menu-back.png);
  45     padding-top: 0.3em;
  46     padding-bottom: 0.3em;
  47     left: 0;
  48     bottom: 0;
  49     position: absolute;
  50 }
  51
  52 body #page #headerbar #menu ul {
  53     display: inline;
  54 }
  55
  56 body #page #headerbar #menu ul li,
  57 body #page #headerbar #menu ul li a,
  58 body #page #headerbar #menu ul li a:visited {
  59     display: inline;
  60     margin: 0;
  61     color: #9a9a9a;
  62     font-weight: bold;
  63     text-decoration: none;
  64 }
  65
  66 body #page #content #submenu {
  67     font-size: 100%;
  68     margin-right: -0.8em;
  69     margin-left: -0.8em;
  70     text-align: left;
  71     background: black;
  72     padding-top: 0.2em;
  73     padding-bottom: 0.2em;
  74     top: 0;
  75     left: 0;
  76     position: relative;
  77 }
  78
  79 body #page #content #submenu ul {
  80     display: inline;
  81     font-size: 90%;
  82 }
  83
  84 body #page #content #submenu ul li,
  85 body #page #content #submenu ul li a,
  86 body #page #content #submenu ul li a:visited {
  87     display: inline;
  88     margin: 0;
  89     color: #9a9a9a;
  90     font-weight: bold;
  91     text-decoration: none;
  92 }
  93
  94 body #page #headerbar #menu ul li {
  95     padding-left: 1em;
  96     padding-right: 1em;
  97 }
  98
  99 body #page #headerbar #menu ul li:hover,
 100 body #page #headerbar #menu ul li a:hover {
 101     color: #ffffff;
 102 }
 103
 104 body #page #content {
 105     font-family: arial, helvetica, sans-serif;
 106     text-align: left;
 107     margin-left: 0.8em;
 108     margin-right: 0.8em;
 109 }
 110
 111 body #page #footer {
 112     text-align: center;
 113     margin: 0;
 114     padding: 0.2em;
 115     background: #9a9a9a;
 116     color: black;
 117     border-top: thin solid #000000;
 118 }
 119
 120 body #page #footer p {
 121     width: 100%;
 122     font-size: 70%;
 123     text-align: center;
 124     margin: 0;
 125     padding: 0.1em;
 126 }
 127