Changeset 244 for binary-improvements/webserver/css

Timestamp:

Jul 21, 2015, 9:51:32 PM (9 years ago)

Author:

alloc

Message:

Fixes intermediate state

File:

• binary-improvements/webserver/css/style.css (modified) (4 diffs)

binary-improvements/webserver/css/style.css

@@ -1 @@
-html, body {
-        height: 100%;
-        margin: 0px;
-        padding: 0px;
-        background-color: #230000;
+/* Generic page layout */
+
+body {
+        margin: 0;
+        padding: 0;
 }
-#map {
-        height: 100%;
-        margin: 0px;
-        padding: 0px;
-        background-color: #230000;
+
+.adminwrapper {
+        width: 100%;
+        height: 100vh;
+        background-color: #ccc;
 }
+
+.adminmenu,
+.admincontent {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+}
+
+.adminmenu {
+        width: 200px;
+        left: 0;
+        background-color: purple;
+}
+
+.adminmenu .current_tab {
+        font-weight: bold;
+        text-transform: uppercase;
+}
+
+.adminmenu .menu_button a {
+        color: #000;
+}
+
+.adminmenu #userstate {
+        position: absolute;
+        bottom: 5px;
+        left: 5px;
+        right: 5px;
+        background-color: green;
+}
+
+.adminmenu #userstate #username {
+        padding-left: 10px;
+}
+
+.adminmenu #userstate > div {
+        display: none;
+}
+
+.admincontent {
+        position: absolute;
+        right: 0;
+        left: 200px;
+        background-color: #fff;
+}
+
+.admincontent .contenttab {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0px;
+        display: none;
+}
+
+.admincontent .current_tab {
+        display: block;
+}
+
+/* Individual tabs */
+
+.adminmap {
+        background-color: #260040;
+        bottom: 0;
+}
+
+
+
+/* Inventory dialog overlay */
+
 #info {
         background-color: #aaaaaa;
@@ -25 +94 @@
 }
 .invField {
-        width: 60px;
-        height: 42px;
+        width: 58px;
+        height: 40px;
         padding: 1px 4px;
         margin: 0px;
@@ -58 +127 @@
 }
 
-.control-reloadtiles a,
-.control-reloadtiles a:hover {
-        padding: 1px 5px 1px 5px;
-        width: auto;
+
+/* Map controls */
+
+
+.webmap-control a,
+.webmap-control a:hover {
+        text-decoration: none;
 }
 
-.control-coordinates {
+.webmap-control {
         box-shadow: 0 1px 5px rgba(0,0,0,0.4);
         background: #fff;
@@ -70 +142 @@
         padding: 6px 10px 6px 6px;
         color: #333;
+        white-space: nowrap;
 }