From 153b89b5bc58eb239289698c3f483509911db20d Mon Sep 17 00:00:00 2001
From: Darkelarious <darkelarious@333networks.com>
Date: Sun, 5 Sep 2021 20:49:38 +0200
Subject: functional masterinterface with styles

---
 s/style/333networks/333networks.png | Bin 0 -> 4553 bytes
 s/style/333networks/body.gif        | Bin 0 -> 70 bytes
 s/style/333networks/conf            |  20 ++
 s/style/333networks/style.css       | 558 +++++++++++++++++++++++++++++++++
 s/style/default/333networks.png     | Bin 5871 -> 0 bytes
 s/style/default/body.gif            | Bin 70 -> 0 bytes
 s/style/default/style.css           | 600 ------------------------------------
 s/style/errorist/body.gif           | Bin 0 -> 70 bytes
 s/style/errorist/conf               |  20 ++
 s/style/errorist/errorist.png       | Bin 0 -> 26218 bytes
 s/style/errorist/style.css          | 558 +++++++++++++++++++++++++++++++++
 s/style/gonespy/conf                |  20 ++
 s/style/gonespy/gonespytm.png       | Bin 0 -> 21862 bytes
 s/style/gonespy/style.css           | 558 +++++++++++++++++++++++++++++++++
 s/style/halloween/333hw1.png        | Bin 0 -> 359511 bytes
 s/style/halloween/b50.png           | Bin 0 -> 2808 bytes
 s/style/halloween/b75.png           | Bin 0 -> 2809 bytes
 s/style/halloween/conf              |  20 ++
 s/style/halloween/g50.png           | Bin 0 -> 2808 bytes
 s/style/halloween/g75.png           | Bin 0 -> 2809 bytes
 s/style/halloween/hw1-o.png         | Bin 0 -> 120833 bytes
 s/style/halloween/hw1.png           | Bin 0 -> 106782 bytes
 s/style/halloween/prim.png          | Bin 0 -> 288 bytes
 s/style/halloween/style.css         | 558 +++++++++++++++++++++++++++++++++
 s/style/newbies/conf                |  20 ++
 s/style/newbies/newbs2.png          | Bin 0 -> 137516 bytes
 s/style/newbies/style.css           | 558 +++++++++++++++++++++++++++++++++
 s/style/oldunreal/conf              |  20 ++
 s/style/oldunreal/oldunreal.png     | Bin 0 -> 43825 bytes
 s/style/oldunreal/style.css         | 558 +++++++++++++++++++++++++++++++++
 s/style/rune/333runic-orig.png      | Bin 0 -> 91591 bytes
 s/style/rune/333runic.png           | Bin 0 -> 100428 bytes
 s/style/rune/b50.png                | Bin 0 -> 2808 bytes
 s/style/rune/b75.png                | Bin 0 -> 2809 bytes
 s/style/rune/background.jpg         | Bin 0 -> 564871 bytes
 s/style/rune/conf                   |  18 ++
 s/style/rune/conf2                  |  29 ++
 s/style/rune/g50.png                | Bin 0 -> 2808 bytes
 s/style/rune/g75.png                | Bin 0 -> 2809 bytes
 s/style/rune/style.css              | 558 +++++++++++++++++++++++++++++++++
 40 files changed, 4073 insertions(+), 600 deletions(-)
 create mode 100644 s/style/333networks/333networks.png
 create mode 100755 s/style/333networks/body.gif
 create mode 100755 s/style/333networks/conf
 create mode 100644 s/style/333networks/style.css
 delete mode 100755 s/style/default/333networks.png
 delete mode 100755 s/style/default/body.gif
 delete mode 100755 s/style/default/style.css
 create mode 100755 s/style/errorist/body.gif
 create mode 100755 s/style/errorist/conf
 create mode 100755 s/style/errorist/errorist.png
 create mode 100644 s/style/errorist/style.css
 create mode 100755 s/style/gonespy/conf
 create mode 100644 s/style/gonespy/gonespytm.png
 create mode 100644 s/style/gonespy/style.css
 create mode 100755 s/style/halloween/333hw1.png
 create mode 100755 s/style/halloween/b50.png
 create mode 100755 s/style/halloween/b75.png
 create mode 100755 s/style/halloween/conf
 create mode 100755 s/style/halloween/g50.png
 create mode 100755 s/style/halloween/g75.png
 create mode 100755 s/style/halloween/hw1-o.png
 create mode 100755 s/style/halloween/hw1.png
 create mode 100755 s/style/halloween/prim.png
 create mode 100644 s/style/halloween/style.css
 create mode 100755 s/style/newbies/conf
 create mode 100755 s/style/newbies/newbs2.png
 create mode 100644 s/style/newbies/style.css
 create mode 100755 s/style/oldunreal/conf
 create mode 100755 s/style/oldunreal/oldunreal.png
 create mode 100644 s/style/oldunreal/style.css
 create mode 100755 s/style/rune/333runic-orig.png
 create mode 100755 s/style/rune/333runic.png
 create mode 100755 s/style/rune/b50.png
 create mode 100755 s/style/rune/b75.png
 create mode 100755 s/style/rune/background.jpg
 create mode 100755 s/style/rune/conf
 create mode 100755 s/style/rune/conf2
 create mode 100755 s/style/rune/g50.png
 create mode 100755 s/style/rune/g75.png
 create mode 100644 s/style/rune/style.css

(limited to 's/style')

diff --git a/s/style/333networks/333networks.png b/s/style/333networks/333networks.png
new file mode 100644
index 0000000..06f2c90
Binary files /dev/null and b/s/style/333networks/333networks.png differ
diff --git a/s/style/333networks/body.gif b/s/style/333networks/body.gif
new file mode 100755
index 0000000..b34ad3c
Binary files /dev/null and b/s/style/333networks/body.gif differ
diff --git a/s/style/333networks/conf b/s/style/333networks/conf
new file mode 100755
index 0000000..8b23887
--- /dev/null
+++ b/s/style/333networks/conf
@@ -0,0 +1,20 @@
+// template
+
+name      333networks
+author    Darkelarious
+
+// backgrounds
+bodybg      #222 body.gif
+boxbg1      #333
+boxbg2      #111
+boxbg3      #222
+shadow      #222
+
+// text
+textcol1    #ccc
+textcol2    #0af
+textcol3    #ff0
+textcol4    #666
+
+// logos
+bglogo    333networks.png
diff --git a/s/style/333networks/style.css b/s/style/333networks/style.css
new file mode 100644
index 0000000..48017c9
--- /dev/null
+++ b/s/style/333networks/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #ccc;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #222 url(/style/333networks/body.gif) repeat center top fixed;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #0af;
+    }
+    
+a:hover {
+    color: #ff0;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/333networks/333networks.png) no-repeat center 10px fixed;
+    padding-top: 113px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #0af;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #222;
+    background: #333;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #0af;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #ccc;
+    border-bottom:1px solid #0af; 
+    background: #111;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #0af;
+    background: #222;
+    color: #ccc;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #0af;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #ff0;
+    color: #ff0;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #0af;
+    border-bottom: none;
+    background: #222;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #0af;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: #333;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #0af; 
+    color: #0af; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: #333;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #0af; 
+    color: #ccc; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #ccc;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #ff0;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #222;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #0af;
+    background: #222;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #666;
+  color: #ccc;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #222;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #666; 
+  display:block;
+  box-shadow: 1px 1px 2px #222;
+  background: #222;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #ccc;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #222;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #ccc;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #666;
+    border-bottom:1px solid #666;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #222;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: #111;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/default/333networks.png b/s/style/default/333networks.png
deleted file mode 100755
index 9803dc1..0000000
Binary files a/s/style/default/333networks.png and /dev/null differ
diff --git a/s/style/default/body.gif b/s/style/default/body.gif
deleted file mode 100755
index b34ad3c..0000000
Binary files a/s/style/default/body.gif and /dev/null differ
diff --git a/s/style/default/style.css b/s/style/default/style.css
deleted file mode 100755
index d754cb8..0000000
--- a/s/style/default/style.css
+++ /dev/null
@@ -1,600 +0,0 @@
-/* * * * * * * * * * * * * * * * * * *\
-*  Master Server Web Interface        *
-*  A website by Darkelarious          *
-*  See COPYING for additional details *
-*  on re-use.                         *
-\* * * * * * * * * * * * * * * * * * */
-
-/* Theme classic written by Darkelarious */
-
-/*** Global ***/
-* {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline:0;
-    }
-    
-body { 
-    text-align: center;
-    height: 100%;
-    color: #ccc;
-    font-family: 'Verdana';
-    font-size: 10pt;
-    background: #222 url(/style/default/body.gif) repeat center top fixed;
-    }
-
-p {
-    margin-bottom:12pt;
-    }
-    
-a, a:visited {
-    text-decoration: none;
-    color: #0af;
-    }
-    
-a:hover {
-    color: #ff0;
-    text-decoration: none;
-    }
-
-#body {
-    text-align: left; 
-    width: 900px; 
-    margin: 0 auto; 
-    min-height: 100%; 
-    padding-top:80px;
-    background: url(/style/default/333networks.png) no-repeat center 15px fixed;
-    }
-    
-#footer {
-    padding: 90px 0 40px 0;
-    text-align:center;
-    font-size : x-small;
-    clear:both
-    }
-
-#footer a {
-    text-decoration: underline;
-    }
-
-
-/* mainboxes */
-div.mainbox {
-    border: 1px solid #0af;
-    margin: 21px 0 -10px 0;
-    padding: 5px;
-    background: #333;
-    }
-
-div.mainbox h1, 
-div.mainbox h2,
-div.mainbox h3 {
-    margin: -5px 0 10px 0; 
-    text-decoration: none;
-    font-family: Tahoma;
-    font-weight: normal;
-    font-size: 16pt;
-    color: #0af;
-    }
-
-div.mainbox h2 {
-    margin: 5px 0 5px 5px; 
-    font-size: 12pt;
-    }
-div.mainbox h3 {
-margin: 5px 0 5px 10px; 
-font-size: 11pt;
-}
-
-div.mainbox p,
-div.mainbox ul,
-div.mainbox ol {
-    margin: 5px 16px 0 8px;
-    padding: 0 5px 5px 25px;
-    text-align:left;
-    font-size: 9pt;
-    }
-div.mainbox ul,
-div.mainbox ol {
-    margin-left:20px;
-    }
-
-
-div.mainbox div.header {
-    margin: -5px 2px 10px -5px; 
-    padding:10px 0 0 10px; 
-    display:block;
-    width:100%;
-    color: #0af;
-    border-bottom:1px solid #0af; 
-    background: #111;
-    }
-
-/* navigation / search box "fieldset.search" */
-
-form input {
-    border: 1px solid #0af;
-    background: #222;
-    color: #ccc;
-}
-
-form fieldset.search,
-form fieldset#advancedsearch {
-    display: block; 
-    margin:12px 0 12px 0;
-    width: 100%; 
-    text-align:center;
-    height:22px;
-    }
-
-form fieldset.search input.text,
-form fieldset#advancedsearch input.text {
-    width: 300px;
-    margin-left:20px;
-    padding:1px 1px 1px 5px;
-    font-style: italic;
-    }
-    
-form fieldset.search input.submit {
-    display:none;
-    }
-
-form fieldset.search a {
-    padding: 1px 5px;
-    border:  1px solid #0af;
-    margin: 0 6px;
-    }
-form fieldset.search a.sel,
-form fieldset.search a:hover {
-    border: 1px solid #ff0;
-    color: #ff0;
-    }
-
-form div.dropdown a {
-    display:block;
-    width:100%;
-    text-align:center;
-    font-size: x-small;
-}
-
-form fieldset#advancedsearch {
-    display:none;
-}
-form fieldset#advancedsearch input.submit {
-    padding: 1px;
-    margin: auto 5px;
-}
-    
-/* TODO: advanced search function styling */
-
-    
-
-/* browse table tabs */
-ul.maintabs {
-    display: inline; 
-    margin: 0;
-    }
-    
-ul.maintabs.notfirst {
-    display: block; 
-    height: 20px
-    }
-    
-ul.maintabs li {
-    display: inline; 
-    list-style-type: none
-    }
-    
-ul.maintabs li a, 
-ul.maintabs li b {
-    float: right;
-    display: block;
-    height: 14px;
-    padding: 1px 7px 5px 7px;
-    margin: 0 0 0 10px;
-    }
-    
-ul.maintabs li a {
-    margin-left: 5px; 
-    border: 1px solid #0af;
-    border-bottom: none;
-    background: #333;
-    }
-    
-ul.maintabs.notfirst li a,
-ul.maintabs.notfirst li b {
-    margin-top: 20px
-    }
-    
-ul.maintabs.bottom li a,
-ul.maintabs.bottom li b {
-    margin-top: 10px;
-    padding: 1px 7px 5px 7px
-    }
-    
-ul.maintabs.bottom li a {
-    border-bottom: 1px solid #0af;
-    border-top: none
-    }
-    
-ul.maintabs li.left a,
-ul.maintabs li.left b {
-    float: left; 
-    margin-left: 0; 
-    margin-right: 10px
-    }
-    
-ul.maintabs li b {
-    margin-left: -2px; 
-    margin-right: -7px
-    }
-    
-ul.maintabs li.left b {
-    margin-left: -7px; 
-    margin-right: -2px
-    }
-    
-ul.maintabs li.tabselected a,
-ul.maintabs li a:hover {
-    padding-bottom: 6px
-    }
-    
-ul.maintabs.bottom li.tabselected a,
-ul.maintabs.bottom li a:hover {
-    padding-top: 2px;
-    padding-bottom: 5px;
-    margin-top: 9px
-    }
-    
-ul.maintabs.browsetabs li a {
-    margin-left: 5px; 
-    background: #333;
-    }
-    
-ul.maintabs.browsetabs li.left a {
-    margin-left: 0; 
-    margin-right: 5px
-    }
-
-
-/* game/server browse tables */
-div.mainbox.browse {
-    padding: 0;
-    }
-
-div.mainbox.browse table {
-    width: 100%;
-    table-layout:fixed;
-    border-collapse:collapse
-    }
-
-div.mainbox.browse table thead td {
-    font-weight: bold;
-    }
-   
-div.mainbox.browse table thead tr td {
-    white-space:nowrap;
-    overflow:hidden;
-    text-align:center;
-    border-top:0;
-    border-bottom:1px solid #0af; 
-    color: #0af; 
-    padding:3px 10px 3px 5px; 
-    background: #111;
-    font-weight:bold
-    }
-    
-div.mainbox.browse table tfoot tr td {
-    white-space:nowrap;
-    overflow:hidden;
-    text-align:center;
-    border-top:1px solid #0af; 
-    color: #ccc; 
-    padding:3px 10px 3px 5px; 
-    }
-
-div.mainbox.browse table tr td {
-    white-space:nowrap;
-    overflow:hidden;
-    text-align:center;
-    padding:1px 10px 1px 5px;
-    font-size:10pt;
-    }
-    
-div.mainbox.browse table tr.s td a {
-    color: #ccc;
-    }
-    
-div.mainbox.browse table tr.s td a:hover {
-    color: #ff0;
-    }
-
-div.mainbox.browse table tr.odd {
-    background: #222;
-    }
-
-/* specific game list table columns */
-div.mainbox.browse.gamelist table tr td.tc1 {
-    text-align:left;
-    padding-left:20px
-    }
-    
-div.mainbox.browse.gamelist table tr td.tc2 {
-    width:100px;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 16px 16px;
-    }
-    
-div.mainbox.browse.gamelist table tr td.tc3 {
-    width:200px;
-    }
-    
-/* specific serverlist table columns */
-div.mainbox.browse.serverlist table tr td.tc1 {
-    width:10px; 
-    background-size: 20px 15px; 
-    background-position: 50%; 
-    background-repeat: no-repeat;
-    }
-
-div.mainbox.browse.serverlist table tr td.tc2 {
-    text-align:left;
-    }
-
-div.mainbox.browse.serverlist table tr td.tc3 {
-    width:46px;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 16px 16px;
-    }
-div.mainbox.browse.serverlist table tr td.tc3.icon a {
-    display:block;
-    margin:0 auto;
-    height:16px;
-    width:16px;
-}
-    
-div.mainbox.browse.serverlist table tr td.tc4 {
-    width:90px;text-align:left
-    }
-    
-div.mainbox.browse.serverlist table tr td.tc5 {
-    width:70px;
-    text-align:center
-    }
-    
-div.mainbox.browse.serverlist table tr td.tc6 {
-    width:140px;
-    text-align:left
-    }
-
-
-/* serverlist details */
-div.mainbox.detail {
-  padding:0 0 12px 0;
-  }
-div.mainbox.detail div.header {
-  margin:0 0 12pt 0; 
-  padding:3px 0 0 0; 
-  display:block;
-  width:100%;
-  }
-  
-div.mainbox.detail div.header h1 {
-  font-weight:normal;
-  padding: 15px 5px 0 15px;
-  white-space: nowrap;
-  overflow:hidden;
-  display:block;
-  width:830px;
-  }
-div.mainbox.detail div.header p {
-  color: #ccc;
-  padding: 0 0 5px 30px;
-  }  
-  
-div.mainbox.detail table {
-  margin-bottom: 20px; 
-  table-layout:fixed;
-  border-collapse:collapse;
-  text-align:left;
-  }
-div.mainbox.detail table tr th {
-  font-weight:bold; 
-  padding: 2px 8px; 
-  margin-bottom:12pt; 
-  border-bottom: 1px solid #996
-  }
-div.mainbox.detail table tr th.wc1 {
-  width:170px
-  }
-div.mainbox.detail table tr td {
-  vertical-align:top; 
-  padding:6px 5px 4px 15px;
-  }
-div.mainbox.detail table tr td img.flag {
-  margin:-4px 2px -4px 0; 
-  height:20px; 
-  width:30px;
-  }
-div.mainbox.detail table tr td input,
-div.mainbox.detail table tr td textarea {
-  background: #222;
-  color: #ccc;
-  width:99%;
-  padding: 3px 1px 2px 5px;
-  border: 1px solid #0af;
-  font-family:"Lucida Console";
-  font-size: 8pt;
-  }
-div.mainbox.detail table.serverinfo,
-div.mainbox.detail table.gameinfo {
-  width:63%;
-  }
-div.mainbox.detail table.teaminfo,
-div.mainbox.detail table.limits,
-div.mainbox.detail table.mutators,
-div.mainbox.detail table.players,
-div.mainbox.detail table.useropts,
-div.mainbox.detail table.shareopts {
-  width:96%;
-  }
-div.mainbox.detail div.container {
-  float:right; 
-  margin-right:30px;
-  }
-div.mainbox.detail div.container div.thumbnail {
-  border:1px solid #666; 
-  background: #222;
-  display:block;
-  margin-bottom:8px
-  }
-div.mainbox.detail div.container div.thumbnail img {
-  height:256px; 
-  width:256px;
-  border:1px solid #996;
-  display:block;
-  margin:10px 10px 2px 10px
-  }
-div.mainbox.detail div.container div.thumbnail span {
-  text-align: right; 
-  font-weight: normal; 
-  padding:0 15px 4px 5px;
-  display:block; 
-  font-size:x-small
-  }
-div.mainbox.detail div.container table.mapinfo {
-  width: 280px;
-  margin-bottom:0;
-  }
-div.mainbox.detail div.container table.mapinfo tr td.wc1{
-  width: 80px;
-  }
-div.mainbox.detail table.players tr.odd {
-  background: #222;
-  }
-div.mainbox.detail table.players tr td {
-  padding:1px 5px 0px 15px; 
-  overflow:hidden; 
-  white-space: nowrap;
-  }
-div.mainbox.detail table.players tr th.frags {width:50px}
-div.mainbox.detail table.players tr th.mesh  {width:140px}
-div.mainbox.detail table.players tr th.skin  {width:140px}
-div.mainbox.detail table.players tr th.ping  {width:50px}
-
-div.mainbox.detail table.players tr td.frags,
-div.mainbox.detail table.players tr th.frags,
-div.mainbox.detail table.players tr td.ping,
-div.mainbox.detail table.players tr th.ping {text-align:right;}
-
-/* warning box */
-div.mainbox.warning {
-    color:#ccc; 
-    background-color: #411; 
-    border: 1px solid #c00; 
-}
-div.mainbox.warning div.header {
-    border-bottom:1px solid #c00; 
-    background: #200;
-    color: #ccc;
-}
-
-div.mainbox.warning div.header h1{
-    color: #ccc;
-}
-
-div.mainbox div.description {
-    display: block;
-    width: 500px;
-    margin: 10px auto
-    }
-
-div.code.warning {
-  display:block; 
-  margin:12pt auto; 
-  width:90%; 
-  font-family:"Lucida Console";
-  font-size: 8pt;
-  text-align:left;
-  padding:5px;
-  border: 1px solid #c00;
-  overflow:hidden; 
-  background: #222;
-  box-shadow: 10px 10px 5px #222;
-  }
-
-span.hilit {
-    background: #111;
-    font-style: italic;
-    padding: 1px;
-}
-
-div.mainbox.apidoc table {
-    table-layout:fixed;
-    border-collapse:collapse;
-    margin:0 auto 12pt auto;
-    width:90%;
-    box-shadow: 3px 3px 2px #222;
-    background: #2a2a2a;
-    border:1px solid #666;
-    }
-div.mainbox.apidoc table tr td {
-    white-space:nowrap;
-    overflow:hidden;
-    text-align:center;
-    padding:1px 10px 1px 5px;
-    font-size:10pt;
-    }
-div.mainbox.apidoc table tr th {
-font-weight:bold;
-color: #ccc;
-}
-div.mainbox.apidoc table tr th,
-div.mainbox.apidoc table tr td {
-vertical-align:top;
-text-align:left;
-  padding:3px 6px; 
-  border:1px solid #666;
-  border-left:0;
-  border-right:0;
-  font-size:9pt
-}
-
-div.mainbox.apidoc table .tc1 {width:90px;text-align:left}
-div.mainbox.apidoc table .tc2 {width:70px;text-align:center;}
-
-div.mainbox.apidoc p,
-div.mainbox.apidoc ul,
-div.mainbox.apidoc ol {
-    margin-bottom:6pt;
-}
-
-pre.code,
-div.code {
-  display:block; 
-  margin:2px auto 12px auto; 
-  width:90%; 
-  font-family:"Lucida Console";
-  font-size: 8pt;
-  text-align:left;
-  padding:10px 20px;
-  border: 1px solid #0af;
-  overflow:auto; 
-  background: #2a2a2a;
-  box-shadow: 3px 3px 3px #222;
-  }
-span.code {
-  font-family:"Lucida Console";
-  font-size: 8pt;
-  text-align:left;
-  padding:2px;
-  background: #2a2a2a;
-}
-
-span.ext {
-    color: #bbb; 
-    font-style: italic;
-    }
diff --git a/s/style/errorist/body.gif b/s/style/errorist/body.gif
new file mode 100755
index 0000000..b34ad3c
Binary files /dev/null and b/s/style/errorist/body.gif differ
diff --git a/s/style/errorist/conf b/s/style/errorist/conf
new file mode 100755
index 0000000..8fc8595
--- /dev/null
+++ b/s/style/errorist/conf
@@ -0,0 +1,20 @@
+// template
+
+name      errorist
+author    Syntax-Error
+
+// backgrounds
+bodybg      #222 body.gif
+boxbg1      #333
+boxbg2      #111
+boxbg3      #1c1c1c
+shadow      #111
+
+// text
+textcol1    #ccc
+textcol2    #88f
+textcol3    #f88
+textcol4    #666
+
+// logos
+bglogo    errorist.png
diff --git a/s/style/errorist/errorist.png b/s/style/errorist/errorist.png
new file mode 100755
index 0000000..0e4e6f0
Binary files /dev/null and b/s/style/errorist/errorist.png differ
diff --git a/s/style/errorist/style.css b/s/style/errorist/style.css
new file mode 100644
index 0000000..d656885
--- /dev/null
+++ b/s/style/errorist/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #ccc;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #222 url(/style/errorist/body.gif) repeat center top fixed;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #88f;
+    }
+    
+a:hover {
+    color: #f88;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/errorist/errorist.png) no-repeat center 10px fixed;
+    padding-top: 76px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #88f;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #111;
+    background: #333;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #88f;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #ccc;
+    border-bottom:1px solid #88f; 
+    background: #111;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #88f;
+    background: #1c1c1c;
+    color: #ccc;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #88f;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #f88;
+    color: #f88;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #88f;
+    border-bottom: none;
+    background: #1c1c1c;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #88f;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: #333;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #88f; 
+    color: #88f; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: #333;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #88f; 
+    color: #ccc; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #ccc;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #f88;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #1c1c1c;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #88f;
+    background: #1c1c1c;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #666;
+  color: #ccc;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #666; 
+  display:block;
+  box-shadow: 1px 1px 2px #111;
+  background: #1c1c1c;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #ccc;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #ccc;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #666;
+    border-bottom:1px solid #666;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #1c1c1c;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: #111;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/gonespy/conf b/s/style/gonespy/conf
new file mode 100755
index 0000000..2c9623b
--- /dev/null
+++ b/s/style/gonespy/conf
@@ -0,0 +1,20 @@
+// template
+
+name      gonespy
+author    CougarXR7
+
+// backgrounds
+bodybg      #000
+boxbg1      #333
+boxbg2      #222
+boxbg3      #1c1c1c
+shadow      #222
+
+// text
+textcol1    #eee
+textcol2    #0e0
+textcol3    #0ee
+textcol4    #777
+
+// logos
+bglogo      gonespytm.png
diff --git a/s/style/gonespy/gonespytm.png b/s/style/gonespy/gonespytm.png
new file mode 100644
index 0000000..5557b0d
Binary files /dev/null and b/s/style/gonespy/gonespytm.png differ
diff --git a/s/style/gonespy/style.css b/s/style/gonespy/style.css
new file mode 100644
index 0000000..21541bb
--- /dev/null
+++ b/s/style/gonespy/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #eee;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #000;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #0e0;
+    }
+    
+a:hover {
+    color: #0ee;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/gonespy/gonespytm.png) no-repeat center 10px fixed;
+    padding-top: 144px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #0e0;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #222;
+    background: #333;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #0e0;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #eee;
+    border-bottom:1px solid #0e0; 
+    background: #222;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #0e0;
+    background: #1c1c1c;
+    color: #eee;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #0e0;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #0ee;
+    color: #0ee;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #0e0;
+    border-bottom: none;
+    background: #1c1c1c;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #0e0;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: #333;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #0e0; 
+    color: #0e0; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: #333;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #0e0; 
+    color: #eee; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #eee;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #0ee;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #1c1c1c;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #0e0;
+    background: #1c1c1c;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #777;
+  color: #eee;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #777; 
+  display:block;
+  box-shadow: 1px 1px 2px #222;
+  background: #1c1c1c;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #eee;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #eee;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #777;
+    border-bottom:1px solid #777;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #1c1c1c;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: #222;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/halloween/333hw1.png b/s/style/halloween/333hw1.png
new file mode 100755
index 0000000..7528ccb
Binary files /dev/null and b/s/style/halloween/333hw1.png differ
diff --git a/s/style/halloween/b50.png b/s/style/halloween/b50.png
new file mode 100755
index 0000000..8d33024
Binary files /dev/null and b/s/style/halloween/b50.png differ
diff --git a/s/style/halloween/b75.png b/s/style/halloween/b75.png
new file mode 100755
index 0000000..9e1406e
Binary files /dev/null and b/s/style/halloween/b75.png differ
diff --git a/s/style/halloween/conf b/s/style/halloween/conf
new file mode 100755
index 0000000..92566da
--- /dev/null
+++ b/s/style/halloween/conf
@@ -0,0 +1,20 @@
+// template
+
+name      halloween
+author    Darkelarious
+
+// backgrounds
+bodybg      #000 hw1.png
+boxbg1      g75.png
+boxbg2      g50.png
+boxbg3      prim.png
+shadow      #552500
+
+// text
+textcol1    #ccc
+textcol2    #fa0
+textcol3    #ff0
+textcol4    #552500
+
+// logos
+bglogo    333hw1.png
diff --git a/s/style/halloween/g50.png b/s/style/halloween/g50.png
new file mode 100755
index 0000000..2cca936
Binary files /dev/null and b/s/style/halloween/g50.png differ
diff --git a/s/style/halloween/g75.png b/s/style/halloween/g75.png
new file mode 100755
index 0000000..f7099c3
Binary files /dev/null and b/s/style/halloween/g75.png differ
diff --git a/s/style/halloween/hw1-o.png b/s/style/halloween/hw1-o.png
new file mode 100755
index 0000000..89f3a6c
Binary files /dev/null and b/s/style/halloween/hw1-o.png differ
diff --git a/s/style/halloween/hw1.png b/s/style/halloween/hw1.png
new file mode 100755
index 0000000..3379c6e
Binary files /dev/null and b/s/style/halloween/hw1.png differ
diff --git a/s/style/halloween/prim.png b/s/style/halloween/prim.png
new file mode 100755
index 0000000..f1fd976
Binary files /dev/null and b/s/style/halloween/prim.png differ
diff --git a/s/style/halloween/style.css b/s/style/halloween/style.css
new file mode 100644
index 0000000..58c0865
--- /dev/null
+++ b/s/style/halloween/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #ccc;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #000 url(/style/halloween/hw1.png) repeat center top fixed;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #fa0;
+    }
+    
+a:hover {
+    color: #ff0;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/halloween/333hw1.png) no-repeat center 10px fixed;
+    padding-top: 145px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #fa0;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #552500;
+    background: url(/style/halloween/g75.png) repeat center top;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #fa0;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #ccc;
+    border-bottom:1px solid #fa0; 
+    background: url(/style/halloween/g50.png) repeat center top;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #fa0;
+    background: url(/style/halloween/prim.png) repeat center top;
+    color: #ccc;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #fa0;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #ff0;
+    color: #ff0;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #fa0;
+    border-bottom: none;
+    background: url(/style/halloween/prim.png) repeat center top;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #fa0;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: url(/style/halloween/g75.png) repeat center top;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #fa0; 
+    color: #fa0; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: url(/style/halloween/g75.png) repeat center top;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #fa0; 
+    color: #ccc; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #ccc;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #ff0;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: url(/style/halloween/prim.png) repeat center top;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #fa0;
+    background: url(/style/halloween/prim.png) repeat center top;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #552500;
+  color: #ccc;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: url(/style/halloween/prim.png) repeat center top;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #552500; 
+  display:block;
+  box-shadow: 1px 1px 2px #552500;
+  background: url(/style/halloween/prim.png) repeat center top;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #ccc;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: url(/style/halloween/prim.png) repeat center top;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #ccc;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #552500;
+    border-bottom:1px solid #552500;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: url(/style/halloween/prim.png) repeat center top;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: url(/style/halloween/g50.png) repeat center top;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/newbies/conf b/s/style/newbies/conf
new file mode 100755
index 0000000..c7198ec
--- /dev/null
+++ b/s/style/newbies/conf
@@ -0,0 +1,20 @@
+// newbiesplayground.net
+
+name      newbies
+author    Strategy
+
+// backgrounds
+bodybg      #222 body.gif
+boxbg1      #333
+boxbg2      #111
+boxbg3      #222
+shadow      #2d851f
+
+// text
+textcol1    #ccc
+textcol2    #2d851f
+textcol3    #3abe25
+textcol4    #666
+
+// logos
+bglogo    newbs2.png
diff --git a/s/style/newbies/newbs2.png b/s/style/newbies/newbs2.png
new file mode 100755
index 0000000..3f559c3
Binary files /dev/null and b/s/style/newbies/newbs2.png differ
diff --git a/s/style/newbies/style.css b/s/style/newbies/style.css
new file mode 100644
index 0000000..8ffb4c7
--- /dev/null
+++ b/s/style/newbies/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #ccc;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #222 url(/style/newbies/body.gif) repeat center top fixed;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #2d851f;
+    }
+    
+a:hover {
+    color: #3abe25;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/newbies/newbs2.png) no-repeat center 10px fixed;
+    padding-top: 101px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #2d851f;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #2d851f;
+    background: #333;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #2d851f;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #ccc;
+    border-bottom:1px solid #2d851f; 
+    background: #111;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #2d851f;
+    background: #222;
+    color: #ccc;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #2d851f;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #3abe25;
+    color: #3abe25;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #2d851f;
+    border-bottom: none;
+    background: #222;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #2d851f;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: #333;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #2d851f; 
+    color: #2d851f; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: #333;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #2d851f; 
+    color: #ccc; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #ccc;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #3abe25;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #222;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #2d851f;
+    background: #222;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #666;
+  color: #ccc;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #222;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #666; 
+  display:block;
+  box-shadow: 1px 1px 2px #2d851f;
+  background: #222;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #ccc;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #222;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #ccc;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #666;
+    border-bottom:1px solid #666;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #222;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: #111;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/oldunreal/conf b/s/style/oldunreal/conf
new file mode 100755
index 0000000..7c5910b
--- /dev/null
+++ b/s/style/oldunreal/conf
@@ -0,0 +1,20 @@
+// Old Unreal
+
+name      OldUnreal
+author    Smirftsch
+
+// backgrounds
+bodybg      #000
+boxbg1      #333
+boxbg2      #111
+boxbg3      #1c1c1c
+shadow      #222
+
+// text
+textcol1    #eee
+textcol2    #0f0
+textcol3    #090
+textcol4    #777
+
+// logos
+bglogo      oldunreal.png
diff --git a/s/style/oldunreal/oldunreal.png b/s/style/oldunreal/oldunreal.png
new file mode 100755
index 0000000..b836265
Binary files /dev/null and b/s/style/oldunreal/oldunreal.png differ
diff --git a/s/style/oldunreal/style.css b/s/style/oldunreal/style.css
new file mode 100644
index 0000000..d03b829
--- /dev/null
+++ b/s/style/oldunreal/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #eee;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #000;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #0f0;
+    }
+    
+a:hover {
+    color: #090;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/oldunreal/oldunreal.png) no-repeat center 10px fixed;
+    padding-top: 102px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #0f0;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #222;
+    background: #333;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #0f0;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #eee;
+    border-bottom:1px solid #0f0; 
+    background: #111;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #0f0;
+    background: #1c1c1c;
+    color: #eee;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #0f0;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #090;
+    color: #090;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #0f0;
+    border-bottom: none;
+    background: #1c1c1c;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #0f0;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: #333;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #0f0; 
+    color: #0f0; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: #333;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #0f0; 
+    color: #eee; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #eee;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #090;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #1c1c1c;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #0f0;
+    background: #1c1c1c;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #777;
+  color: #eee;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #777; 
+  display:block;
+  box-shadow: 1px 1px 2px #222;
+  background: #1c1c1c;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #eee;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #1c1c1c;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #eee;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #777;
+    border-bottom:1px solid #777;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #1c1c1c;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: #111;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
diff --git a/s/style/rune/333runic-orig.png b/s/style/rune/333runic-orig.png
new file mode 100755
index 0000000..92e9754
Binary files /dev/null and b/s/style/rune/333runic-orig.png differ
diff --git a/s/style/rune/333runic.png b/s/style/rune/333runic.png
new file mode 100755
index 0000000..973f2bc
Binary files /dev/null and b/s/style/rune/333runic.png differ
diff --git a/s/style/rune/b50.png b/s/style/rune/b50.png
new file mode 100755
index 0000000..8d33024
Binary files /dev/null and b/s/style/rune/b50.png differ
diff --git a/s/style/rune/b75.png b/s/style/rune/b75.png
new file mode 100755
index 0000000..9e1406e
Binary files /dev/null and b/s/style/rune/b75.png differ
diff --git a/s/style/rune/background.jpg b/s/style/rune/background.jpg
new file mode 100755
index 0000000..186fe4c
Binary files /dev/null and b/s/style/rune/background.jpg differ
diff --git a/s/style/rune/conf b/s/style/rune/conf
new file mode 100755
index 0000000..788d530
--- /dev/null
+++ b/s/style/rune/conf
@@ -0,0 +1,18 @@
+name      Rune
+author    Darkelarious
+
+// backgrounds
+bodybg      #000 background.jpg
+boxbg1      g75.png
+boxbg2      g50.png
+boxbg3      #210
+shadow      #552500
+
+// text
+textcol1    #ccc
+textcol2    #fa0
+textcol3    #ff0
+textcol4    #552500
+
+// logos
+bglogo    333runic.png
diff --git a/s/style/rune/conf2 b/s/style/rune/conf2
new file mode 100755
index 0000000..afd3dbb
--- /dev/null
+++ b/s/style/rune/conf2
@@ -0,0 +1,29 @@
+// Basic greyscale theme with 333networks logo
+// see util/skingen/colortypes.txt for descriptions of colors.
+
+name      halloween
+author    Darkelarious
+
+bodybg    #000 background.jpg
+bglogo    333runic.png
+
+boxbg1    g75.png
+boxbg2    g50.png
+boxbg3    #210
+
+glow      #552500
+shadow    #fa0
+
+textcol1  #ccc
+textcol2  #aaa
+
+headercol #fa0
+themecol1 #552500
+themecol2 #888
+themecol3 #333
+
+link      #fa0
+linkhover #ff0
+
+
+
diff --git a/s/style/rune/g50.png b/s/style/rune/g50.png
new file mode 100755
index 0000000..2cca936
Binary files /dev/null and b/s/style/rune/g50.png differ
diff --git a/s/style/rune/g75.png b/s/style/rune/g75.png
new file mode 100755
index 0000000..f7099c3
Binary files /dev/null and b/s/style/rune/g75.png differ
diff --git a/s/style/rune/style.css b/s/style/rune/style.css
new file mode 100644
index 0000000..f8c55e9
--- /dev/null
+++ b/s/style/rune/style.css
@@ -0,0 +1,558 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme written by Darkelarious */
+
+/*** Global ***/
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline:0;
+    }
+    
+body { 
+    text-align: center;
+    height: 100%;
+    color: #ccc;
+    font-family: 'Verdana';
+    font-size: 10pt;
+    background: #000 url(/style/rune/background.jpg) repeat center top fixed;
+    }
+
+p {
+    margin-bottom:12pt;
+    }
+    
+a, a:visited {
+    text-decoration: none;
+    color: #fa0;
+    }
+    
+a:hover {
+    color: #ff0;
+    text-decoration: none;
+    }
+
+#body {
+    text-align: left; 
+    width: 900px; 
+    margin: 0 auto; 
+    min-height: 100%; 
+    background: url(/style/rune/333runic.png) no-repeat center 10px fixed;
+    padding-top: 145px;
+    background-size: 500px;
+    }
+    
+#footer {
+    padding: 90px 0 40px 0;
+    text-align:center;
+    font-size : x-small;
+    clear:both
+    }
+
+#footer a {
+    text-decoration: underline;
+    }
+
+
+/* mainboxes */
+div.mainbox {
+    border: 1px solid #fa0;
+    margin-bottom:21px;
+    padding: 5px;
+    box-shadow: 2px 2px 5px #552500;
+    background: url(/style/rune/g75.png) repeat center top;
+    }
+
+div.mainbox h1, 
+div.mainbox h2,
+div.mainbox h3 {
+    margin: -5px 0 10px 0; 
+    text-decoration: none;
+    font-family: Tahoma;
+    font-weight: normal;
+    font-size: 16pt;
+    color: #fa0;
+    }
+
+div.mainbox h2 {
+    margin: 5px 0 5px 5px; 
+    font-size: 12pt;
+    }
+div.mainbox h3 {
+    margin: 5px 0 5px 10px; 
+    font-size: 11pt;
+}
+
+div.mainbox p,
+div.mainbox ul,
+div.mainbox ol {
+    margin: 5px 16px 0 8px;
+    padding: 0 5px 5px 25px;
+    text-align:left;
+    font-size: 9pt;
+    }
+div.mainbox ul,
+div.mainbox ol {
+    margin-left:20px;
+    }
+
+
+div.mainbox div.header {
+    margin: -5px 2px 10px -5px; 
+    padding:10px 0 0 10px; 
+    display:block;
+    width:100%;
+    color: #ccc;
+    border-bottom:1px solid #fa0; 
+    background: url(/style/rune/g50.png) repeat center top;
+    }
+
+/* navigation / search box "fieldset.search" */
+
+form input {
+    border: 1px solid #fa0;
+    background: #210;
+    color: #ccc;
+}
+
+form fieldset.search,
+form fieldset#advancedsearch {
+    display: block; 
+    margin:12px 0 12px 0;
+    width: 100%; 
+    text-align:center;
+    height:22px;
+    }
+
+form fieldset.search input.text,
+form fieldset#advancedsearch input.text {
+    width: 300px;
+    margin-left:20px;
+    padding:1px 1px 1px 5px;
+    font-style: italic;
+    }
+    
+form fieldset.search input.submit {
+    display:none;
+    }
+
+form fieldset.search a {
+    padding: 1px 5px;
+    border:  1px solid #fa0;
+    margin: 0 6px;
+    }
+form fieldset.search a.sel,
+form fieldset.search a:hover {
+    border: 1px solid #ff0;
+    color: #ff0;
+    }
+
+form div.dropdown a {
+    display:block;
+    width:100%;
+    text-align:center;
+    font-size: x-small;
+}
+
+form fieldset#advancedsearch {
+    display:none;
+}
+form fieldset#advancedsearch input.submit {
+    padding: 1px;
+    margin: auto 5px;
+}
+    
+/* TODO: advanced search function styling */
+
+    
+
+/* browse table tabs */
+ul.maintabs {
+    display: inline; 
+    margin: 0;
+    }
+    
+ul.maintabs.notfirst {
+    display: block; 
+    height: 20px
+    }
+    
+ul.maintabs li {
+    display: inline; 
+    list-style-type: none
+    }
+    
+ul.maintabs li a, 
+ul.maintabs li b {
+    float: right;
+    display: block;
+    height: 14px;
+    padding: 1px 7px 5px 7px;
+    margin: 0 0 0 10px;
+    }
+    
+ul.maintabs li a {
+    margin-left: 5px; 
+    border: 1px solid #fa0;
+    border-bottom: none;
+    background: #210;
+    }
+    
+ul.maintabs.notfirst li a,
+ul.maintabs.notfirst li b {
+    margin-top: 20px
+    }
+    
+ul.maintabs.bottom li a,
+ul.maintabs.bottom li b {
+    margin-top: 10px;
+    padding: 1px 7px 5px 7px
+    }
+    
+ul.maintabs.bottom li a {
+    border-bottom: 1px solid #fa0;
+    border-top: none
+    }
+    
+ul.maintabs li.left a,
+ul.maintabs li.left b {
+    float: left; 
+    margin-left: 0; 
+    margin-right: 10px
+    }
+    
+ul.maintabs li b {
+    margin-left: -2px; 
+    margin-right: -7px
+    }
+    
+ul.maintabs li.left b {
+    margin-left: -7px; 
+    margin-right: -2px
+    }
+    
+ul.maintabs li.tabselected a,
+ul.maintabs li a:hover {
+    padding-bottom: 6px
+    }
+    
+ul.maintabs.bottom li.tabselected a,
+ul.maintabs.bottom li a:hover {
+    padding-top: 2px;
+    padding-bottom: 5px;
+    margin-top: 9px
+    }
+    
+ul.maintabs.browsetabs li a {
+    margin-left: 5px; 
+    background: url(/style/rune/g75.png) repeat center top;;
+    }
+    
+ul.maintabs.browsetabs li.left a {
+    margin-left: 0; 
+    margin-right: 5px
+    }
+
+
+/* game/server browse tables */
+div.mainbox.browse {
+    padding: 0;
+    }
+
+div.mainbox.browse table {
+    width: 100%;
+    table-layout:fixed;
+    border-collapse:collapse
+    }
+
+div.mainbox.browse table thead td {
+    font-weight: bold;
+    }
+   
+div.mainbox.browse table thead tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:0;
+    border-bottom:1px solid #fa0; 
+    color: #fa0; 
+    padding:3px 10px 3px 5px; 
+    font-weight:bold;
+    background: url(/style/rune/g75.png) repeat center top;
+    }
+    
+div.mainbox.browse table tfoot tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    border-top:1px solid #fa0; 
+    color: #ccc; 
+    padding:3px 10px 3px 5px; 
+    }
+
+div.mainbox.browse table tr td {
+    white-space:nowrap;
+    overflow:hidden;
+    text-align:center;
+    padding:1px 10px 1px 5px;
+    font-size:10pt;
+    }
+    
+div.mainbox.browse table tr.s td a {
+    color: #ccc;
+    }
+    
+div.mainbox.browse table tr.s td a:hover {
+    color: #ff0;
+    }
+
+div.mainbox.browse table tr.odd {
+    background: #210;
+    }
+
+/* specific game list table columns */
+div.mainbox.browse.gamelist table tr td.tc1 {
+    text-align:left;
+    padding-left:20px
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc2 {
+    width:100px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+    
+div.mainbox.browse.gamelist table tr td.tc3 {
+    width:200px;
+    }
+    
+/* specific serverlist table columns */
+div.mainbox.browse.serverlist table tr td.tc1 {
+    width:10px; 
+    background-size: 20px 15px; 
+    background-position: 50%; 
+    background-repeat: no-repeat;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc2 {
+    text-align:left;
+    }
+
+div.mainbox.browse.serverlist table tr td.tc3 {
+    width:46px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 16px 16px;
+    }
+div.mainbox.browse.serverlist table tr td.tc3.icon a {
+    display:block;
+    margin:0 auto;
+    height:16px;
+    width:16px;
+}
+    
+div.mainbox.browse.serverlist table tr td.tc4 {
+    width:90px;text-align:left
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc5 {
+    width:70px;
+    text-align:center
+    }
+    
+div.mainbox.browse.serverlist table tr td.tc6 {
+    width:140px;
+    text-align:left
+    }
+
+
+/* serverinfo details */
+div.mainbox.detail {
+  padding:0 0 12px 0;
+  }
+div.mainbox.detail div.header {
+  margin:0 0 12pt 0; 
+  padding: 0;
+  display:inline-block;
+  width:100%;
+  height:48px;
+  }
+  
+div.mainbox.detail div.header h1 {
+  font-weight:normal;
+  padding: 15px 15px 0 15px;
+  white-space: nowrap;
+  overflow:hidden;
+  display:block;
+  }
+  
+div.mainbox.detail div.header div.serverflags {
+    float:right;
+    overflow:hidden;
+}
+div.mainbox.detail div.header div.serverflags div {
+    width:48px;
+    height:48px;
+    display:inline-block;
+    border-left:1px solid #fa0;
+    background: #210;
+}
+
+/* server flag icons */
+div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
+div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
+div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
+div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
+div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
+div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
+div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
+div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
+  
+  
+div.mainbox.detail table {
+  margin-bottom: 20px; 
+  table-layout:fixed;
+  border-collapse:collapse;
+  text-align:left;
+  }
+div.mainbox.detail table tr th {
+  font-weight:bold; 
+  padding: 2px 8px; 
+  margin-bottom:12pt; 
+  border-bottom: 1px solid #552500;
+  color: #ccc;
+  }
+div.mainbox.detail table tr th.wc1 {
+  width:170px
+  }
+div.mainbox.detail table tr td {
+  vertical-align:top; 
+  padding:6px 5px 4px 15px;
+  }
+div.mainbox.detail table tr td img.flag {
+  margin:-4px 2px -4px 0; 
+  height:20px; 
+  width:30px;
+  }
+div.mainbox.detail table tr td input,
+div.mainbox.detail table tr td textarea {
+  color: #ccc;
+  width:99%;
+  padding: 3px 1px 2px 5px;
+  border: 1px solid #0af;
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  background: #210;
+  }
+div.mainbox.detail table.serverinfo,
+div.mainbox.detail table.gameinfo {
+  width:63%;
+  }
+div.mainbox.detail table {
+  width:96%;
+  }
+div.mainbox.detail div.container {
+  float:right; 
+  margin: 0 30px 8px 0;
+  }
+div.mainbox.detail div.container div.thumbnail {
+  border:1px solid #552500; 
+  display:block;
+  box-shadow: 1px 1px 2px #552500;
+  background: #210;
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #ccc;
+  display:block;
+  margin:10px 10px 2px 10px
+  }
+div.mainbox.detail div.container div.thumbnail span {
+  text-align: right; 
+  font-weight: normal; 
+  padding:0 15px 4px 5px;
+  display:block; 
+  font-size:x-small
+  }
+div.mainbox.detail div.container div.updatenote {
+    padding: 2px 0 7px 0;
+    display:block;
+    font-style: italic; 
+    font-size: x-small; 
+    text-align: right;
+}
+
+div.mainbox.detail div.container table.mapinfo {
+  width: 280px;
+  margin-bottom:0;
+  }
+div.mainbox.detail div.container table.mapinfo tr td.wc1{
+  width: 80px;
+  }
+div.mainbox.detail table.players {text-align:left;}
+div.mainbox.detail table.players tr.odd {
+  background: #210;
+  }
+div.mainbox.detail table.players tr td {
+  padding:1px 5px 0px 15px; 
+  overflow:hidden; 
+  white-space: nowrap;
+  }
+div.mainbox.detail table.players tr th.frags {width:50px}
+div.mainbox.detail table.players tr th.mesh  {width:140px}
+div.mainbox.detail table.players tr th.skin  {width:140px}
+div.mainbox.detail table.players tr th.ping  {width:50px}
+
+div.mainbox.detail table.shareopts tr th a {
+    color: #ccc;
+}
+div.mainbox.detail table.shareopts tr td {
+    border-right:1px solid #552500;
+    border-bottom:1px solid #552500;
+    font-family:"Lucida Console";
+    font-size: 8pt;
+    text-align:left;
+    background: #210;
+}
+
+/* warning box */
+div.mainbox.warning {
+    color:#ccc; 
+    background-color: #411; 
+    border: 1px solid #c00; 
+}
+div.mainbox.warning div.header {
+    border-bottom:1px solid #c00; 
+    background: #200;
+    color: #ccc;
+}
+
+div.mainbox.warning div.header h1{
+    color: #ccc;
+}
+
+div.mainbox div.description {
+    display: block;
+    width: 500px;
+    margin: 10px auto
+    }
+
+span.hilit {
+    font-style: italic;
+    padding: 1px;
+    background: url(/style/rune/g50.png) repeat center top;
+}
+
+.r {color:#f55}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
-- 
cgit v1.2.3