Docs/htmlfiles/style.css

   1 body {
   2 background:#000 url('img/background.jpg') 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:114px;
  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         background: url('img/see_more.jpg') 0 0 no-repeat;
 209         display: block;
 210         height:120px;
 211         width:150px;
 212         float:left;
 213         margin-top:20px;
 214         text-decoration:none;
 215 }
 216 #content a:hover#see_more {
 217         background-position: -150px 0;
 218 }
 219 #content .screenshot {
 220 margin:2px;
 221 }
 222 #content a:hover {background: transparent;}
 223 #content a img {
 224 border: 2px solid #333;
 225 }
 226 #content a:hover img,
 227 #content a:active img {
 228 border: 2px solid #ccc;
 229 }
 230 #sidebar {
 231 background:url('img/sidebar_bg.jpg') 0 0 no-repeat;
 232 width:166px;
 233 height:560px;
 234 margin:10px 0 0 8px;
 235 padding:8px;
 236 text-align:center;
 237 }
 238 /* ie fix */
 239 #sidebar a {
 240 text-decoration:none;
 241 }
 242 .imgHeader {
 243 margin-top:14px;
 244 margin-bottom:5px;
 245 }
 246 .imgButton {
 247 margin-left:-2px;
 248 margin-bottom:3px;
 249 }
 250 #news {
 251 min-height:100px;
 252 height:auto !important;
 253 height:100px;
 254 }
 255 .newsPost {
 256 margin:0 0 12px 0;
 257 }
 258 #news h1 {
 259 font-size:12px;
 260 text-align:left;
 261 padding:0;
 262 margin:0;
 263 }
 264 #news h1 a {
 265 color:#babecc;
 266 }
 267 #news h1 a:hover {
 268 color:#808491;
 269 }
 270 #news p {
 271 color:#abaeb9;
 272 font-size:9px;
 273 text-align:right;
 274 padding:0;
 275 margin:5px 3px 0 0;
 276 }
 277 #sidebar h2.page {
 278 text-align:right;
 279 padding:0;
 280 margin:0;
 281 }
 282 #sidebar h2 a {
 283 color:#667;
 284 font-size:11px;
 285 }
 286 #sidebar h2 a:hover {
 287 color:#556;
 288 }
 289 #footer {
 290 background:url('img/footer_bg.jpg') 0 0 no-repeat;
 291 width:766px;
 292 height:30px;
 293 font-size:10px;
 294 margin-bottom:5px;
 295 }
 296 #footer span {
 297 color:#89ABE5;
 298 font-weight:bold;
 299 }
 300 #footer ul a {
 301 color:#888;
 302 text-decoration:none;
 303 font-weight:bold;
 304 }
 305 #footer a:hover {
 306 color:#ccc;
 307 }
 308 #footer ul {
 309 list-style:none;
 310 padding:8px 0 0 10px;
 311 margin:0;
 312 }
 313 #footer li {
 314 display:inline;
 315 border-left:1px solid #777;
 316 padding:0 2px 0 6px;
 317 }
 318 #footer li.first {
 319 border:none;
 320 }
 321 #ninja {
 322 float:right;
 323 padding:7px 10px 0 0;
 324 margin:0;
 325 color:#888;
 326 font-weight:bold;
 327 }
 328 #ninja a:hover {
 329 color:#777;
 330 }
 331 .subFooter {
 332 color:#555;
 333 font-size:11px;
 334 text-align:center;
 335 margin:0 0 12px 0;
 336 padding:0;
 337 clear:left;
 338 }
 339 .subFooter a {
 340 color:#777;
 341 text-decoration:none;
 342 }
 343 .subFooter a:hover {
 344 text-decoration:underline;
 345 }
 346 form {
 347 padding:0;
 348 margin:0;
 349 }
 350
 351 #sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {
 352         display: block;
 353         margin-left:-2px;
 354         margin-bottom:3px;
 355         height:43px;
 356         width:171px;
 357 }
 358 #sidebar a#download_nexuiz {
 359         background: url('img/download_nexuiz.jpg') 0 0 no-repeat;
 360 }
 361 #sidebar a#download_q3_mappack {
 362         background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;
 363 }
 364 #sidebar a:hover#download_nexuiz, #sidebar a:hover#download_q3_mappack {
 365         background-position: -171px 0;
 366 }
 367
 368 #sidebar a#donate {
 369         background: url('img/donate_button.jpg') 0 0 no-repeat;
 370         display: block;
 371         height:43px;
 372         width:166px;
 373         margin-bottom:3px;
 374 }
 375 #sidebar a:hover#donate {
 376         background-position: -166px 0;
 377 }
 378
 379 #sidebar a#alien_trap {
 380         background: url('img/alien_trap_logo.jpg') 0 0 no-repeat;
 381         display: block;
 382         height:184px;
 383         width:152px;
 384         margin-left:auto;
 385         margin-right:auto;
 386 }
 387 #sidebar a:hover#alien_trap {
 388         background-position: -152px 0;
 389 }
 390
 391 #valid a#valid_css, #valid a#valid_xhtml {
 392         display: block;
 393         height:14px;
 394         width:80px;
 395         margin-left:auto;
 396         margin-right:auto;
 397 }
 398
 399 #valid {
 400         position:relative;
 401         margin:5px 0;
 402         height:14px;
 403 }
 404 #valid a#valid_css {
 405         position:absolute;
 406         left:4px;
 407         background: url('img/css.png') 0 0 no-repeat;
 408         text-decoration:none;
 409 }
 410 #valid a#valid_xhtml {
 411         position:absolute;
 412         left:86px;
 413         background: url('img/xhtml10.png') 0 0 no-repeat;
 414         text-decoration:none;
 415 }
 416 #valid a:hover#valid_css, #valid a:hover#valid_xhtml {
 417         background-position: -80px 0;
 418 }
 419 #valid p {
 420 text-align:right;
 421 color:#444;
 422 font-size:10px;
 423 margin:-2px 10px 0 0;
 424 padding:0;
 425 }
 426
 427 #faq h1 { margin-top:10px; }
 428 #faq h1 a { color:#cff; }