-/* 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; }
+/* Author: Tyler "-z-" Mulligan
+ * Notes: Graphics paritially generated from a Xonotic game theme with
+ * the idea of future support for other game skins to be generated and
+ * supported by this framework.
+ * Reset by Richard Clark @ html5doctor.com, v1.6.1
+ * Last Updated: 2011-06-29
+ */ 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; }
@font-face {
font-family: 'Xolonium';
h2 {
font-size:18px;
color:#D0E8FF;
+ text-shadow:1px 1px 4px #013;
margin:15px 0 12px;
}
h3 {
font-size:16px;
- color:#FF7000;
+ /*color:#FF7000;*/
+ color:#ADC0D2;
margin:18px 0 4px;
}
h4 {
border:1px solid #436688;
font-size:10px;
padding:4px;
+ vertical-align: middle;
+}
+td.gt_icon {
+ text-align: center;
}
blockquote {
font-size:14px;
width:1052px;
background: transparent url('img/web_background_l2.png') no-repeat center top;
margin:0 auto;
- padding-top:244px;
+ padding-top:200px;
}
#content {
position:relative;
text-align:center;
height:25px;
line-height:25px;
- top:-44px;
+ top:-48px;
color:#DCE9F5;
}
+.table_block {
+ float: left;
+ padding-right: 25px;
+}
.window {
border-width: 56px 56px 56px;
-moz-border-image: url(img/web_border.png) 85 85 85 stretch;
/* Main Menu */
#menu {
- top: -33px;
- left: -19px;
- width:986px;
+ top: -40px;
+ left:-18px;
+ width: 976px;
list-style:none;
border:1px solid #AED5FE;
border-top:0;
text-align:center;
}
+/* pagination */
+.pagination {
+ padding-right: 8px;
+}
+
+
/* drop-down navigation */
-.nav, .nav ul {
+.nav, .nav ul {
list-style: none;
margin: 0;
padding: 0;
}
-
+
.nav {
z-index: 100;
position: relative;
padding: 0;
text-decoration:none;
}
-
+
.nav li a:hover {
background-color:#111 !important;
color:#fff !important;
text-shadow:1px 1px 3px #5A8BBC !important;
}
-
+
.nav ul {
border-bottom: 1px solid #000;
list-style: none;
padding-left: 40px;
padding-top: 3px;
margin: 5px;
- height: 32px;
+ height: 32px;
display: inline-block;
cursor:pointer;
}
padding-left: 60px;
padding-top: 3px;
margin: 5px;
- height: 64px;
+ height: 64px;
width: 64px;
- display: block;
+ display: block;
float: left;
cursor:pointer;
}
}
/* Content Specific */
+
+/*Tables */
#top-players, #top-servers, #top-maps {
float: left;
margin-bottom: 10px;
width:100%;
}
-
+#player-index-table, #server-index-table{
+ width: 600px;
+}
+#map-index-table {
+ width: 300px;
+}
#recent-games {
- width: 610px;
+ width: 950px;
}
#recent-games_filter {
position: absolute;
top: -38px;
right: 0;
}
-
+#search { margin-bottom:10px; }
+table { text-shadow:1px 1px 4px #013; }
+thead {
+ background-color:#020F1C;
+}
thead.red {
- color:#D31D12;
+ color:#EEAFAB;
background-color:#170403;
+ text-shadow:1px 1px 4px #722;
}
tr.odd.red {
background-color:#571612;
background-color:#571612;
}
thead.blue {
- color:#2F53F7;
+ color:#ABBBEE;
background-color:#04081A;
- border-color:#101940 !important;
+ text-shadow:1px 1px 4px #227;
}
tr.odd.blue {
background-color:#000F4C;
}
tr.even.blue {
- background-color:#571612;
+ background-color:#000F4C;
+}
+
+/* column-specific table widths */
+.create-dt{
+ width: 150px;
+}
+
+/* Containers */
+#filter {
+ float:left;
+ width:200px;
+}
+#recent-games-list {
+ float:right;
+ width:735px;
}
.game {
- background-color:#0a0a0a;
+ float:left;
+ background-image: -moz-linear-gradient(center bottom , #062C52, #041B33);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
- color-stop(0.67, #101114),
- color-stop(0.51, #000A15)
+ color-stop(0.51, #062C52),
+ color-stop(0.51, #041B33)
);
- background-image: -moz-linear-gradient(
- center bottom,
- #111 67%,
- #000A15 51%
- );
- border:1px solid #373B45;
- margin-bottom:10px;
- padding:3px;
+ border: 1px solid #A4B7CA;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ margin-bottom: 20px;
+ padding: 10px 7px;
+ box-shadow: 0 0 3px 1px;
+ min-width:700px;
+}
+
+.game img {
+ float: left;
}
.game h3 {
color:#93B1CF;
+ text-shadow:1px 1px 2px #000;
padding:4px 4px 8px;
- margin:0;
+ margin: 20px 0 0 0;
}
.game h3 a {
color:#C5DCF3;
.game h3 a:hover {
color:#fff;
}
+.game th {
+ font-size:10px;
+ padding:2px 5px;
+ min-width:50px;
+}
+.game th.nick {
+ text-align:right;
+ width:160px;
+ max-width:260px;
+}
+.game tr {
+ font-size:14px;
+}
+.game td:first-child {
+ text-align:right;
+ padding-right:8px;
+}
.permalink {
float:right;
font-size:12px;
}
.permalink a {
- color:#666 !important;
+ color:#6F8194 !important;
}
.permalink a:hover {
- color:#999 !important;
+ color:#A4B7CA !important;
text-decoration:underline;
}