Introduce new page with serverinfo

1 files changed, 71 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
index 454aedd..2601971 100644
--- a/static/style.css
+++ b/static/style.css
@@ -148,6 +148,77 @@ span.maininfo { font-size: x-small; }
 span.steamname { font-size: medium; /* font-family: serif; */ font-weight: bold; width: 110px; word-wrap: break-word; }
 img.gameimage { width: 95%; }
 
+div.server {
+  display: inline-block;
+  width: 450px;
+  min-height: 500px;
+  text-align: center;
+  margin: 2px 5px 2px 5px;
+  padding: 0;
+  overflow: hidden;
+  /* border: 1px solid lightblue; */
+}
+
+div.serverheader {
+  display: inline-block;
+  vertical-align: top;
+  width: 448px;
+  height: 20px;
+  margin: 0;
+  padding-bottom: 5px;
+  overflow: hidden;
+  /* background-color: pink; */
+  /* border: 1px solid pink; */
+}
+
+div.serverdata {
+  display: inline-block;
+  vertical-align: top;
+  width: 440px;
+  height: 478px;
+  margin: 0;
+  padding-bottom: 0;
+  overflow: hidden;
+  overflow-y: auto;
+  /* overflow: scroll; */
+}
+
+a.servername {
+  color: lightblue;
+  font-weight: bold;
+  /* text-decoration: underline; */
+}
+
+ul.server {
+  list-style-type: none;
+  margin: 0 10px 10px 10px;
+  padding: 0;
+  overflow: hidden;
+  /* background-color: #ff00ff; */
+}
+
+li.servermap {
+  float: left;
+  padding: 0 5px;
+}
+
+li.playerinfo {
+  float: right;
+}
+
+table.playerlist {
+  width: 100%;
+  margin: 0 20px 0 20px;
+}
+
+td {
+  text-align: center;
+}
+
+td.name {
+  text-align: left;
+}
+
 /***************************************/
 /* Colors for different online states: */
 /*   offline online busy away snooze   */