Commits

Anonymous committed 472a939

attempting to design with css. Out of my element.

Comments (0)

Files changed (1)

     padding: 0;
 }
 
+#game {
+    width:980px;
+    height:370px;
+    border:5px solid block;
+    border-radius:10px;
+    padding: 10px;
+    padding-top: 12px;
+    margin-top: 10px;
+    display:block;
+    margin-left: auto;
+    margin-right: auto;
+    background: black;
+}
+
 canvas {
     border: 1px solid black;
+    width:480px;
+    height:360px;
+}
+
+#editor {
+    display:none;
 }
 
 #subsystem {
     display: none;
 }
 
+.canvasContainer {
+    position:relative;
+    display: inline;
+    padding: 3px;
+}
+
+.overlay {
+    position: absolute;
+    top:-349px;
+    left:-1px;
+    width: 469px;
+    height: 349px;
+    border-radius: 10px;
+    padding: 5px;
+    border: 5px solid rgb(100,100,100);
+}
+
 .floating {
     float: left;
 }
 </head>
 <body>
     <div id="game">
-        <canvas id="2space" width=480 height=360></canvas>
-        <canvas id="camera" width=480 height=360></canvas>
+        <div class="canvasContainer">
+            <canvas id="2space" width=480 height=360></canvas>
+            <div class="overlay"></div>
+        </div>
+        <div class="canvasContainer">
+            <canvas id="camera" width=480 height=360></canvas>
+            <div class="overlay"></div>
+        </div>
     </div>
     <div id="editor">
         <select name="mode" id="mode"></select>