diff options
Diffstat (limited to 's')
| -rw-r--r-- | s/style/333networks/333networks.png | bin | 0 -> 4553 bytes | |||
| -rwxr-xr-x | s/style/333networks/body.gif (renamed from s/style/default/body.gif) | bin | 70 -> 70 bytes | |||
| -rwxr-xr-x | s/style/333networks/conf | 20 | ||||
| -rw-r--r--[-rwxr-xr-x] | s/style/333networks/style.css (renamed from s/style/default/style.css) | 194 | ||||
| -rwxr-xr-x | s/style/default/333networks.png | bin | 5871 -> 0 bytes | |||
| -rwxr-xr-x | s/style/errorist/body.gif | bin | 0 -> 70 bytes | |||
| -rwxr-xr-x | s/style/errorist/conf | 20 | ||||
| -rwxr-xr-x | s/style/errorist/errorist.png | bin | 0 -> 26218 bytes | |||
| -rw-r--r-- | s/style/errorist/style.css | 558 | ||||
| -rwxr-xr-x | s/style/gonespy/conf | 20 | ||||
| -rw-r--r-- | s/style/gonespy/gonespytm.png | bin | 0 -> 21862 bytes | |||
| -rw-r--r-- | s/style/gonespy/style.css | 558 | ||||
| -rwxr-xr-x | s/style/halloween/333hw1.png | bin | 0 -> 359511 bytes | |||
| -rwxr-xr-x | s/style/halloween/b50.png | bin | 0 -> 2808 bytes | |||
| -rwxr-xr-x | s/style/halloween/b75.png | bin | 0 -> 2809 bytes | |||
| -rwxr-xr-x | s/style/halloween/conf | 20 | ||||
| -rwxr-xr-x | s/style/halloween/g50.png | bin | 0 -> 2808 bytes | |||
| -rwxr-xr-x | s/style/halloween/g75.png | bin | 0 -> 2809 bytes | |||
| -rwxr-xr-x | s/style/halloween/hw1-o.png | bin | 0 -> 120833 bytes | |||
| -rwxr-xr-x | s/style/halloween/hw1.png | bin | 0 -> 106782 bytes | |||
| -rwxr-xr-x | s/style/halloween/prim.png | bin | 0 -> 288 bytes | |||
| -rw-r--r-- | s/style/halloween/style.css | 558 | ||||
| -rwxr-xr-x | s/style/newbies/conf | 20 | ||||
| -rwxr-xr-x | s/style/newbies/newbs2.png | bin | 0 -> 137516 bytes | |||
| -rw-r--r-- | s/style/newbies/style.css | 558 | ||||
| -rwxr-xr-x | s/style/oldunreal/conf | 20 | ||||
| -rwxr-xr-x | s/style/oldunreal/oldunreal.png | bin | 0 -> 43825 bytes | |||
| -rw-r--r-- | s/style/oldunreal/style.css | 558 | ||||
| -rwxr-xr-x | s/style/rune/333runic-orig.png | bin | 0 -> 91591 bytes | |||
| -rwxr-xr-x | s/style/rune/333runic.png | bin | 0 -> 100428 bytes | |||
| -rwxr-xr-x | s/style/rune/b50.png | bin | 0 -> 2808 bytes | |||
| -rwxr-xr-x | s/style/rune/b75.png | bin | 0 -> 2809 bytes | |||
| -rwxr-xr-x | s/style/rune/background.jpg | bin | 0 -> 564871 bytes | |||
| -rwxr-xr-x | s/style/rune/conf | 18 | ||||
| -rwxr-xr-x | s/style/rune/conf2 | 29 | ||||
| -rwxr-xr-x | s/style/rune/g50.png | bin | 0 -> 2808 bytes | |||
| -rwxr-xr-x | s/style/rune/g75.png | bin | 0 -> 2809 bytes | |||
| -rw-r--r-- | s/style/rune/style.css | 558 |
38 files changed, 3591 insertions, 118 deletions
diff --git a/s/style/333networks/333networks.png b/s/style/333networks/333networks.png Binary files differnew file mode 100644 index 0000000..06f2c90 --- /dev/null +++ b/s/style/333networks/333networks.png diff --git a/s/style/default/body.gif b/s/style/333networks/body.gif Binary files differindex b34ad3c..b34ad3c 100755 --- a/s/style/default/body.gif +++ b/s/style/333networks/body.gif 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/default/style.css b/s/style/333networks/style.css index d754cb8..48017c9 100755..100644 --- a/s/style/default/style.css +++ b/s/style/333networks/style.css @@ -5,7 +5,7 @@ * on re-use. * \* * * * * * * * * * * * * * * * * * */ -/* Theme classic written by Darkelarious */ +/* Theme written by Darkelarious */ /*** Global ***/ * { @@ -21,7 +21,7 @@ body { color: #ccc; font-family: 'Verdana'; font-size: 10pt; - background: #222 url(/style/default/body.gif) repeat center top fixed; + background: #222 url(/style/333networks/body.gif) repeat center top fixed; } p { @@ -43,8 +43,9 @@ a:hover { width: 900px; margin: 0 auto; min-height: 100%; - padding-top:80px; - background: url(/style/default/333networks.png) no-repeat center 15px fixed; + background: url(/style/333networks/333networks.png) no-repeat center 10px fixed; + padding-top: 113px; + background-size: 500px; } #footer { @@ -62,8 +63,9 @@ a:hover { /* mainboxes */ div.mainbox { border: 1px solid #0af; - margin: 21px 0 -10px 0; + margin-bottom:21px; padding: 5px; + box-shadow: 2px 2px 5px #222; background: #333; } @@ -83,8 +85,8 @@ div.mainbox h2 { font-size: 12pt; } div.mainbox h3 { -margin: 5px 0 5px 10px; -font-size: 11pt; + margin: 5px 0 5px 10px; + font-size: 11pt; } div.mainbox p, @@ -106,7 +108,7 @@ div.mainbox div.header { padding:10px 0 0 10px; display:block; width:100%; - color: #0af; + color: #ccc; border-bottom:1px solid #0af; background: #111; } @@ -199,7 +201,7 @@ ul.maintabs li a { margin-left: 5px; border: 1px solid #0af; border-bottom: none; - background: #333; + background: #222; } ul.maintabs.notfirst li a, @@ -249,7 +251,7 @@ ul.maintabs.bottom li a:hover { ul.maintabs.browsetabs li a { margin-left: 5px; - background: #333; + background: #333;; } ul.maintabs.browsetabs li.left a { @@ -281,8 +283,8 @@ div.mainbox.browse table thead tr td { border-bottom:1px solid #0af; color: #0af; padding:3px 10px 3px 5px; - background: #111; - font-weight:bold + font-weight:bold; + background: #333; } div.mainbox.browse table tfoot tr td { @@ -371,29 +373,48 @@ div.mainbox.browse.serverlist table tr td.tc6 { } -/* serverlist details */ +/* serverinfo 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; + padding: 0; + display:inline-block; width:100%; + height:48px; } div.mainbox.detail div.header h1 { font-weight:normal; - padding: 15px 5px 0 15px; + padding: 15px 15px 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 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; @@ -405,7 +426,8 @@ div.mainbox.detail table tr th { font-weight:bold; padding: 2px 8px; margin-bottom:12pt; - border-bottom: 1px solid #996 + border-bottom: 1px solid #666; + color: #ccc; } div.mainbox.detail table tr th.wc1 { width:170px @@ -421,40 +443,35 @@ div.mainbox.detail table tr td img.flag { } 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; + background: #222; } 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 { +div.mainbox.detail table { width:96%; } div.mainbox.detail div.container { float:right; - margin-right:30px; + margin: 0 30px 8px 0; } div.mainbox.detail div.container div.thumbnail { border:1px solid #666; - background: #222; display:block; - margin-bottom:8px + box-shadow: 1px 1px 2px #222; + background: #222; } div.mainbox.detail div.container div.thumbnail img { height:256px; width:256px; - border:1px solid #996; + border:1px solid #ccc; display:block; margin:10px 10px 2px 10px } @@ -465,6 +482,14 @@ div.mainbox.detail div.container div.thumbnail span { 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; @@ -472,6 +497,7 @@ div.mainbox.detail div.container table.mapinfo { 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; } @@ -485,10 +511,17 @@ 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 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 { @@ -512,89 +545,14 @@ div.mainbox div.description { 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; + background: #111; } -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; - } +.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 Binary files differdeleted file mode 100755 index 9803dc1..0000000 --- a/s/style/default/333networks.png +++ /dev/null diff --git a/s/style/errorist/body.gif b/s/style/errorist/body.gif Binary files differnew file mode 100755 index 0000000..b34ad3c --- /dev/null +++ b/s/style/errorist/body.gif 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 Binary files differnew file mode 100755 index 0000000..0e4e6f0 --- /dev/null +++ b/s/style/errorist/errorist.png 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 Binary files differnew file mode 100644 index 0000000..5557b0d --- /dev/null +++ b/s/style/gonespy/gonespytm.png 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 Binary files differnew file mode 100755 index 0000000..7528ccb --- /dev/null +++ b/s/style/halloween/333hw1.png diff --git a/s/style/halloween/b50.png b/s/style/halloween/b50.png Binary files differnew file mode 100755 index 0000000..8d33024 --- /dev/null +++ b/s/style/halloween/b50.png diff --git a/s/style/halloween/b75.png b/s/style/halloween/b75.png Binary files differnew file mode 100755 index 0000000..9e1406e --- /dev/null +++ b/s/style/halloween/b75.png 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 Binary files differnew file mode 100755 index 0000000..2cca936 --- /dev/null +++ b/s/style/halloween/g50.png diff --git a/s/style/halloween/g75.png b/s/style/halloween/g75.png Binary files differnew file mode 100755 index 0000000..f7099c3 --- /dev/null +++ b/s/style/halloween/g75.png diff --git a/s/style/halloween/hw1-o.png b/s/style/halloween/hw1-o.png Binary files differnew file mode 100755 index 0000000..89f3a6c --- /dev/null +++ b/s/style/halloween/hw1-o.png diff --git a/s/style/halloween/hw1.png b/s/style/halloween/hw1.png Binary files differnew file mode 100755 index 0000000..3379c6e --- /dev/null +++ b/s/style/halloween/hw1.png diff --git a/s/style/halloween/prim.png b/s/style/halloween/prim.png Binary files differnew file mode 100755 index 0000000..f1fd976 --- /dev/null +++ b/s/style/halloween/prim.png 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 Binary files differnew file mode 100755 index 0000000..3f559c3 --- /dev/null +++ b/s/style/newbies/newbs2.png 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 Binary files differnew file mode 100755 index 0000000..b836265 --- /dev/null +++ b/s/style/oldunreal/oldunreal.png 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 Binary files differnew file mode 100755 index 0000000..92e9754 --- /dev/null +++ b/s/style/rune/333runic-orig.png diff --git a/s/style/rune/333runic.png b/s/style/rune/333runic.png Binary files differnew file mode 100755 index 0000000..973f2bc --- /dev/null +++ b/s/style/rune/333runic.png diff --git a/s/style/rune/b50.png b/s/style/rune/b50.png Binary files differnew file mode 100755 index 0000000..8d33024 --- /dev/null +++ b/s/style/rune/b50.png diff --git a/s/style/rune/b75.png b/s/style/rune/b75.png Binary files differnew file mode 100755 index 0000000..9e1406e --- /dev/null +++ b/s/style/rune/b75.png diff --git a/s/style/rune/background.jpg b/s/style/rune/background.jpg Binary files differnew file mode 100755 index 0000000..186fe4c --- /dev/null +++ b/s/style/rune/background.jpg 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 Binary files differnew file mode 100755 index 0000000..2cca936 --- /dev/null +++ b/s/style/rune/g50.png diff --git a/s/style/rune/g75.png b/s/style/rune/g75.png Binary files differnew file mode 100755 index 0000000..f7099c3 --- /dev/null +++ b/s/style/rune/g75.png 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} |
