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.7em;
  40   font-weight: bold;
  41 }
  42
  43 h2
  44 {
  45   font-size: 1.6em;
  46   font-weight: bold;
  47 }
  48
  49 h3
  50 {
  51   font-size: 1.5em;
  52   font-weight: bold;
  53 }
  54
  55 h4
  56 {
  57   font-size: 1.4em;
  58   font-weight: bold;
  59 }
  60
  61 h5
  62 {
  63   font-size: 1.3em;
  64   font-weight: bold;
  65 }
  66
  67 h6
  68 {
  69   font-size: 1.2em;
  70   font-weight: bold;
  71 }
  72
  73 h7
  74 {
  75   font-size: 1.1em;
  76   font-weight: bold;
  77 }
  78
  79 img
  80 {
  81   border: 0;
  82 }
  83
  84 p
  85 {
  86   line-height: 1.5em;
  87 }
  88
  89 strong
  90 {
  91   font-weight: bold;
  92 }
  93
  94 #contactme
  95 {
  96
  97 }
  98
  99 #content
 100 {
 101   margin: 0 14em 50px 20px; /* navigation width + 4em */
 102 }
 103
 104 #footer
 105 {
 106   height: 4em;
 107   font-size: 0.8em;
 108   margin: 0 10em 0 10em;
 109   padding: 0.5em;
 110   text-align: center;
 111 }
 112
 113 #header
 114 {
 115   height: 4em;
 116   margin: 0 10em 0 10em;
 117   padding: 0.5em;
 118   text-align: center;
 119 }
 120
 121 #navigation
 122 {
 123   background-color: #181818;
 124   border: 3px solid #606018;
 125   color: #d0d060;
 126   padding: 0.3em;
 127   position: absolute;
 128   right: 20px;
 129   text-align: right;
 130   top: 7em; /* header height + 3em */
 131   width: 10em;
 132 }
 133
 134 #navigation a:link,#navigation a:visited
 135 {
 136   color: #d0d040;
 137 }
 138
 139 #navigation a:active,#navigation a:hover
 140 {
 141   color: #e0e045;
 142 }
 143
 144 #navigation ul
 145 {
 146   list-style-type: none;
 147   margin: 0;
 148   padding: 0;
 149 }