s/600px/100%

nebocamin · Feb 28, 2013 · b54c4d5 · b54c4d5
1 parent 9a847ee
commit b54c4d5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 20 deletions.
diff --git a/www/play.html b/www/play.html
@@ -26,14 +26,6 @@
 </head>
 <body class="play">
 <div id="header"><div id="subheader">
-<div class="framelabel">This is the header. It is fixed at 72 pixels high, 
-in this template.</div>
-<div class="links">
-	&#x2014;
-	<a href="index.html">Home page</a>
-	&#x2014;
-	<span class="download"><a href="the secret of smiley island.gblorb">Story File</a> <span class="filetype">(Blorb,&nbsp;520KB)</span></span>
-</div>
 </div></div>
 
 <div id="column"><div id="subcolumn">
@@ -61,8 +53,6 @@
 </div></div>
 
 <div id="footer"><div id="subfooter">
-<div class="framelabel">This is the footer. It is fixed at 48 pixels high.
-To change it, edit the "footer height" lines.</div>
 </div></div>
 </body>
 </html>

diff --git a/www/style.css b/www/style.css
@@ -57,7 +57,7 @@ body
 #pageheader {
 	width: 100%;
 	top: 0px;
-	height: 72px; /* header height */
+	height: 2px; /* header height */
 	margin: 0px;
 	background: #EEE; /* this color fills the header, all the way across */
 }
@@ -67,15 +67,15 @@ body
 	position: absolute;
 	width: 100%;
 	top: 0px;
-	height: 72px; /* header height */
+	height: 2px; /* header height */
 	margin: 0px;
 	background: #EEE; /* this color fills the header, all the way across */
 }
 
 /* Used in all pages -- defines the width. */
 #subheader {
 	position: relative;
-	width: 600px; /* column width */
+	width: 100%; /* column width */
 	height: 100%;
 	margin: auto;
 	/* a background color here will fill the header at a width of 600px */
@@ -84,7 +84,7 @@ body
 /* Used in index.html and source.html. */
 #pagefooter {
 	width: 100%;
-	height: 48px; /* footer height */
+	height: 4px; /* footer height */
 	margin: 0px;
 	margin-top: 2em;
 	background: #EEE; /* this color fills the footer, all the way across */
@@ -95,15 +95,15 @@ body
 	position: absolute;
 	width: 100%;
 	bottom: 0px;
-	height: 48px; /* footer height */
+	height: 4px; /* footer height */
 	margin: 0px;
 	background: #EEE; /* this color fills the footer, all the way across */
 }
 
 /* Used in all pages -- defines the width. */
 #subfooter {
 	position: relative;
-	width: 600px; /* column width */
+	width: 100%; /* column width */
 	height: 100%;
 	margin: auto;
 	/* a background color here will fill the footer at a width of 600px */
@@ -123,23 +123,23 @@ with your own CSS classes.
 /* Used in index.html and source.html. */
 #pagecolumn {
 	width: 100%;
-	top: 72px; /* header height */
+	top: 2px; /* header height */
 	margin: 0px;
 }
 
 /* Used in play.html. */
 #column {
 	position: absolute;
 	width: 100%;
-	top: 72px; /* header height */
-	bottom: 48px; /* footer height */
+	top: 2px; /* header height */
+	bottom: 4px; /* footer height */
 	margin: 0px;
 }
 
 /* Used in all pages -- defines the width. */
 #subcolumn {
 	position: relative;
-	width: 600px; /* column width */
+	width: 100%; /* column width */
 	height: 100%;
 	margin: auto;
 }