Docs/htmlfiles/style.css

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