style.css

   1 a:link
   2 {
   3   color: #60a0ff;
   4 }
   5
   6 a:visited
   7 {
   8   color: #a060ff;
   9 }
  10
  11 a:active,a:hover
  12 {
  13   color: #40ff80;
  14 }
  15
  16 body
  17 {
  18   background-color: #080808;
  19   color: #ffff70;
  20   font-family: sans;
  21 }
  22
  23 code
  24 {
  25   background-color: #402020;
  26   border: 2px dashed #000000;
  27   color: #ffd800;
  28   display: block;
  29   font-family: monospace;
  30   font-size: 0.9em;
  31   font-weight: bold;
  32   margin: 1.5em 1.0em 1.5em 1.0em;
  33   line-height: 1.5em;
  34   padding: 0.5em;
  35 }
  36
  37 h1
  38 {
  39   font-size: 1.8em;
  40   font-weight: bold;
  41 }
  42
  43 h2
  44 {
  45   font-size: 1.5em;
  46   font-weight: bold;
  47 }
  48
  49 h3
  50 {
  51   font-size: 1.2em;
  52   font-weight: bold;
  53 }
  54
  55 h4
  56 {
  57   font-size: 1.1em;
  58   font-weight: bold;
  59 }
  60
  61 h5
  62 {
  63   font-size: 1.1em;
  64   font-weight: bold;
  65 }
  66
  67 h6
  68 {
  69   font-size: 1.1em;
  70   font-weight: bold;
  71 }
  72
  73 img
  74 {
  75   border: 0;
  76 }
  77
  78 p
  79 {
  80   line-height: 1.5em;
  81 }
  82
  83 strong
  84 {
  85   font-weight: bold;
  86 }
  87
  88 li
  89 {
  90   line-height: 1.5em;
  91 }
  92
  93 #contactme
  94 {
  95
  96 }
  97
  98 #content
  99 {
 100   margin: 0 14em 50px 20px; /* navigation width + 4em */
 101 }
 102
 103 #footer
 104 {
 105   height: 4em;
 106   font-size: 0.8em;
 107   margin: 0 10em 0 10em;
 108   padding: 0.5em;
 109   text-align: center;
 110 }
 111
 112 #header
 113 {
 114   height: 4em;
 115   margin: 0 10em 0 10em;
 116   padding: 0.5em;
 117   text-align: center;
 118 }
 119
 120 #navigation
 121 {
 122   background-color: #181818;
 123   border: 3px solid #606018;
 124   color: #d0d060;
 125   padding: 0.3em;
 126   position: absolute;
 127   right: 20px;
 128   text-align: right;
 129   top: 7em; /* header height + 3em */
 130   width: 10em;
 131 }
 132
 133 #navigation a:link,#navigation a:visited
 134 {
 135   color: #d0d040;
 136 }
 137
 138 #navigation a:active,#navigation a:hover
 139 {
 140   color: #e0e045;
 141 }
 142
 143 #navigation ul
 144 {
 145   list-style-type: none;
 146   margin: 0;
 147   padding: 0;
 148 }