css/screen.css

   1 /* http://meyerweb.com/eric/tools/css/reset/ */
   2 /* v1.0 | 20080212 */
   3
   4 html, body, div, span, applet, object, iframe,
   5 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   6 a, abbr, acronym, address, big, cite, code,
   7 del, dfn, em, font, img, ins, kbd, q, s, samp,
   8 small, strike, strong, sub, sup, tt, var,
   9 b, u, i, center,
  10 dl, dt, dd, ol, ul, li,
  11 fieldset, form, label, legend,
  12 table, caption, tbody, tfoot, thead, tr, th, td {
  13     margin: 0;
  14     padding: 0;
  15     border: 0;
  16     outline: 0;
  17     font-size: 100%;
  18     vertical-align: baseline;
  19     background: transparent;
  20 }
  21 body {
  22     line-height: 1;
  23 }
  24 ol, ul {
  25     list-style: none;
  26 }
  27 blockquote, q {
  28     quotes: none;
  29 }
  30 blockquote:before, blockquote:after,
  31 q:before, q:after {
  32     content: '';
  33     content: none;
  34 }
  35
  36 /* remember to define focus styles! */
  37 :focus {
  38     outline: 0;
  39 }
  40
  41 /* remember to highlight inserts somehow! */
  42 ins {
  43     text-decoration: none;
  44 }
  45 del {
  46     text-decoration: line-through;
  47 }
  48
  49 /* tables still need 'cellspacing="0"' in the markup */
  50 table {
  51     border-collapse: collapse;
  52     border-spacing: 0;
  53 }
  54 /* end of reset
  55  ************ */
  56
  57 body {
  58     font-size: 18px;
  59     font-family:"Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
  60     background-color: #eeeeee;
  61 }
  62
  63 .wrap {
  64     width: 100%;
  65 }
  66
  67 .content h2, h3, h1 {
  68     margin-top: 35px;
  69     margin-bottom: 18px;
  70     padding: 5px;
  71 }
  72
  73 .content {
  74     display:block;
  75     width: 72.5%;
  76     margin: 0 auto;
  77     margin-top: 20px;
  78     padding: 10px 0 0 0;
  79     text-align: justify;
  80     position: relative;
  81     top: 45px;
  82 }
  83
  84 .column {
  85     width:100%;
  86     float: left;
  87 }
  88
  89
  90 #donations-header {
  91     margin-top: 20px;
  92 }
  93
  94 #donations {
  95     width: 200px;
  96     left: 50%;
  97     margin-left: -125px;
  98     margin-top: 25px;
  99     margin-bottom: 20px;
 100     position: relative;
 101     display: block;
 102 }
 103
 104 .donation-method {
 105     display: block;
 106     float: right;
 107     position: relative;
 108     width: 100px;
 109 }
 110
 111 .content p, div {
 112     line-height: 1.15em;
 113     width: 97%;
 114 }
 115
 116 .content p, ul, h3 {
 117     margin-left: 5px;
 118 }
 119
 120 .content li {
 121     padding: 3px;
 122 }
 123
 124 .content ul {
 125     padding-top: 5px;
 126 }
 127
 128 a {
 129     text-decoration: none;
 130     font-weight: bolder;
 131     color: black;
 132 }
 133
 134 a:hover {
 135     text-decoration: underline;
 136     color: grey;
 137 }
 138
 139 #nav {
 140     font-weight: normal;
 141     height: 42px;
 142     padding-top: 6px;
 143     width: 85%;
 144     top:0;
 145     left: 8%;
 146     position: fixed;
 147     margin: 0;
 148     background-color: black;
 149     color: white;
 150     z-index: 2;
 151     border-bottom: 10px solid #eeeeee;
 152 }
 153
 154 #nav a {
 155     display:block;
 156     width: auto;
 157     height: 15px;
 158     padding: 10px;
 159     margin: 0 0.5em 0 0;
 160     float: left;
 161     position: relative;
 162     color:white;
 163     font-size: 16px;
 164
 165 }
 166
 167
 168 #nav a:hover {
 169     text-decoration: none;
 170     color: black;
 171     background-color: white;
 172 }
 173
 174 .clear-float {
 175     clear: both;
 176 }
 177
 178 #requirements-ul {
 179     list-style: square inside;
 180 }
 181
 182 #downloads-header {
 183     margin-bottom:  5px;
 184 }
 185
 186 .downloads li {
 187     float: left;
 188 }
 189
 190
 191 #news {
 192     line-height: 1.3;
 193 }
 194
 195 #news dt {
 196     margin-top: 3px;
 197     margin-bottom: 10px;
 198     text-align: justify;
 199 }
 200
 201 #news dd {
 202     padding-left: 6px;
 203     padding-bottom: 9px;
 204     text-align: justify;
 205     margin-top: 8px;
 206 }
 207
 208 #news li {
 209     margin-bottom: 3px;
 210     padding-bottom: 3px;
 211 }
 212
 213 #screenshots {
 214     clear: both;
 215     margin-top: 30px;
 216 }
 217
 218 .note {
 219     font-weight: bolder;
 220     color: black;
 221     margin-top: 5px;
 222     margin-bottom: 15px;
 223
 224 }
 225
 226 .footer {
 227     width: 525px;
 228     margin: 0 auto;
 229     margin-top: 80px;
 230     display: block;
 231     margin-left: 40%;
 232     bottom: 20px;
 233     padding: 0 30px;
 234     position: relative;
 235     text-align: center;
 236 }
 237
 238 .footer p {
 239     float: left;
 240     margin-right: 10px;
 241     position: relative;
 242 }
 243
 244
 245 #author {
 246     width: 550px;
 247     position: relative;
 248     top: -2px;
 249 }