Docs/htmlfiles/style.css

   1 body {
   2 background:#000 0 0 repeat-x;
   3 text-align:center;
   4 margin:0;
   5 padding:0;
   6 font-family:verdana,arial,tahoma, sans serif;
   7 font-size:0;
   8 }
   9 a {
  10 color:#bbb;
  11 }
  12 a:hover {
  13 text-decoration:none;
  14 }
  15 #container {
  16 width:978px;
  17 text-align:left;
  18 margin-left:auto;
  19 margin-right:auto;
  20 margin-top:16px;
  21 }
  22 #left { float:left; width:201px; }
  23 #right { float:right; margin:0 4px 5px 0; }
  24 #logo {
  25 width:201px;
  26 height:193px;
  27 }
  28 #header {
  29 width:766px;
  30 height:0px;
  31 }
  32 #menu {
  33 /* background:url('img/menu_bg.jpg') 0 0 no-repeat; */
  34 width:766px;
  35 height:30px;
  36 font-size:15px;
  37 }
  38 #menu span {
  39 color:#89ABE5;
  40 font-weight:bold;
  41 }
  42 #menu ul {
  43 list-style:none;
  44 margin:0;
  45 padding:5px 0 0 8px;
  46 }
  47 #menu li {
  48 /* background:url('img/menu_div.jpg') 0 3px no-repeat; */
  49 display:inline;
  50 padding:0 1px 0 9px;
  51 margin:0;
  52 }
  53 #menu li.first {
  54 background:none;
  55 padding-left:2px;
  56 }
  57 #menu a, #news a, #ninja a {
  58 color:#fff;
  59 text-decoration:none;
  60 font-weight:bold;
  61 }
  62 #menu a:hover, #news a:hover {
  63 color:#999;
  64 }
  65 #tagline {
  66 padding:10px 0 0 0;
  67 font-size:16px;
  68 margin:0;
  69 color:#848690;
  70 text-align:center;
  71 }
  72 #content {
  73 /* background:url('img/body_bg.jpg') 0 0 no-repeat; */
  74 width:746px;
  75 min-height:520px;
  76 height:auto !important;
  77 height:520px;
  78 padding:12px 10px 10px 10px;
  79 margin-top:10px;
  80 text-align:center;
  81 }
  82 #content h1 {
  83 font-size:18px;
  84 margin:3px 0 3px 0;
  85 padding:0;
  86 color:#B0C7ED;
  87 text-align:left;
  88 }
  89 #content h1 a {
  90 color:#eee;
  91 text-decoration:none;
  92 }
  93 #content h1 a:hover {
  94 color:#bbb;
  95 text-decoration:underline;
  96 }
  97 #content h2 {
  98 font-size:15px;
  99 margin:2px 0 2px 0;
 100 padding:0;
 101 color:#aaa;
 102 text-align:left;
 103 }
 104 #content form h2 {
 105 margin-bottom:-10px;
 106 }
 107 #content h2 a {
 108 color:#ccc;
 109 text-decoration:none;
 110 }
 111 #content h2 a:hover {
 112 color:#aaa;
 113 text-decoration:underline;
 114 }
 115 #content h3 {
 116 text-align:left;
 117 font-size:15px;
 118 }
 119 #content p {
 120 text-align:left;
 121 color:#999;
 122 font-size:15px;
 123 }
 124 #content ul {
 125 margin:0 0 15px 0;
 126 padding:0 0 0 6px;
 127 font-size:12px;
 128 color:#888;
 129 text-align:left;
 130 list-style:none;
 131 }
 132 #content ol {
 133 margin:0 0 15px 0;
 134 padding:0 0 0 6px;
 135 font-size:12px;
 136 color:#888;
 137 text-align:left;
 138 }
 139 #content table {
 140 font-size:13px;
 141 color:#777;
 142 border:1px solid #333;
 143 }
 144 #content table p {
 145 padding:0;
 146 margin:0;
 147 font-size:11px;
 148 }
 149 #content th {
 150 background-color:#444;
 151 color:#fff;
 152 }
 153 #content td {
 154 border:1px solid #222;
 155 text-align:left;
 156 margin:0;
 157 padding:2px;
 158 }
 159 #content input, #content textarea {
 160 background-color:#111;
 161 border:1px solid #666;
 162 color:#ccc;
 163 }
 164 #content pre {
 165 text-align:left;
 166 font-size:12px;
 167 color:#999;
 168 }
 169 #content .copyBox {
 170 background-color:#111;
 171 color:#666;
 172 width:600px;
 173 height:50px;
 174 border:1px solid #444;
 175 overflow:hidden;
 176 margin:3px 3px 20px 3px;
 177 }
 178 #content .description {
 179 padding:0;margin:0 0 10px 0;font-size:12px;color:#555;
 180 }
 181 #content .comment {
 182 padding-bottom:16px;
 183 }
 184 #content .comment a {
 185 color:#ccc;
 186 }
 187 #content .comment a:hover {
 188 color:#fff;
 189 }
 190 #videoContainer {
 191 padding-top:10px;
 192 }
 193 #videoContainer p {
 194 font-size:10px;
 195 text-align:center;
 196 color:#666;
 197 margin:10px 0 0 0;
 198 padding:0;
 199 }
 200 #videoContainer a {
 201 color:#3256AE;
 202 text-decoration:none;
 203 }
 204 #videoContainer a:hover {
 205 text-decoration:underline;
 206 }
 207 #content a#see_more {
 208         display: block;
 209         height:120px;
 210         width:150px;
 211         float:left;
 212         margin-top:20px;
 213         text-decoration:none;
 214 }
 215 #content a:hover#see_more {
 216         background-position: -150px 0;
 217 }
 218 #content .screenshot {
 219 margin:2px;
 220 }
 221 #content a:hover {background: transparent;}
 222 #content a img {
 223 border: 2px solid #333;
 224 }
 225 #content a:hover img,
 226 #content a:active img {
 227 border: 2px solid #ccc;
 228 }
 229 #sidebar {
 230 /* background:url('img/sidebar_bg.jpg') 0 0 no-repeat; */
 231 width:166px;
 232 height:560px;
 233 margin:10px 0 0 8px;
 234 padding:8px;
 235 text-align:center;
 236 }
 237 /* ie fix */
 238 #sidebar a {
 239 text-decoration:none;
 240 }
 241 .imgHeader {
 242 margin-top:14px;
 243 margin-bottom:5px;
 244 }
 245 .imgButton {
 246 margin-left:-2px;
 247 margin-bottom:3px;
 248 }
 249 #news {
 250 min-height:100px;
 251 height:auto !important;
 252 height:100px;
 253 }
 254 .newsPost {
 255 margin:0 0 12px 0;
 256 }
 257 #news h1 {
 258 font-size:12px;
 259 text-align:left;
 260 padding:0;
 261 margin:0;
 262 }
 263 #news h1 a {
 264 color:#babecc;
 265 }
 266 #news h1 a:hover {
 267 color:#808491;
 268 }
 269 #news p {
 270 color:#abaeb9;
 271 font-size:9px;
 272 text-align:right;
 273 padding:0;
 274 margin:5px 3px 0 0;
 275 }
 276 #sidebar h2.page {
 277 text-align:right;
 278 padding:0;
 279 margin:0;
 280 }
 281 #sidebar h2 a {
 282 color:#667;
 283 font-size:11px;
 284 }
 285 #sidebar h2 a:hover {
 286 color:#556;
 287 }
 288 #footer {
 289 /* background:url('img/footer_bg.jpg') 0 0 no-repeat; */
 290 width:766px;
 291 height:30px;
 292 font-size:10px;
 293 margin-bottom:5px;
 294 }
 295 #footer span {
 296 color:#89ABE5;
 297 font-weight:bold;
 298 }
 299 #footer ul a {
 300 color:#888;
 301 text-decoration:none;
 302 font-weight:bold;
 303 }
 304 #footer a:hover {
 305 color:#ccc;
 306 }
 307 #footer ul {
 308 list-style:none;
 309 padding:8px 0 0 10px;
 310 margin:0;
 311 }
 312 #footer li {
 313 display:inline;
 314 border-left:1px solid #777;
 315 padding:0 2px 0 6px;
 316 }
 317 #footer li.first {
 318 border:none;
 319 }
 320 #ninja {
 321 float:right;
 322 padding:7px 10px 0 0;
 323 margin:0;
 324 color:#888;
 325 font-weight:bold;
 326 }
 327 #ninja a:hover {
 328 color:#777;
 329 }
 330 .subFooter {
 331 color:#555;
 332 font-size:11px;
 333 text-align:center;
 334 margin:0 0 12px 0;
 335 padding:0;
 336 clear:left;
 337 }
 338 .subFooter a {
 339 color:#777;
 340 text-decoration:none;
 341 }
 342 .subFooter a:hover {
 343 text-decoration:underline;
 344 }
 345 form {
 346 padding:0;
 347 margin:0;
 348 }
 349
 350 #sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {
 351         display: block;
 352         margin-left:-2px;
 353         margin-bottom:3px;
 354         height:43px;
 355         width:171px;
 356 }
 357 #sidebar a#download_q3_mappack {
 358         background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;
 359 }
 360 #sidebar a:hover#sidebar a:hover#download_q3_mappack {
 361         background-position: -171px 0;
 362 }
 363
 364 #sidebar a#donate {
 365         display: block;
 366         height:43px;
 367         width:166px;
 368         margin-bottom:3px;
 369 }
 370 #sidebar a:hover#donate {
 371         background-position: -166px 0;
 372 }
 373
 374 #sidebar a#alien_trap {
 375         display: block;
 376         height:184px;
 377         width:152px;
 378         margin-left:auto;
 379         margin-right:auto;
 380 }
 381 #sidebar a:hover#alien_trap {
 382         background-position: -152px 0;
 383 }
 384
 385 #valid a#valid_css, #valid a#valid_xhtml {
 386         display: block;
 387         height:14px;
 388         width:80px;
 389         margin-left:auto;
 390         margin-right:auto;
 391 }
 392
 393 #valid {
 394         position:relative;
 395         margin:5px 0;
 396         height:14px;
 397 }
 398 #valid a#valid_css {
 399         position:absolute;
 400         left:4px;
 401         text-decoration:none;
 402 }
 403 #valid a#valid_xhtml {
 404         position:absolute;
 405         left:86px;
 406         text-decoration:none;
 407 }
 408 #valid a:hover#valid_css, #valid a:hover#valid_xhtml {
 409         background-position: -80px 0;
 410 }
 411 #valid p {
 412 text-align:right;
 413 color:#444;
 414 font-size:10px;
 415 margin:-2px 10px 0 0;
 416 padding:0;
 417 }
 418
 419 #faq h1 { margin-top:10px; }
 420 #faq h1 a { color:#cff; }