diff options
Diffstat (limited to 'examples/lessons/6_Maths_lowestCommonMultiple/css/lesson.css')
| -rwxr-xr-x | examples/lessons/6_Maths_lowestCommonMultiple/css/lesson.css | 393 |
1 files changed, 393 insertions, 0 deletions
diff --git a/examples/lessons/6_Maths_lowestCommonMultiple/css/lesson.css b/examples/lessons/6_Maths_lowestCommonMultiple/css/lesson.css new file mode 100755 index 0000000..0bbcdc6 --- /dev/null +++ b/examples/lessons/6_Maths_lowestCommonMultiple/css/lesson.css @@ -0,0 +1,393 @@ +@CHARSET "UTF-8";
+/****** Page Styles ****/
+
+/* Designed for 1200*900 px screen resolution */
+*{
+ margin:0;
+}
+body {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 10pt;
+ margin: 0px;
+ background-color: #FFFFCC;
+}
+#header {
+ background-image: url(../assets/image/bg_header.png);
+ background-repeat: repeat-x;
+ height: 75px;
+ width: 100%;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+}
+#topbtn_left {
+ float: left;
+ height: 60px;
+ width: 60px;
+ padding-top: 6px;
+ padding-left: 15px;
+}
+
+
+ .linkBack{
+ width: 60px; height: 59px;
+ background:url(../assets/image/btn_back.png);
+ }
+ .linkBack:hover{
+ background:url(../assets/image/btn_back_hover.png);
+ }
+
+#lesson_title {
+ float: left;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 16pt;
+ font-weight: bold;
+ color: #FFFFFF;
+ margin-left: 10px;
+ background-image: url(../assets/image/bg_title_block.png);
+}
+#topbtn_right {
+ float: right;
+ height: 60px;
+ width: 60px;
+ padding-top: 6px;
+ padding-right: 15px;
+}
+ #linkHelp{
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_help.png);
+ }
+ #linkHelp:hover{
+ background:url(../assets/image/btn_help_hover.png);
+ }
+ #linkOle{
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_ole.png);
+ }
+ #linkOle:hover{
+ background:url(../assets/image/btn_ole_hover.png);
+ }
+ .linkNext{
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_next.png);
+ }
+ .linkNext:hover{
+ background:url(../assets/image/btn_next_hover.png);
+ }
+#footer {
+ position:relative;
+ background-image: url(../assets/image/bg_footer.png);
+ background-repeat: repeat-x;
+ height: 75px;
+ width: 100%;
+ left: 0px;
+ bottom: 0px;
+}
+#score_box {
+ float: left;
+ padding-left: 5px;
+ padding-top: 0.7em;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #FFFF00;
+ font-size: 16pt;
+ font-weight: bold;
+}
+#botbtn_right {
+ float: right;
+ height: 55px;
+ padding-right: 5px;
+ padding-top: 10px;
+}
+
+ #linkStart{
+ width: 251px; height: 55px;
+ background:url(../assets/image/btn_start.png);
+ }
+ #linkStart:hover{
+ background:url(../assets/image/btn_start_hover.png);
+ }
+ #linkStart:active{
+ background:url(../assets/image/btn_start_mouse_down.png);
+ }
+ #linkPlayAgain{
+ width: 251px; height: 55px;
+ background:url(../assets/image/btn_play_again.png);
+ }
+ #linkPlayAgain:hover{
+ background:url(../assets/image/btn_play_again_hover.png);
+ }
+ #linkPlayAgain:active{
+ background:url(../assets/image/btn_play_again_mouse_down.png);
+ }
+
+
+#timerBar {
+ display:none;
+ position: absolute;
+ left: 30%;
+ bottom: 25%;
+ width: 200px;
+ height:35px;
+ padding-left: 10px;
+ padding-top: 0px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #FFFF00;
+ font-size: 16pt;
+ font-weight: bold;
+ }
+
+ .timerBoxes{ /* Show the timer running after the game has began.... */
+ float:right;
+ width: 50px;
+ height: 35px;
+ border: 2px dotted green;
+ color: blue;
+ text-align:center;
+ font : bold 25px Arial Black, Times New Roman;
+ background: #ACC;
+ }
+
+#linkNextLesson{
+ position:absolute;
+ bottom: 75px;
+ right: 10px;
+}
+#linkPrevLesson{
+ display:none;
+ position:absolute;
+ bottom: 75px;
+ left: 10px;
+}
+
+/**** End of the page style ****/
+
+/**** Game Styles ****/
+
+a{
+ color:#FFFFCC;
+}
+img{
+ border:none;
+}
+#currentTitle{
+ width: 150px;
+ height: 80px;
+ font:25px/30px "Courier New", Courier, monospace;
+ font-weight: bold;
+ color: red;
+}
+#content{
+ position:relative;
+ margin: 0px auto;
+ margin-top: 80px;
+ width: 1198px;
+ height: 555px;
+}
+.nextBtn{
+ position:absolute;
+ width: 145px;
+ height: 55px;
+ cursor: pointer;
+ background:url(../assets/image/nextBtn.png);
+}
+.nextBtn:hover{
+ background:url(../assets/image/nextBtnHover.png);
+ }
+
+
+
+.showAns{
+ margin: .2em 6em 0 2em;
+ width: 145px;
+ height: 55px;
+ cursor: pointer;
+ background:url(../assets/image/showAnsBtn.png);
+}
+.showAns:hover{
+ background:url(../assets/image/showAnsBtnHover.png);
+}
+.checkAns{
+ margin: .2em 1em;
+ width: 145px;
+ height: 55px;
+ cursor: pointer;
+ background:url(../assets/image/checkAnsBtn.png);
+}
+.checkAns:hover{
+ background:url(../assets/image/checkAnsBtnHover.png);
+ }
+#moreQues{
+ margin: .2em 1em;
+ width: 145px;
+ height: 55px;
+ cursor: pointer;
+ background:url(../assets/image/moreQuesBtn.png);
+}
+#moreQues:hover{
+ background:url(../assets/image/moreQuesBtnHover.png);
+ }
+.exerciseButtons{
+ position:absolute;
+ width: 159px;
+ height: 54px;
+ cursor: pointer;
+}
+
+#exercise1{
+ background:url(../assets/image/exercise1.png);
+}
+#exercise1:hover{
+ background:url(../assets/image/exercise1Hover.png);
+}
+#exercise2{
+ background:url(../assets/image/exercise2.png);
+}
+#exercise2:hover{
+ background:url(../assets/image/exercise2Hover.png);
+}
+#exercise3{
+ background:url(../assets/image/exercise3.png);
+}
+#exercise3:hover{
+ background:url(../assets/image/exercise3Hover.png);
+}
+
+
+ input.inputBox{
+ size:3;
+ font: 25px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ height:30px;
+ width: 100px;
+ text-align:center;
+ }
+
+
+
+ input.ansBox{
+ size:4;
+ font: 25px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ height:30px;
+ width: 120px;
+ text-align:center;
+ margin-left: 1em;
+ }
+ .default{
+ background-color: #A6E4FE;
+ }
+ .focus {
+ background-color: #FF9900;
+ }
+ .incorrect {
+ background-color: yellow;
+ }
+
+
+/* Exercise */
+#exerciseContainer{
+ margin: 2px auto;
+ width: 80em;
+ height: 40em;
+ text-align:center;
+}
+.exerciseTitle{
+ margin: .5em 10em;
+}
+.questions{
+ margin: 0 auto;
+ padding: .2em;
+ width: 35em;
+ height: 4em;
+ text-align:left;
+}
+ .numbersBox{
+ width: 6em;
+ border: 2px solid #000;
+ float:left;
+ text-align:center;
+ font: 30px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ background-color: #A6E4FE;
+
+ }
+ .inpBox{
+ float:left;
+ }
+.romanNums{
+ float:left;
+ width: 2em;
+ font: 25px/35px bold Verdana, Geneva, Arial, Helvetica, sans-serif;
+}
+.displayBox{
+ margin: .3em 1em;
+ float:left;
+ width: 24px;
+ height: 24px;
+}
+#giveOptions{
+ margin: 3em auto 1em auto;
+ width: 20em;
+ height: 2em;
+ font: 30px Verdana, Geneva, Arial, Helvetica, sans-serif;
+}
+.options{
+ float:left;
+ width: 100px;
+ height: 40px;
+ margin: 0.2em;
+ background-color: #A6E4FE;
+ border: 2px solid black;
+}
+/*Utilities */
+.float-left{ float:left; }
+.float-right{ float:right; }
+.float-center{ margin:0px 10em;}
+.marginMore{margin: 0px 20em;}
+.clear {clear: both;}
+
+
+
+
+
+
+#help{
+ display:none;
+ position:absolute;
+ right: 60px;
+ top: 75px;;
+ width: 256px;
+ height: 600px;
+ background:url(../assets/image/help.png);
+ z-index:40;
+}
+.backOpaque{
+ background-color: #A4A4A4;
+ opacity: 0.2;
+ }
+
+ #gameOver{
+ opacity: 1;
+ display:none;
+ position:absolute;
+ top:45%;
+ left: 35%;
+ color: blue;
+ text-align:center;
+ font : bold 45px/65px Arial Black, Times New Roman;
+ }
+ #gameOverInfo{
+ margin-top: 35px;
+ text-align:center;
+ font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
+ font-weight:bold;
+ color:#FF0000;
+
+ }
+ .specialText{
+ margin-top: 1em;
+ font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
+ font-weight:bold;
+ color:#FF9900;
+ border-bottom: 2px dotted #CCC;
+
+ }
|