1 /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ 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:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; 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; }
4 font-family: 'Xolonium';
5 src: url('fonts/xolonium-webfont.eot');
6 src: url('fonts/xolonium-webfont.eot?#iefix') format('embedded-opentype'),
7 url('fonts/xolonium-webfont.woff') format('woff'),
8 url('fonts/xolonium-webfont.ttf') format('truetype'),
9 url('fonts/xolonium-webfont.svg#Xolonium') format('svg');
16 background:#000 url('img/web_background.png') 0 0 no-repeat;
17 background-size: 100%;
18 font-family: 'Xolonium', 'Arial', 'Helvetica';
62 border:1px solid #436688;
63 background-color:#001021;
68 text-shadow:1px 1px 3px #5A8BBC !important;
71 border:1px solid #436688;
81 border:1px solid #6D8399;
82 border-left:3px solid #B5DAFF;
83 background-color: rgba(105,105,105,0.1);
87 border:1px solid #999;
93 input { font-family: 'Xolonium', 'Arial', 'Helvetica'; }
107 background: transparent url('img/web_background_l2.png') no-repeat center top;
129 border-width: 56px 56px 56px;
130 -moz-border-image: url(img/web_border.png) 85 85 85 stretch;
131 -webkit-border-image: url(img/web_border.png) 72 85 85 stretch;
132 -o-border-image: url(img/web_border.png) 96 96 96 stretch;
133 border-image: url(img/web_border.png) 96 96 96 stretch;
143 #main.left, #sidebar.left {
146 #main.right, #sidebar.right {
160 border:1px solid #AED5FE;
162 -moz-border-radius: 0 0 4px 4px;
163 -webkit-border-radius: 0 0 4px 4px;
164 border-radius: 0 0 4px 4px;
173 vertical-align:middle;
178 /* drop-down navigation */
190 border-right: 1px solid #AED5FE;
196 .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
199 text-decoration:none;
203 background-color:#111 !important;
204 color:#fff !important;
205 text-shadow:1px 1px 3px #5A8BBC !important;
209 border-bottom: 1px solid #000;
228 border-bottom:1px solid #AED5FE;
231 background-color:#111 !important;
232 color:#fff !important;
235 border-right:1px solid #AED5FE !important;
238 border:1px solid #AED5FE;
242 background-color:#000;
243 width:164px !important;
249 display:inline-block;
250 background: url(img/web_button_sprite.png) no-repeat -128px 0;
256 text-decoration:none;
267 .button.s { background-position:0 0; width:126px; }
268 .button.m { background-position:-320px 0; width:318px; }
269 .button.l { background-position:-640px 0; width:638px; }
270 a.button.s { width:96px; }
271 a.button.m { width:288px; }
272 a.button.l { width:608px; }
274 .button.s:hover { background-position:0 -33px; }
275 .button:hover { background-position:-128px -33px; }
276 .button.m:hover { background-position:-320px -33px; }
277 .button.l:hover { background-position:-640px -33px; }
279 .button.s:active, .button.s:focus { background-position:0 -66px; }
280 .button:active, .button:focus { background-position:-128px -66px; }
281 .button.m:active, .button.m:focus { background-position:-320px -66px; }
282 .button.l:active, .button.l:focus { background-position:-640px -66px; }
284 .button:hover, .button:active, .button:focus {
288 input[type=text], .textbox {
289 display:inline-block;
290 background: url(img/inputbox_sprite.png) no-repeat -128px 0;
296 text-decoration:none;
301 .textbox.s { background-position: 0 0; width:96px; }
302 .textbox.m { background-position:-320px 0; width:288px; }
303 .textbox.l { background-position:-640px 0; width:608px; }
305 .textbox.s:hover { background-position:0 -32px; }
306 input[type=text]:hover, .textbox:hover { background-position:-128px -32px; }
307 .textbox.m:hover { background-position:-320px -32px; }
308 .textbox.l:hover { background-position:-640px -32px; }
310 .textbox:hover, .textbox:active, .textbox:focus, input[type=text] {
318 background: url('img/web_checkbox_n0.png') no-repeat;
323 display: inline-block;
326 .checkbox-label:hover, .radio-label:hover{
327 text-decoration: underline;
329 .checkbox-selected, .radio-selected {
330 background: url('img/web_checkbox_n1.png') no-repeat;
333 background: url("img/web_radiobutton_n0.png") no-repeat;
344 background: url("img/web_radiobutton_n1.png") no-repeat;
347 /* Content Specific */
348 #top-players, #top-servers, #top-maps {
357 #recent-games_filter {
365 background-color:#170403;
368 background-color:#571612;
371 background-color:#571612;
375 background-color:#04081A;
376 border-color:#101940 !important;
379 background-color:#000F4C;
382 background-color:#571612;
385 background-color:#0a0a0a;
386 background-image: -webkit-gradient(
390 color-stop(0.67, #101114),
391 color-stop(0.51, #000A15)
393 background-image: -moz-linear-gradient(
398 border:1px solid #373B45;
418 color:#666 !important;
421 color:#999 !important;
422 text-decoration:underline;