diff options
author | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-09-07 04:44:49 (GMT) |
---|---|---|
committer | christophd@sugarlabs.org <christophd@sugarlabs.org> | 2009-09-07 04:44:49 (GMT) |
commit | 7c677c49c3315ebcf6a5d7ab3106cb794d47055d (patch) | |
tree | f510f42bcde7e5e32c78d6eac7946a5d5875f411 | |
parent | a598b1470c0fff4c1d19df1c30aab968f9f77cf9 (diff) |
now using <nav> tag for knabvar
-rwxr-xr-x | chakra/grade1mathematics.html | 8 | ||||
-rwxr-xr-x | css/chakra.css | 6 | ||||
-rwxr-xr-x | lessons/quadrilaterals/css/knavbar.css | 23 | ||||
-rwxr-xr-x | lessons/quadrilaterals/index.html | 16 |
4 files changed, 37 insertions, 16 deletions
diff --git a/chakra/grade1mathematics.html b/chakra/grade1mathematics.html index c255471..81f26ee 100755 --- a/chakra/grade1mathematics.html +++ b/chakra/grade1mathematics.html @@ -46,10 +46,10 @@ <div id="weeks"> <div id="weeksA" class="weeklist"> <li>Weeks:</li> -<li><a href="#week1"><img src="../assets/default/images/grade1.png" width="30px"></a></li> -<li><a href="#week2"><img src="../assets/default/images/grade2.png" width="30px"></a></li> -<li><a href="#week3"><img src="../assets/default/images/grade3.png" width="30px"></a></li> -<li><a href="#week4"><img src="../assets/default/images/grade4.png" width="30px"></a></li> +<li><a href="#week1"><img src="../assets/default/images/grade1.png" class="icon"></a></li> +<li><a href="#week2"><img src="../assets/default/images/grade2.png" class="icon"></a></li> +<li><a href="#week3"><img src="../assets/default/images/grade3.png" class="icon"></a></li> +<li><a href="#week4"><img src="../assets/default/images/grade4.png" class="icon"></a></li> <br /><br /> <div id="week1" class="lessonlist"> <li><a href="tab_grade7"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Adding up to 10" title="Adding up to 10"><div id="lessonname">Adding up to 10</div></a></li> diff --git a/css/chakra.css b/css/chakra.css index 2c7ce06..fcc289b 100755 --- a/css/chakra.css +++ b/css/chakra.css @@ -203,6 +203,12 @@ width: 250px; float:left; } +.icon +{ +width: 28px +} + + #weeks li a { text-decoration: none; diff --git a/lessons/quadrilaterals/css/knavbar.css b/lessons/quadrilaterals/css/knavbar.css index 828686a..c582001 100755 --- a/lessons/quadrilaterals/css/knavbar.css +++ b/lessons/quadrilaterals/css/knavbar.css @@ -69,7 +69,7 @@ padding: 0; margin: 0; } -#knavbar +nav { list-style: none; padding: 0; @@ -79,15 +79,14 @@ width:100%; background: #FFFFFF; } -#knavbar li +nav li { float: left; } -#knavbar li a +nav li a { height: 60px; -line-height: 3em; text-align: center; font-weight: bold; float: left; @@ -96,19 +95,27 @@ padding-left: 0.2em; padding-right: 0.2em; } -#knavbar img +nav img { border: none; width: 58px; } -#knavbar a:hover { +nav a:hover { text-decoration: underline; outline-width:1px; outline-style:solid; } -#knavbar a.selected { +nav a.selected { text-decoration: underline; background: #BDBDBD; -}
\ No newline at end of file +} + +.centeredImage +{ +text-align:center; +margin-top:0px; +margin-bottom:0px; +padding:0px; +} diff --git a/lessons/quadrilaterals/index.html b/lessons/quadrilaterals/index.html index b551ad6..bff66d8 100755 --- a/lessons/quadrilaterals/index.html +++ b/lessons/quadrilaterals/index.html @@ -1,3 +1,4 @@ +<!DOCTYPE HTML> <html lang="en"> <head> @@ -17,7 +18,7 @@ <body> <div id="lesson"> -<ul id="knavbar"> +<nav> <li id="back"><a href="../../index.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li> <li id="chakra"><a href="../../index.html"><img src="../../assets/default/images/chakra_logo.png" alt="Chakra" title="Chakra"></a></li> @@ -28,7 +29,7 @@ <li id="resources"><a href="#tab_resources"><img src="../../assets/default/images/resources.png" alt="Resources" title="Resources"></a></li> <li id="help"><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li> <li id="logo"><a href="http://olenepal.org/" target="_blank"><img src="assets/generic/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site"></a></li> -</ul> +</nav> <div id="tab_welcome" class="usual"> <div id="welcome"> @@ -36,8 +37,8 @@ <div id="subject">Mathematics</div> <div id="lesson_name">Quadrilaterals</div> -<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="tutorial_link" class="centeredImage"><img src="../../assets/default/images/tutorial.png" alt="Tutorial" title="Tutorial"></div> +<div id="exercise_link" class="centeredImage"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></div> <div id="welcome_refs"><a href="assets/en/docs/teachernotes.swf" target="_blank">Teacher's note</a></div> <div id="welcome_refs"><img src="assets/generic/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal"></div> @@ -81,6 +82,13 @@ </div> <script type="text/javascript"> +$(document).ready(function() { + //$('#tab_welcome').hide(); + $('#tab_exercise').show(); +}); +</script> + +<script type="text/javascript"> $("#knavbar").idTabs(); </script> |