1 /* Author: Tyler "-z-" Mulligan
2 * Notes: Graphics paritially generated from a Xonotic game theme with
3 * the idea of future support for other game skins to be generated and
4 * supported by this framework.
5 * Reset by Richard Clark @ html5doctor.com, v1.6.1
6 * Last Updated: 2011-06-29
7 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#C59240; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#B58224; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #888; margin:1em 0; padding:0; } input, select { vertical-align:middle; }
10 font-family: 'Xolonium';
11 src: url('fonts/xolonium-webfont.eot');
12 src: url('fonts/xolonium-webfont.eot?#iefix') format('embedded-opentype'),
13 url('fonts/xolonium-webfont.woff') format('woff'),
14 url('fonts/xolonium-webfont.ttf') format('truetype'),
15 url('fonts/xolonium-webfont.svg#Xolonium') format('svg');
22 background:#000 url('img/web_background.png') 0 0 no-repeat;
23 background-size: 100%;
24 font-family: 'Xolonium', 'Arial', 'Helvetica';
38 text-shadow:1px 1px 4px #013;
70 border:1px solid #436688;
71 background-color:#001021;
76 text-shadow:1px 1px 3px #5A8BBC !important;
79 border:1px solid #436688;
82 vertical-align: middle;
93 border:1px solid #6D8399;
94 border-left:3px solid #B5DAFF;
95 background-color: rgba(105,105,105,0.1);
99 border:1px solid #999;
104 table { width:100%; }
105 input { font-family: 'Xolonium', 'Arial', 'Helvetica'; }
119 background: transparent url('img/web_background_l2.png') no-repeat center top;
145 border-width: 56px 56px 56px;
146 -moz-border-image: url(img/web_border.png) 85 85 85 stretch;
147 -webkit-border-image: url(img/web_border.png) 72 85 85 stretch;
148 -o-border-image: url(img/web_border.png) 96 96 96 stretch;
149 border-image: url(img/web_border.png) 96 96 96 stretch;
159 #main.left, #sidebar.left {
162 #main.right, #sidebar.right {
176 border:1px solid #AED5FE;
178 -moz-border-radius: 0 0 4px 4px;
179 -webkit-border-radius: 0 0 4px 4px;
180 border-radius: 0 0 4px 4px;
189 vertical-align:middle;
194 /* drop-down navigation */
206 border-right: 1px solid #AED5FE;
212 .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
215 text-decoration:none;
219 background-color:#111 !important;
220 color:#fff !important;
221 text-shadow:1px 1px 3px #5A8BBC !important;
225 border-bottom: 1px solid #000;
244 border-bottom:1px solid #AED5FE;
247 background-color:#111 !important;
248 color:#fff !important;
251 border-right:1px solid #AED5FE !important;
254 border:1px solid #AED5FE;
258 background-color:#000;
259 width:164px !important;
265 display:inline-block;
266 background: url(img/web_button_sprite.png) no-repeat -128px 0;
272 text-decoration:none;
283 .button.s { background-position:0 0; width:126px; }
284 .button.m { background-position:-320px 0; width:318px; }
285 .button.l { background-position:-640px 0; width:638px; }
286 a.button.s { width:96px; }
287 a.button.m { width:288px; }
288 a.button.l { width:608px; }
290 .button.s:hover { background-position:0 -33px; }
291 .button:hover { background-position:-128px -33px; }
292 .button.m:hover { background-position:-320px -33px; }
293 .button.l:hover { background-position:-640px -33px; }
295 .button.s:active, .button.s:focus { background-position:0 -66px; }
296 .button:active, .button:focus { background-position:-128px -66px; }
297 .button.m:active, .button.m:focus { background-position:-320px -66px; }
298 .button.l:active, .button.l:focus { background-position:-640px -66px; }
300 .button:hover, .button:active, .button:focus {
304 input[type=text], .textbox {
305 display:inline-block;
306 background: url(img/inputbox_sprite.png) no-repeat -128px 0;
312 text-decoration:none;
317 .textbox.s { background-position: 0 0; width:96px; }
318 .textbox.m { background-position:-320px 0; width:288px; }
319 .textbox.l { background-position:-640px 0; width:608px; }
321 .textbox.s:hover { background-position:0 -32px; }
322 input[type=text]:hover, .textbox:hover { background-position:-128px -32px; }
323 .textbox.m:hover { background-position:-320px -32px; }
324 .textbox.l:hover { background-position:-640px -32px; }
326 .textbox:hover, .textbox:active, .textbox:focus, input[type=text] {
334 background: url('img/web_checkbox_n0.png') no-repeat;
339 display: inline-block;
342 .checkbox-label:hover, .radio-label:hover{
343 text-decoration: underline;
345 .checkbox-selected, .radio-selected {
346 background: url('img/web_checkbox_n1.png') no-repeat;
349 background: url("img/web_radiobutton_n0.png") no-repeat;
360 background: url("img/web_radiobutton_n1.png") no-repeat;
363 /* Content Specific */
366 #top-players, #top-servers, #top-maps {
371 #player-index-table {
380 #recent-games_filter {
385 #search { margin-bottom:10px; }
386 table { text-shadow:1px 1px 4px #013; }
388 background-color:#020F1C;
392 background-color:#170403;
393 text-shadow:1px 1px 4px #722;
396 background-color:#571612;
399 background-color:#571612;
403 background-color:#04081A;
404 text-shadow:1px 1px 4px #227;
407 background-color:#000F4C;
410 background-color:#000F4C;
413 /* column-specific table widths */
429 background-image: -moz-linear-gradient(center bottom , #062C52, #041B33);
430 background-image: -webkit-gradient(
434 color-stop(0.51, #062C52),
435 color-stop(0.51, #041B33)
437 border: 1px solid #A4B7CA;
439 -moz-border-radius: 7px;
440 -webkit-border-radius: 7px;
443 box-shadow: 0 0 3px 1px;
452 text-shadow:1px 1px 2px #000;
475 .game td:first-child {
484 color:#6F8194 !important;
487 color:#A4B7CA !important;
488 text-decoration:underline;