From 18921404e5454cdf202b7b4f70a2777f3e297998 Mon Sep 17 00:00:00 2001
From: Darkelarious <darkelarious@333networks.com>
Date: Mon, 25 Sep 2017 23:13:47 +0200
Subject: Web interface for MasterServer-Perl

---
 s/favicon.ico                 | Bin 0 -> 12342 bytes
 s/img/other/erroristforum.jpg | Bin 0 -> 76835 bytes
 s/img/t/ubrowser2.jpg         | Bin 0 -> 66824 bytes
 s/interface-scripts.js        | 161 ++++++++
 s/map/default/333esrb.jpg     | Bin 0 -> 10115 bytes
 s/map/default/333networks.jpg | Bin 0 -> 10115 bytes
 s/map/default/ut.jpg          | Bin 0 -> 9299 bytes
 s/masterwebinterface.pl       |   1 +
 s/robots.txt                  |   3 +
 s/style/basic/333networks.png | Bin 0 -> 5871 bytes
 s/style/basic/conf            |  28 ++
 s/style/basic/style.css       | 887 ++++++++++++++++++++++++++++++++++++++++++
 12 files changed, 1080 insertions(+)
 create mode 100755 s/favicon.ico
 create mode 100644 s/img/other/erroristforum.jpg
 create mode 100644 s/img/t/ubrowser2.jpg
 create mode 100755 s/interface-scripts.js
 create mode 100644 s/map/default/333esrb.jpg
 create mode 100644 s/map/default/333networks.jpg
 create mode 100755 s/map/default/ut.jpg
 create mode 120000 s/masterwebinterface.pl
 create mode 100755 s/robots.txt
 create mode 100755 s/style/basic/333networks.png
 create mode 100644 s/style/basic/conf
 create mode 100644 s/style/basic/style.css

(limited to 's')

diff --git a/s/favicon.ico b/s/favicon.ico
new file mode 100755
index 0000000..1182ce4
Binary files /dev/null and b/s/favicon.ico differ
diff --git a/s/img/other/erroristforum.jpg b/s/img/other/erroristforum.jpg
new file mode 100644
index 0000000..2ba8fcc
Binary files /dev/null and b/s/img/other/erroristforum.jpg differ
diff --git a/s/img/t/ubrowser2.jpg b/s/img/t/ubrowser2.jpg
new file mode 100644
index 0000000..efe7de4
Binary files /dev/null and b/s/img/t/ubrowser2.jpg differ
diff --git a/s/interface-scripts.js b/s/interface-scripts.js
new file mode 100755
index 0000000..a8184e1
--- /dev/null
+++ b/s/interface-scripts.js
@@ -0,0 +1,161 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *\
+ * 333networks site                                    *
+ * Written by Darkelarious                             *
+ * Please see http://git.333networks.com/ for          *
+ * questions and copyright.                            *
+\* * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+function DOMLoad(y){var d=0;var f=function(){if(d++)return;y()};if(document.addEventListener)document.addEventListener("DOMCont"+"entLoaded",f,false);document.write("<script id=_ie defer src="+"javascript:void(0)><\/script>");document.getElementById('_ie').onreadystatechange=function(){if(this.readyState=="complete")f()};if(/WebKit/i.test(navigator.userAgent))var t=setInterval(function(){if(/loaded|complete/.test(document.readyState)){clearInterval(t);f()}},10);window.onload=f;}
+
+// spam protection on all forms
+setTimeout(function() {
+  for(i=0; i<document.forms.length; i++)
+    document.forms[i].action = document.forms[i].action.replace(/\/nospam\?/,'');
+}, 500);
+
+function x(y){return document.getElementById(y)}
+
+// show/hide scripts for big blocks of code
+function show(x){
+  var xdiv = document.getElementById(x);
+  xdiv.style.display = (xdiv.style.display == 'block') ? 'none' : 'block';
+}
+
+// IV script by YorHel
+var ivL=[];
+function ivInit() {
+  var l=document.getElementsByTagName('a');
+  for(i=0;i<l.length;i++)
+    if(l[i].rel && l[i].rel.indexOf('iv:')==0) {
+      l[i].onclick=ivView;
+      ivL[ivL.length] = l[i];
+    }
+
+  var d = document.createElement('div');
+  d.id = 'ivview';
+  d.innerHTML = '<b id="ivimg"></b><br />'
+    +'<a href="#" id="ivfull">&nbsp;</a>'
+    +'<a href="#" onclick="return ivClose()" id="ivclose">close</a>'
+    +'<a href="#" onclick="return ivView(this)" id="ivprev">&laquo; previous</a>'
+    +'<a href="#" onclick="return ivView(this)" id="ivnext">next &raquo;</a>';
+  document.body.appendChild(d);
+  d = document.createElement('b');
+  d.id = 'ivimgload';
+  d.innerHTML = 'Loading...';
+  document.body.appendChild(d);
+}
+function ivView(what) {
+  what = what && what.rel ? what : this;
+  var u=what.href;
+  var r=what.rel;
+  d = x('ivview');
+
+ // fix prev/next links (if any)
+  for(var i=0;i<ivL.length;i++)
+    if(ivL[i].href == u) {
+      x('ivnext').style.visibility = ivL[i+1] ? 'visible' : 'hidden';
+      x('ivnext').href = ivL[i+1] ? ivL[i+1].href : '#';
+      x('ivnext').rel = ivL[i+1] ? ivL[i+1].rel : '';
+      x('ivprev').style.visibility = ivL[i-1] ? 'visible' : 'hidden';
+      x('ivprev').href = ivL[i-1] ? ivL[i-1].href : '#';
+      x('ivprev').rel = ivL[i-1] ? ivL[i-1].rel : '';
+    }
+
+ // calculate dimensions
+  r = r.substring(3);
+  var w = Math.floor(r.split('x')[0]);
+  var h = Math.floor(r.split('x')[1]);
+  var ww = typeof(window.innerWidth) == 'number' ? window.innerWidth : document.documentElement.clientWidth;
+  var wh = typeof(window.innerHeight) == 'number' ? window.innerHeight : document.documentElement.clientHeight;
+  var st = typeof(window.pageYOffset) == 'number' ? window.pageYOffset : document.body && document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
+  if(w+100 > ww || h+70 > wh) {
+    x('ivfull').href = u;
+    x('ivfull').innerHTML = w+'x'+h;
+    x('ivfull').style.visibility = 'visible';
+    if(w/h > ww/wh) { // width++
+      h *= (ww-100)/w;
+      w = ww-100;
+    } else { // height++
+      w *= (wh-70)/h;
+      h = wh-70;
+    }
+  } else
+    x('ivfull').style.visibility = 'hidden';
+  var dw = w;
+  var dh = h+20;
+  dw = dw < 200 ? 200 : dw;
+
+ // update document
+  d.style.display = 'block';
+  x('ivimg').innerHTML = '<img src="'+u+'" onclick="ivClose()" onload="document.getElementById(\'ivimgload\').style.top=\'-400px\'" style="width: '+w+'px; height: '+h+'px" />';
+  d.style.width = dw+'px';
+  d.style.height = dh+'px';
+  d.style.left = ((ww - dw) / 2 - 10)+'px';
+  d.style.top = ((wh - dh) / 2 + st - 20)+'px';
+  x('ivimgload').style.left = ((ww - 100) / 2 - 10)+'px';
+  x('ivimgload').style.top = ((wh - 20) / 2 + st)+'px';
+  return false;
+}
+function ivClose() {
+  x('ivview').style.display = 'none';
+  x('ivview').style.top = '-5000px';
+  x('ivimg').innerHTML = '';
+  return false;
+}
+
+// create new server entry page
+var t;
+function QueryLink()
+{
+  clearTimeout(t);
+  t = setTimeout("QueryServer()", 2000);
+  
+  var newlink = x("newlink");
+  newlink.innerHTML   = "Typing...";
+  newlink.style.color = "#aaa";
+}
+
+
+// create new server entry page
+function QueryServer() {
+  var ip       = x("ip");
+  var port     = x("port");
+
+  var newlink = x("newlink");
+  var validate = x("validate");
+
+  var ValAddress = "/new/"+ip.value+":"+port.value+"/"+(Math.floor(Math.random()*999)+1);
+
+  newlink.innerHTML   = "Checking...";
+  newlink.style.color = "#aa5";
+
+  var check = (window.ActiveXObject) ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest();
+
+  check.onreadystatechange = function (){
+    if (check.readyState==4 && check.status==200){
+      var rx = check.responseText;
+      if (rx == "invalid"){
+        newlink.innerHTML = "This server appears to be offline, unreachable or is not supported. Please check your values and try again.";
+        newlink.style.color = "#a55";
+        validate.style.display = "none";
+      }else{
+        newlink.innerHTML = "<a href=\"/ut/"+ip.value+":"+port.value+"\">Success! Click here to view your server in our database!</a>";
+        validate.innerHTML = rx;
+        validate.style.display = "block";
+      }
+    }else if (check.status==500){
+        newlink.innerHTML = "An error occurred while processing the response. Please check your values and try again.";
+        newlink.style.color = "#a55";
+        validate.style.display = "none";    
+    }
+  }
+
+	check.open("GET", ValAddress, true);
+	check.send(null);
+}
+
+
+/*  O N L O A D  */
+DOMLoad(function(){
+  ivInit();
+});
diff --git a/s/map/default/333esrb.jpg b/s/map/default/333esrb.jpg
new file mode 100644
index 0000000..8b223b1
Binary files /dev/null and b/s/map/default/333esrb.jpg differ
diff --git a/s/map/default/333networks.jpg b/s/map/default/333networks.jpg
new file mode 100644
index 0000000..8b223b1
Binary files /dev/null and b/s/map/default/333networks.jpg differ
diff --git a/s/map/default/ut.jpg b/s/map/default/ut.jpg
new file mode 100755
index 0000000..7c5beef
Binary files /dev/null and b/s/map/default/ut.jpg differ
diff --git a/s/masterwebinterface.pl b/s/masterwebinterface.pl
new file mode 120000
index 0000000..7f1fb2c
--- /dev/null
+++ b/s/masterwebinterface.pl
@@ -0,0 +1 @@
+../util/masterwebinterface.pl
\ No newline at end of file
diff --git a/s/robots.txt b/s/robots.txt
new file mode 100755
index 0000000..6ffbc30
--- /dev/null
+++ b/s/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Disallow: /
+
diff --git a/s/style/basic/333networks.png b/s/style/basic/333networks.png
new file mode 100755
index 0000000..9803dc1
Binary files /dev/null and b/s/style/basic/333networks.png differ
diff --git a/s/style/basic/conf b/s/style/basic/conf
new file mode 100644
index 0000000..6223459
--- /dev/null
+++ b/s/style/basic/conf
@@ -0,0 +1,28 @@
+// Basic greyscale theme with 333networks logo
+// see util/skingen/colortypes.txt for descriptions of colors.
+
+name      basic
+author    Darkelarious
+
+bodybg    #fff
+bglogo    333networks.png
+
+boxbg1    #ccc
+boxbg2    #999
+boxbg3    #aaa
+
+shadow    #999
+
+textcol1  #000
+textcol2  #222
+
+headercol #000
+themecol1 #000
+themecol2 #555
+themecol3 #222
+
+link      #33f
+linkhover #f33
+
+
+
diff --git a/s/style/basic/style.css b/s/style/basic/style.css
new file mode 100644
index 0000000..6056252
--- /dev/null
+++ b/s/style/basic/style.css
@@ -0,0 +1,887 @@
+/* * * * * * * * * * * * * * * * * * *\
+*  Master Server Web Interface        *
+*  A website by Darkelarious          *
+*  See COPYING for additional details *
+*  on re-use.                         *
+\* * * * * * * * * * * * * * * * * * */
+
+/* Theme basic written by Darkelarious */
+
+/*** Global ***/
+* { 
+  margin: 0; 
+  padding: 0; 
+  border: 0; 
+  outline:0;
+  }
+body { 
+  text-align: center; 
+  height: 100%; 
+  color: #000;
+  font-family: 'Verdana';
+  font-size: 10pt;
+  background: #fff;
+  }
+
+p {
+  margin-bottom:12pt;
+  }
+a, a:visited {
+  text-decoration: none;
+  color: #33f;
+  }
+a:hover {
+  color: #f33;
+  }
+
+hr {
+  height: 0px;
+  border: solid #000 0px; 
+  border-top-width: 1px;
+  margin: 10pt 0 10pt 0;
+  }
+
+/*** Container ***/
+#body {
+  text-align: left; 
+  width: 900px; 
+  margin: 0 auto; 
+  min-height: 100%; 
+  padding-top:100px;
+  background: url(/style/basic/333networks.png) no-repeat center 35px fixed;
+  }
+#footer{
+  padding: 90px 0 40px 0;
+  text-align:center;
+  font-size : x-small;
+  clear:both
+  }
+#footer a{
+  text-decoration: underline;
+  }
+
+
+/*** navigation box ***/
+div.nav {
+  position: fixed; 
+  top:0px; 
+  display:block; 
+  width:100%; 
+  background: #999;
+  padding:0; 
+  border-bottom: 1px solid #000; 
+  }
+div.nav ul {
+  list-style:none; 
+  text-align:center; 
+  }
+div.nav ul li {
+  width:90px; 
+  display: inline-block; 
+  padding:5px 0;
+  font-size:14px;
+  }
+div.nav ul li ul {
+  margin:0; 
+  position:absolute; 
+  visibility:hidden;
+  }
+div.nav ul li:hover ul {
+  list-style:none; 
+  visibility:visible; 
+  margin-top:5px;
+  background: #999;
+  border:1px solid #000; 
+  border-top:0px; 
+  }
+div.nav ul li:hover ul li {
+  display:block; 
+  }
+div.nav ul li:hover ul li a,
+div.nav ul li:hover ul li span{
+  padding: 2px 0 2px 5px;
+  }
+div.nav ul li:hover ul li a:hover,
+div.nav ul li:hover ul li span:hover{
+  }
+
+/*** common types (box, form, lists, headers) ***/
+div.mainbox {
+  border: 1px solid #000;
+  margin: 21px 0 -10px 0;
+  padding: 5px;
+  background: #ccc;
+  
+}
+
+.mainbox h1, 
+.mainbox h2, 
+.mainbox h3, 
+.mainbox h4 {
+  font-family: Tahoma;
+  font-weight: bold;
+  font-size: 19px;
+  color: #000;
+}
+.mainbox h1 {
+  margin: -5px 0 15px 0; 
+  text-decoration: none;
+  }
+.mainbox h2 {
+  margin: 5px 0 0 5px; 
+  font-size: 12pt;
+  } 
+.mainbox h2.alttitle {
+  margin: -17px 0 15px 15px; 
+  font-weight: normal; 
+  }
+.mainbox h3 {
+  margin: 5px 0 0 5px; 
+  font-size: 11pt;
+  }
+.mainbox h4 {
+  margin: 5px 0 0 5px; 
+  font-size: 10pt;
+  text-decoration: underline;
+  }
+
+.mainbox p {
+  margin:5px 8px 10pt 8px;
+  text-align:left;
+  }
+.mainbox ul,
+.mainbox ol { 
+  margin: 3px 20px 10pt 40px;
+  }
+.mainbox div.header {
+  margin: -5px 2px 10px -5px; 
+  padding:10px 0 0 10px; 
+  display:block;
+  width:100%;
+  color: #000;
+  border-bottom:1px solid #000; 
+  background: #999;
+  }
+.mainbox div.header h2 {
+  text-decoration: none;
+  margin-bottom:5px;
+  }
+.mainbox div.header p.alttitle {
+  margin-bottom:0px; 
+  font-size: 8pt;
+  text-align:left;
+  padding:0 5px 5px 25px;
+  }
+.mainbox div.header p.alttitle span.acc {
+  color: #f33;
+}
+
+/* form markup */
+input.text, 
+input.submit, 
+select, 
+textarea {
+  background: #aaa;
+  color: #222;
+  border: 1px solid #000;
+  margin: 1px;
+  padding:1px;
+}
+form, fieldset {
+  border: 0; 
+  display: block; 
+  }
+legend {
+  display: none;
+  }
+optgroup option {
+  padding-left: 10px;
+  font-style: normal;
+  }
+input.submit {
+  background: #999;
+  border: 1px solid #000;
+  padding: 0px;
+  }
+input.text, select {
+  width: 200px;
+  }
+fieldset.submit {
+  width: 100%;
+  text-align: center;
+  margin: 5px;
+  }
+fieldset.submit input {
+  width: 150px;
+  }
+fieldset.submit h2 {
+  font-size: 11px!important;
+  }
+fieldset.submit textarea {
+  margin: 0 20px 5px 20px;
+  }
+td.label, td.label label {
+  width: 90px;
+  }
+td.label label {
+  display: block;
+  }
+td.field label {
+  margin: 0 5px 0 5px;
+  }
+table.formtable {
+  margin: 0 20px 20px 20px;
+  }
+table.formtable td {
+  padding: 0;
+  }
+table.formtable tr.newfield td {
+  padding-top: 5px;
+  }
+table.formtable tr.newpart td {
+  padding-top: 20px; 
+  font-weight: bold;
+  }
+
+/*** browsing table/form ***/
+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 #000;
+  border-bottom: none;
+  background: #ccc;
+}
+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 #000;
+  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: #ccc;
+  }
+ul.maintabs.browsetabs li.left a {
+  margin-left: 0; 
+  margin-right: 5px
+  }
+
+div.mainbox.browse table {
+  width:100%;
+  table-layout:fixed;
+  border-collapse:collapse
+  }
+div.mainbox.browse table tr td {
+  white-space:nowrap;
+  overflow:hidden;
+  text-align:center;
+  padding:0 10px 0 5px;
+  font-size:10pt;
+  }
+div.mainbox.browse table tr.odd {
+  background: #aaa;
+  }
+div.mainbox.browse table thead tr td {
+  white-space:nowrap;
+  overflow:hidden;
+  text-align:center;
+  border-top:0;
+  border-bottom:1px solid #000; 
+  color: #000; 
+  padding:3px 10px 3px 5px; 
+  background: #999;
+  font-weight:bold
+  }
+div.mainbox.browse table tr td a{
+  color: #000;
+  }
+div.mainbox.browse table tr td a:hover{
+  color: #f33;
+  }
+
+/* search box on top */
+p.browseopts a {
+  padding: 1px 3px;
+  border: 1px solid #33f;
+  margin: 0 2px;
+  white-space: nowrap;
+}
+p.browseopts {
+   text-align: center; 
+   padding: 2px;
+   }
+p.browseopts a.optselected,
+p.browseopts a:hover {
+  border: 0; 
+  padding: 2px 4px;
+  }
+div.mainbox.browse {
+  padding: 0;
+  }
+div.mainbox.browse table {
+  width: 100%;
+  }
+table thead td {
+  font-weight: bold;
+  }
+fieldset.search {
+  display: block; 
+  width: 100%; 
+  text-align: center; 
+  margin: 0 0 10px 0;
+  }
+fieldset.search .submit {
+  padding: 0 1px;
+  }
+p#searchtabs {
+  height: 12px;
+  text-align:center;
+  }
+p#searchtabs a {
+  padding: 2px 6px 2px 6px; 
+  margin: 0 2px;
+  }
+p#searchtabs a:hover, 
+p#searchtabs a.sel {
+  border: 1px solid #33f;
+  padding: 1px 5px 2px 5px;
+}
+p#searchtabs a:hover {
+  border: 1px solid #f33;
+  }
+#q {width: 600px}
+#bq {width: 300px}
+
+/*** Server Info details page ***/
+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 {
+  padding: 15px 5px 0 15px;
+  }
+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 #555
+  }
+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 {
+  width:99%;
+  padding: 2px 0px 1px 4px;
+  border: 1px solid #000;
+  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 #222; 
+  background: #aaa;
+  display:block;
+  margin-bottom:8px
+  }
+div.mainbox.detail div.container div.thumbnail img {
+  height:256px; 
+  width:256px;
+  border:1px solid #555;
+  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: #aaa;
+  }
+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;}
+
+div.mainbox.detail table.shareopts.new {
+  width:325px;
+  display:block;
+  margin:auto;
+  border-collapse: collapse;
+}
+div.mainbox.detail table.shareopts.new tr td {
+  white-space:nowrap;
+  padding:2px;
+}
+div.mainbox.detail table.shareopts.new tr td input {
+  width: 114px;
+  margin:0;
+}
+div.mainbox.detail table.shareopts.new tr td input.submit {
+  width:120px;
+}
+div.mainbox.detail p#newlink {
+  text-align:center;
+}
+
+
+/* Warning/Notice Box */
+div.warning, div.notice {
+  margin: 15px 10%; 
+  padding: 15px; 
+  color:#fff; 
+  background-color: #411; 
+  border: 1px solid #c00; 
+  }
+div.notice {
+  background-color: #141;
+  border: 1px solid #0c0;
+  }
+div.warning ul, 
+div.notice ul {
+  margin-left: 0; 
+  }
+div.warning li, 
+div.notice li {
+  margin-left: 20px; 
+  }
+div.warning h2, 
+div.notice h2 {
+  font-size: 11px; 
+  font-weight: bold; 
+  margin: 0; 
+  text-decoration: underline; 
+  color: #fff
+  }
+div.warning a{
+  color: #f00
+  }
+div.notice a{
+  color: #0f0
+  }
+
+/* figures */
+.figure{
+  text-align:center; 
+  margin-bottom: 12pt
+  }
+.figure img {
+  display:block; 
+  margin: 5px auto 10px auto; 
+  border:1px solid #000; 
+  width:400px;
+  box-shadow: 10px 10px 5px #999;
+  }
+.figure object{
+  display:block; 
+  margin: 5px auto 10px auto; 
+  border:1px solid #000
+  box-shadow: 10px 10px 5px #999;
+  }
+.figure span{
+  font-weight:bold
+  }
+.figure .imgleft {
+  width:250px;
+  display:inline-block; 
+  margin-right:10px
+  box-shadow: 10px 10px 5px #999;
+  }
+.figure .imgright {
+  width:250px;
+  display:inline-block; 
+  margin-left:10px
+  box-shadow: 10px 10px 5px #999;
+  }
+
+ol.steplist,
+ul.steplist {
+  display: block; 
+  width: 600px; 
+  margin: 0 auto 12pt auto;
+  }
+ol.steplist li,
+ul.steplist li {
+  border-bottom:1px dotted #555;
+}
+ul.steplist.link {
+  width:200px;
+}
+  
+/*** Additional, minor styling details ***/
+.r {color:#f33}
+.o {color:#c80}
+.y {color:#ff3}
+.g {color:#3f3}
+.b {color:#33f}
+.ext {color: #222; font-style: italic;}
+
+a.code {
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  text-align:left;
+  padding:5px;
+  border: 1px solid #000;
+  background: #999;
+  box-shadow: 10px 10px 5px #999;
+  }
+pre.code,
+div.code {
+  display:block; 
+  margin:12pt auto; 
+  width:90%; 
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  text-align:left;
+  padding:5px;
+  border: 1px solid #000;
+  overflow:hidden; 
+  background: #999;
+  box-shadow: 10px 10px 5px #999;
+  }
+span.code {
+  font-family:"Lucida Console";
+  font-size: 8pt;
+  text-align:left;
+  padding:2px;
+  background: #999;
+}
+.tiny {
+  font-size: 8pt;
+  text-align:left;
+  padding:0 5px 5px 25px;
+  color: #000;
+  }
+.footnote{
+  font-size: 8pt;
+  text-align:left;
+  padding:5px;
+  color: #000;
+  border-top: 1px solid #000;
+  }
+a.addnew, 
+p.addnew {
+  float: right; 
+  margin: 0
+  }
+  
+.debug *{
+  border:1px;
+  }
+.un {
+  text-align:left!important
+  }
+
+
+/* browse table coloring */
+tr#tfooter td{
+  padding:1px 1px 1px 1px; 
+  border-top:1px solid #222;
+  }
+tr#tfooter td a{
+  color: #33f
+  }
+tr#tfooter td a:hover {
+  color: #f33
+  }
+
+/* Main page */
+div.frontleft {
+  float:left; width:444px;
+  }
+div.frontright{
+  float:right;width:444px;
+  }
+div.frontcontainer {
+  margin-top: -18px;
+  }
+div.frontcontainer img {
+  width: 442px; 
+  margin:0px auto 10pt auto; 
+  display:block;
+  border-bottom: 1px solid #000;
+  }
+div.frontcontainer img.partner {
+  border: 0;
+}
+div.frontcontainer div.mainbox {
+  padding:0px;
+  }
+div.frontcontainer div.mainbox h2 {
+  margin:0px -18px 5px 8px; 
+  text-decoration:none; 
+  }
+div.frontcontainer div.mainbox div.header{
+  margin: 0 0 3px 0; 
+  padding-top:3px; 
+  display:block;
+  width:432px
+  }
+div.frontcontainer div.mainbox b {
+  margin:5px 8px 10pt 8px;
+  }
+
+/*** table alignments ***/
+div.mainbox.browse.newservers table tr td.tc1,
+div.mainbox.browse.serverlist table tr td.tc1,
+div.mainbox.browse.frontmasterlist table tr td.tc1 {
+  width:10px; 
+}
+
+div.mainbox.browse.newservers table tr td.tc1.flag,
+div.mainbox.browse.serverlist table tr td.tc1.flag,
+div.mainbox.browse.frontmasterlist table tr td.tc1.flag {
+  width:10px; 
+  background-size: 20px 15px; 
+  background-position: 50%; 
+  background-repeat: no-repeat;
+  }
+
+div.mainbox.browse.newservers table tr td.tc2 {text-align:left}
+div.mainbox.browse.newservers table tr td.tc3 {text-align:right; width:260px;}
+div.mainbox.browse.newservers table tr td.tc4 {width:100px;}
+
+div.mainbox.browse.serverlist table tr td {text-align:left}
+
+div.mainbox.browse.serverlist table tr td.tc2 {}
+div.mainbox.browse.serverlist table tr td.tc3 {width:60px;text-align:right}
+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}
+
+
+div.mainbox.browse.gamelist table tr td.tc1 {text-align:left}
+div.mainbox.browse.gamelist table tr td.tc2 {width:100px;}
+div.mainbox.browse.gamelist table tr td.tc3 {width:80px;}
+div.mainbox.browse.gamelist table tr td.tc4 {width:80px;}
+
+div.mainbox.browse.kfstats table tr td,
+div.mainbox.browse.kfstats table thead tr td {padding-left:0; padding-right:0;}
+div.mainbox.browse.kfstats table tr td.tc1 {width:30px;}
+div.mainbox.browse.kfstats table tr td.tc2 {width:19px;}
+div.mainbox.browse.kfstats table tr td.tc3 {width:130px;text-align:left}
+div.mainbox.browse.kfstats table tr td.tc5,
+div.mainbox.browse.kfstats table tr td.tc7,
+div.mainbox.browse.kfstats table tr td.tc12,
+div.mainbox.browse.kfstats table tr td.tc13 {width:85px;}
+
+div.mainbox.browse.frontpage table tr td.tc1 {text-align:left}
+div.mainbox.browse.frontpage table tr td.tc2 {width:70px;}
+div.mainbox.browse.frontpage table tr td.tc3 {width:80px;}
+
+div.mainbox.browse.frontmasterlist table tr td.tc2 {text-align:left}
+div.mainbox.browse.frontmasterlist table tr td.tc3 {width:80px;}
+
+/* individual pages */
+div.mainbox table.fancytable {
+  table-layout:fixed;
+  border-collapse:collapse;
+  border:1px solid #000;
+  margin:20px auto 20px auto;
+  width:70%;
+  box-shadow: 10px 10px 5px #999;
+  background: #999;
+  }
+div.mainbox table.fancytable tr th {
+  font-weight:bold;
+  color: #000;
+}
+div.mainbox table.fancytable tr th,
+div.mainbox table.fancytable tr td {
+  vertical-align:top;
+  text-align:left;
+  padding:6px 12px; 
+  border:1px solid #000;
+  }
+div.mainbox table.fancytable.addresses .tc1 {width:160px}
+div.mainbox table.fancytable.addresses .tc2 {width:120px;text-align:center;}
+div.mainbox table.fancytable.addresses .tc3 {width:120px;text-align:center;}
+
+div.mainbox.contact{
+  width:605px;
+  }
+div.mainbox.contact img {
+  float:left;
+  height:120px;
+  width:105px;
+  margin:10px 30px 10px 10px;
+  border: 1px solid #000;
+  }
+div.mainbox.contact table {
+  margin: 10px 5px 20pt 20px;
+  border-spacing: 0;
+  width:450px;
+  }
+div.mainbox.contact table tr th{
+  padding: 2px 20px 0 0;
+  border-bottom: 1px solid #555;
+  }
+div.mainbox.contact table tr td{
+  padding: 2px 20px 0 10px;
+  border-bottom: 1px solid #222;
+  vertical-align:top
+  }
+div.mainbox.contact table tr td ul {
+  list-style: none;
+  margin:0
+  }
+div.mainbox.contact table tr th.tc1 {width:150px;}
+div.mainbox.contact table tr th.tc2 {width:300px}
+
+/* individual images */
+.kfstatsimg{
+  float:right; 
+  margin: -20px 5px 0 15px;
+  background: #999;
+  padding: 6px;
+  border: 1px solid #222;
+  }
+.kfstatsimg img{
+  border: 1px solid #555;
+  width: 300px;
+  }
+
+/* IV main div*/
+#ivview {
+  position: absolute;
+  top: -500px;
+  background: #999;
+  border: 1px solid #000;
+  padding: 20px;
+  text-align: center;
+  }
+#ivview img {
+  cursor: pointer;
+  border: 1px solid #000;
+  }
+#ivclose {
+  float: right; 
+  padding-left: 10px;
+  }
+#ivnext {
+  padding-left: 5px;
+  }
+#ivprev {
+  padding-right: 5px;
+  }
+#ivfull {
+  float: left; 
+  padding-right: 10px;
+  }
+#ivimgload{
+  display:block;
+  position:absolute;
+  left:-500px;
+  top:-50px;
+  width:100px;
+  padding:3px;
+  text-align: center;
+  border: 1px solid #000;
+  color: #000;
+  background: #ccc;
+  }
-- 
cgit v1.2.3