more experimentation with the lesson navigation

3 files changed, 30 insertions, 71 deletions

diff --git a/lessons/quadrilaterals/css/knavbar.css b/lessons/quadrilaterals/css/knavbar.css
index 37755ce..1eace33 100755
--- a/lessons/quadrilaterals/css/knavbar.css
+++ b/lessons/quadrilaterals/css/knavbar.css
@@ -1,34 +1,31 @@
 body
 { 
-background:#A4A4A4;
+background: #D8D8D8;
 margin:0;
 padding:0;
 }
 
-#subject
+iframe
 {
-text-align: center;
-font-weight: bold;
-font-size: 150%;
+width: 800px;
+height: 440px;
 }
 
-#lesson_name
+#subject
 {
 text-align: center;
 font-weight: bold;
 font-size: 150%;
 }
 
-#teachers_note
+#lesson_name
 {
 text-align: center;
 font-weight: bold;
 font-size: 150%;
-width: 50%;
-float: left;
 }
 
-#lesson_plan
+#welcome_refs
 {
 text-align: center;
 font-weight: bold;
@@ -62,17 +59,7 @@ position: middle;
 #lesson
 {
 width:800px;
-position: fixed;
-left: 50%;
-top: 50%;
-margin-left: -400px;
-margin-top: -10.75em;
-}
-
-#knavbar a:hover {
-text-decoration: underline;
-outline-width:1px;
-outline-style:solid;
+background: #BDBDBD;
 }
 
 #tab_support ul
@@ -87,9 +74,9 @@ margin: 0;
 list-style: none;
 padding: 0;
 margin: 0;
-background:#1C1C1C;
 float:left;
 width:100%;
+background: #FFFFFF;
 }
 
 #knavbar li
@@ -99,57 +86,29 @@ float: left;
 
 #knavbar li a
 {
-height: 75px;
-line-height: 2em;
-width: 100%;
-text-decoration: none;
+height: 60px;
+line-height: 3em;
 text-align: center;
 font-weight: bold;
 float: left;
 color:#000000;
+padding-left: 0.2em;
+padding-right: 0.2em;
 }
 
 #knavbar img
 {
 border: none;
-width: 75px;
-background: #FFFFFF;
+width: 58px;
 }
 
 #knavbar a:hover {
-  text-decoration: underline;
+text-decoration: underline;
+outline-width:1px;
+outline-style:solid;
 }
 
 #knavbar a.selected {
 text-decoration: underline;
-}
-
-#welcome
-{
-background:#D7DF01;
-}
-
-#tutorial
-{
-background:#DF0101;
-}
-
-#exercise
-{
-background:#5FB404;
-}
-
-#game
-{
-background:#045FB4;
-}
-
-#support
-{
-background:#848484;
-}
-
-#download
-{
-background:#848484;
-}
+background: #BDBDBD;
+}
\ No newline at end of file
diff --git a/lessons/quadrilaterals/css/quadrilaterals.css b/lessons/quadrilaterals/css/quadrilaterals.css
index a2ae7e9..7785e9a 100755
--- a/lessons/quadrilaterals/css/quadrilaterals.css
+++ b/lessons/quadrilaterals/css/quadrilaterals.css
@@ -1,3 +1,9 @@
+body
+{ 
+margin:0;
+padding:0;
+}
+
 #Karma { position: relative; }
 #canvasDrawing { position: absolute; top: 0px; left: 0px; }
 #canvasTmp { position: absolute; top: 0px; left: 0px; }
diff --git a/lessons/quadrilaterals/index.html b/lessons/quadrilaterals/index.html
index 0b2ae93..98283a3 100755
--- a/lessons/quadrilaterals/index.html
+++ b/lessons/quadrilaterals/index.html
@@ -39,31 +39,25 @@
 <div id="tutorial_link"><img src="../../assets/default/images/tutorial.png" alt="Tutorial" title="Tutorial"></div>
 <div id="exercise_link"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></div>
 
-<div id="teachers_note"><a href="assets/en/docs/teachernotes.swf" target="_blank">Teacher's note</a></div>
-<div id="lesson_plan"><a href="assets/en/docs/lessonplan.swf" target="_blank">Lesson plan</a></div>
+<div id="welcome_refs"><a href="assets/en/docs/teachernotes.swf" target="_blank">Teacher's note</a></div>
+<div id="welcome_refs"><a href="assets/en/docs/lessonplan.swf" target="_blank">Lesson plan</a></div>
 </div>
 </div>
 
 <div id="tab_tutorial">
-<div id="tutorial">
-<iframe scrolling="no" frameborder="0" src="tutorial.html" width="870px" height="500px" name="karma_tutorial">
+<iframe scrolling="no" frameborder="0" src="tutorial.html" name="karma_tutorial">
 </iframe>
 </div>
-</div>
 
 <div id="tab_exercise">
-<div id="exercise">
-<iframe scrolling="no" frameborder="0" src="exercise.html" width="870px" height="500px" name="karma_exercise">
+<iframe scrolling="no" frameborder="0" src="exercise.html" name="karma_exercise">
 </iframe>
 </div>
-</div>
 
 <div id="tab_game">
-<div id="game">
-<iframe scrolling="no" frameborder="0" src="game.html" width="870px" height="500px" name="karma_game">
+<iframe scrolling="no" frameborder="0" src="game.html" name="karma_game">
 </iframe>
 </div>
-</div>
 
 <div id="tab_resources">
 <div id="resources">