Clearer way to illustrate hierarchy. Thanks @spite!

docs/api/cameras/Camera.html

-<h1>[name] &larr; [page:Object3D]</h1>
+[page:Object3D] &rarr;
+
+<h1>[name]</h1>
 
 <div class="desc">Abstract base class for cameras.</div>
 

docs/api/cameras/PerspectiveCamera.html

-<h1>[name] &larr; [page:Camera] &larr; [page:Object3D]</h1>
+[page:Object3D] &rarr; [page:Camera] &rarr;
+
+<h1>[name]</h1>
 
 <div class="desc">Camera with perspective projection.</div>
 

docs/index.html

@@ -31,8 +31,8 @@
 
 				#panel h1 {
 					color: #999;
-					font-size: 18px;
-					margin-top: 30px;
+					font-size: 16px;
+					margin-top: 16px;
 					margin-left: 20px;
 				}
 
@@ -49,7 +49,7 @@
 				#viewer h1 {
 					color: #444;
 					font-size: 25px;
-					margin-top: 25px;
+					margin-top: 10px;
 				}
 
 				#viewer h2 {
@@ -344,7 +344,7 @@
 						text = text.replace(/\[page:(\w+)\]/gi, "<a href=\"javascript:goTo('$1')\" title=\"$1\">$1</a>" );
 						text = text.replace(/\[page:(\w+) (\w+)\]/gi, "<a href=\"javascript:goTo('$1')\" title=\"$1\">$2</a>" );
 
-						viewer.innerHTML = text + '<br>';
+						viewer.innerHTML = '<br>' + text + '<br>';
 
 					}