Browse files

cleaner inline doc

  • Loading branch information...
1 parent 824eef1 commit 9c2113343a1155a5fed2feae7062a079c206b469 @jeromeetienne committed Jan 12, 2012
Showing with 12 additions and 11 deletions.
  1. +2 −2 css/main.css
  2. +10 −9 index.html
View
4 css/main.css
@@ -8,7 +8,7 @@ body {
font-family : arial;
font-size : 100%;
}
-#info {
+#info .top {
position : absolute;
top : 0px;
width : 100%;
@@ -22,7 +22,7 @@ body {
#info a:hover {
text-decoration : underline;
}
-#inlineDoc {
+#info .bottom {
position : absolute;
bottom : 0px;
right : 5px;
View
19 index.html
@@ -25,12 +25,14 @@
<div id="container"></div>
<!-- info on screen display -->
<div id="info">
- <a href="http://learningthreejs.com/blog/2011/12/20/boilerplate-for-three-js/" target="_blank">LearningThree.js</a>
- boiler plate for
- <a href="https://github.com/mrdoob/three.js/" target="_blank">three.js</a>
- </div>
- <div id="inlineDoc">
- <span id="fullscreenDoc"><i>f</i> for fullscreen - </span><i>p</i> for screenshot
+ <div class="top">
+ <a href="http://learningthreejs.com/blog/2011/12/20/boilerplate-for-three-js/" target="_blank">LearningThree.js</a>
+ boiler plate for
+ <a href="https://github.com/mrdoob/three.js/" target="_blank">three.js</a>
+ </div>
+ <div class="bottom" id="inlineDoc" >
+ - <i>p</i> for screenshot
+ </div>
</div>
<script type="text/javascript">
@@ -82,9 +84,8 @@
THREEx.Screenshot.bindKey(renderer);
// allow 'f' to go fullscreen where this feature is supported
if( THREEx.FullScreen.available() ){
- THREEx.FullScreen.bindKey();
- }else{
- document.getElementById('fullscreenDoc').style.display = "none";
+ THREEx.FullScreen.bindKey();
+ document.getElementById('inlineDoc').innerHTML += "- <i>f</i> for fullscreen";
}
// here you add your objects

0 comments on commit 9c21133

Please sign in to comment.