Docs/Examples: css clean up.

docs/index.html

@@ -32,21 +32,7 @@
 				overflow: hidden;
 			}
 
-			a {
-				color: #2194CE;
-				text-decoration: none;
-			}
-
-			#panel {
-				position: fixed;
-				left: 0px;
-				width: 260px;
-				height: 100%;
-				overflow: auto;
-				background: #fafafa;
-			}
-
-				#panel h1 {
+				h1 {
 					margin-top: 30px;
 					margin-bottom: 40px;
 					margin-left: 20px;
@@ -54,7 +40,7 @@
 					font-weight: normal;
 				}
 
-				#panel h2 {
+				h2 {
 					color: #454545;
 					font-size: 18px;
 					font-weight: normal;
@@ -63,7 +49,7 @@
 					margin-left: 20px;
 				}
 
-				#panel h3 {
+				h3 {
 					color: #666;
 					font-size: 16px;
 					font-weight: normal;
@@ -72,6 +58,20 @@
 					margin-left: 20px;
 				}
 
+			a {
+				color: #2194CE;
+				text-decoration: none;
+			}
+
+			#panel {
+				position: fixed;
+				left: 0px;
+				width: 260px;
+				height: 100%;
+				overflow: auto;
+				background: #fafafa;
+			}
+
 				#panel ul {
 					list-style-type: none;
 					padding: 0px;
@@ -164,6 +164,10 @@
 				}
 
 			@media all and ( max-width: 640px ) {
+				h1{
+					margin-top: 20px;
+					margin-bottom: 20px;
+				}
 				#panel{
 					position: absolute;
 					left: 0;
@@ -175,10 +179,6 @@
 					overflow: hidden;
 					border-bottom: 1px solid #dedede;
 				}
-				#panel h1{
-					margin-top: 20px;
-					margin-bottom: 20px;
-				}
 				#content{
 					position: absolute;
 					left: 0;
@@ -209,7 +209,7 @@
 
 		<div id="panel" class="collapsed">
 			<h1><a href="http://threejs.org">three.js</a> / docs</h1>
-			<a id="expandButton" href="#" >
+			<a id="expandButton" href="#">
 				<span></span>
 				<span></span>
 				<span></span>

examples/index.html

@@ -32,6 +32,19 @@
 				overflow: hidden;
 			}
 
+			h1 {
+				margin-top: 30px;
+				margin-bottom: 40px;
+				margin-left: 20px;
+				font-size: 25px;
+				font-weight: normal;
+			}
+
+			h2 {
+				font-size: 20px;
+				font-weight: normal;
+			}
+
 			a {
 				color: #2194CE;
 				text-decoration: none;
@@ -46,19 +59,6 @@
 				background: #fafafa;
 			}
 
-				#panel h1 {
-					margin-top: 30px;
-					margin-bottom: 40px;
-					margin-left: 20px;
-					font-size: 25px;
-					font-weight: normal;
-				}
-
-				#panel h2 {
-					font-size: 20px;
-					font-weight: normal;
-				}
-
 				#panel #content {
 					padding: 0px 20px;
 				}
@@ -130,6 +130,10 @@
 				}
 
 			@media all and ( max-width: 640px ) {
+				h1{
+					margin-top: 20px;
+					margin-bottom: 20px;
+				}
 				#panel{
 					position: absolute;
 					left: 0;
@@ -141,10 +145,6 @@
 					overflow: hidden;
 					border-bottom: 1px solid #dedede;
 				}
-				#panel h1{
-					margin-top: 20px;
-					margin-bottom: 20px;
-				}
 				#content{
 					position: absolute;
 					left: 0;
@@ -176,7 +176,7 @@
 
 		<div id="panel" class="collapsed">
 			<h1><a href="http://threejs.org">three.js</a> / examples</h1>
-			<a id="expandButton" href="#" >
+			<a id="expandButton" href="#">
 				<span></span>
 				<span></span>
 				<span></span>
@@ -450,6 +450,7 @@
 
 		//
 
+		var panel = document.getElementById( 'panel' );
 		var content = document.getElementById( 'content' );
 		var viewer = document.getElementById( 'viewer' );