aboutsummaryrefslogtreecommitdiff
path: root/s/style
diff options
context:
space:
mode:
Diffstat (limited to 's/style')
-rwxr-xr-xs/style/basic/333networks.pngbin0 -> 5871 bytes
-rw-r--r--s/style/basic/conf28
-rw-r--r--s/style/basic/style.css887
3 files changed, 915 insertions, 0 deletions
diff --git a/s/style/basic/333networks.png b/s/style/basic/333networks.png
new file mode 100755
index 0000000..9803dc1
--- /dev/null
+++ b/s/style/basic/333networks.png
Binary files 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;
+ }