1. abrie
  2. game-on-2013

Commits

abrie  committed 3aa1e33

tweaking layout in attempt at design

  • Participants
  • Parent commits 44bc7d6
  • Branches master

Comments (0)

Files changed (1)

File index.html

View file
 }
 
 #panel {
-    margin-top: 75px;
-    float: left;
-}
-
-#panel {
     float: left;
     margin-left: 10px;
     min-width: 100px;
 }
 
 #controls {
-    min-height: 50px;
 }
 
 #toggleControls {
-    min-height: 50px;
+}
+
+#speech {
+    width: 225px;
+    border: 1px solid black;
+    padding: 5px;
+    border-radius: 5px;
+    margin-top: 30px;
+    margin-bottom: 50px;
+    min-height: 150px;
+}
+
+#camera {
+    border: 1px solid black;
+    border-radius: 5px;
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+#inventory {
+    border: 1px solid black;
+    border-radius: 5px;
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
 #kit {
     min-height: 50px;
 }
 
-#speech {
-    min-height: 50px;
-    max-width: 200px;
-    border: 1px solid #333333;
-    padding: 5px;
-    margin-top: 25px;
-    margin-bottom: 50px;
-    margin-left: 5px;
-}
 
 #output {
     position: relative;
 #game {
 }
 
-#panel {
-    border: 1px solid #bbbbbb;
-}
-
-
 #subsystem {
     display:none;
 }
             <div id="speech">
             Welcome to Application. Loading... 
             </div>
-            <div id="controls">
-                <div class="panelHeader">view mode</div>
+            <div id="camera">
+                <div id="controls"><div class="panelHeader">camera</div></div>
+                <div id="toggleControls"</div>
+                    <div id="augmentedCamera">
+                        <label>threshold:</label><input id="FLARThreshold" type="range" min="32" max="256" value="128"></input>
+                    </div>
+                    <div id="virtualCamera">
+                        <button id="raiseVirtualCamera">from shadowland</button>
+                        <button id="lowerVirtualCamera">into shadowland</button>
+                    </div>
+                </div>
             </div>
-            <div id="toggleControls"</div>
-                <div id="augmentedCamera">
-                    <label>threshold:</label><input id="FLARThreshold" type="range" min="32" max="256" value="128"></input>
+            <div id="inventory">
+                <div id="kit">
+                    <div class="panelHeader">kit</div>
+                    <div id="emptyKit"> currently unequipped. </div>
                 </div>
-                <div id="virtualCamera">
-                    <button id="raiseVirtualCamera">from shadowland</button>
-                    <button id="lowerVirtualCamera">into shadowland</button>
+                <div id="things">
+                    <div class="panelHeader">things</div>
+                    <div id="emptyThings"> currently possessionless. </div>
                 </div>
             </div>
-            <div id="kit">
-                <div class="panelHeader">kit</div>
-                <div id="emptyKit"> currently unequipped. </div>
-            </div>
-            <div id="things">
-                <div class="panelHeader">things</div>
-                <div id="emptyThings"> currently possessionless. </div>
-            </div>
         </div>
         <div style="clear:all"></div>
     </div>