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 #breadcrumb {
  67     margin-left: -0.8em;
  68     margin-right: -0.8em;
  69     margin-top: 0;
  70     margin-bottom: 0;
  71     padding-top: 0.1em;
  72     padding-bottom: 0.1em;
  73     text-align: left;
  74     background: #dfdfdf;
  75     color: black;
  76 }
  77
  78 body #page #content #breadcrumb p {
  79     font-size: 90%;
  80     font-weight: bold;
  81     padding: 0;
  82     margin: 0 1em;
  83 }
  84
  85 body #page #content #breadcrumb p a {
  86     color: #8a8a8a;
  87     text-decoration: none;
  88 }
  89
  90 body #page #content #submenu {
  91     margin-right: -0.8em;
  92     margin-left: -0.8em;
  93     text-align: left;
  94     background: black;
  95     padding-top: 0.2em;
  96     padding-bottom: 0.2em;
  97 }
  98
  99 body #page #content #submenu ul {
 100     display: inline;
 101     font-size: 90%;
 102     padding: 1em;
 103     margin: 0;
 104 }
 105
 106 body #page #content #submenu ul li,
 107 body #page #content #submenu ul li a,
 108 body #page #content #submenu ul li a:visited {
 109     display: inline;
 110     margin: 0;
 111     color: #9a9a9a;
 112     font-weight: bold;
 113     text-decoration: none;
 114 }
 115
 116 body #page #headerbar #menu ul li {
 117     padding-left: 1em;
 118     padding-right: 1em;
 119 }
 120
 121 body #page #headerbar #menu ul li:hover,
 122 body #page #headerbar #menu ul li a:hover {
 123     color: #ffffff;
 124 }
 125
 126 body #page #content {
 127     font-family: arial, helvetica, sans-serif;
 128     text-align: left;
 129     margin-left: 0.8em;
 130     margin-right: 0.8em;
 131 }
 132
 133 body #page #footer {
 134     text-align: center;
 135     margin: 0;
 136     padding: 0.2em;
 137     background: #9a9a9a;
 138     color: black;
 139     border-top: thin solid #000000;
 140 }
 141
 142 body #page #footer p {
 143     width: 100%;
 144     font-size: 70%;
 145     text-align: center;
 146     margin: 0;
 147     padding: 0.1em;
 148 }
 149