diff options
Diffstat (limited to 'examples/lessons/6_English_VocabularyAnimals/css/lesson.css')
| -rwxr-xr-x | examples/lessons/6_English_VocabularyAnimals/css/lesson.css | 306 |
1 files changed, 306 insertions, 0 deletions
diff --git a/examples/lessons/6_English_VocabularyAnimals/css/lesson.css b/examples/lessons/6_English_VocabularyAnimals/css/lesson.css new file mode 100755 index 0000000..0a38c18 --- /dev/null +++ b/examples/lessons/6_English_VocabularyAnimals/css/lesson.css @@ -0,0 +1,306 @@ +@CHARSET "UTF-8";
+/****** Page Styles ****/
+
+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: 89px;
+ width: 100%;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+}
+#topbtn_left {
+ float: left;
+ height: 60px;
+ width: 60px;
+ padding-top: 13px;
+ padding-left: 5px;
+}
+
+
+ #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: 13px;
+ padding-right: 5px;
+}
+ #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 {
+ background-image: url(../assets/image/bg_footer.png);
+ background-repeat: repeat-x;
+ position: absolute;
+ height: 69px;
+ width: 100%;
+ left: 0px;
+ bottom: 0px;
+}
+#score_box {
+ float: left;
+ padding-left: 5px;
+ padding-top: 10px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #FFFF00;
+ font-size: 16pt;
+ font-weight: bold;
+}
+#botbtn_right {
+ float: right;
+ height: 55px;
+ /*width: 251px;*/
+ padding-right: 5px;
+ padding-top: 5px;
+}
+
+ #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);
+ }
+
+/**** End of the page style ****/
+
+/**** Game Styles ****/
+
+a{
+ color:#FFFFCC;
+}
+a img{
+ border: 0;
+}
+#currentTitle{
+ width: 150px;
+ height: 80xp;
+ font:25px/30px "Courier New", Courier, monospace;
+ font-weight: bold;
+ color: red;
+}
+#content{
+ margin: 0px auto;
+ margin-top: 85px;
+ width: 100%;
+ height: 400px;
+
+}
+ #section{
+ width: 1000px;
+ height: 390px;
+ margin: 5px auto;
+ }
+
+ #topText{
+ margin: 1px auto;
+ height: 25px;
+ font: 20px/25px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ color: #0000FF;
+ text-align:center;
+ }
+ #imgAnimalsDisplay{
+ margin: 5px auto;
+ width: 300px;
+ height: 300px;
+ text-align:center;
+ }
+ #animalText{
+ margin: 5px auto;
+ width: 175px;
+ height: 25px;
+ font: 20px/25px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ color: #000000;
+ text-align:center;
+
+ }
+
+ /*** 2nd section ****/
+ #infoText{
+ padding: 5px;
+ width: 500px;
+ height: 30px;
+ font: 15px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ color: #000000;
+ text-align:center;
+
+ }
+ .imgVol{
+ float:left;
+ width: 48px;
+ height: 48px;
+ background-image: url(../assets/image/volImage.png);
+ }
+ #imgPuzzleArea{
+ margin-left: 100px;
+ margin-top: 15px;
+ width: 306px;
+ height: 306px;
+ border:1px solid #A8F42D;
+ }
+ .imgPuzzle{
+ float: left;
+ width: 100px;
+ height: 100px;
+ border:1px solid #A8F42D;
+ }
+ .default{
+ background-color: #C8FFC2;
+ }
+
+ #dragImgSection{
+ position:absolute;
+ top: 25%;
+ right: 5%;
+ width: 510px;
+ height: 306px;
+ border:1px solid #A8F42D;
+ }
+ .imgAnim{
+ margin-top: 75px;
+ }
+
+ .drophover{
+ background: #FF9900;
+ }
+
+
+ .backOpaque{
+ background-color: #A4A4A4;
+ opacity: 0.2;
+ }
+
+ #confirmSection{
+ position: absolute;
+ top: 20%;
+ left: 42%;
+ width: 580px;
+ height: 350px;
+
+ }
+ #checkAnswer{
+ float:left;
+ margin-top: 50px;
+ width: 100px;
+ height: 92px;
+ }
+
+ #confirmBox{
+ margin-top: 50px;
+ margin-left:30px;
+ width: 300px;
+ height: 250px;
+ border: 2px solid #E2D97F;
+ background-color: #000;
+ opacity: 0.8;
+ -moz-border-radius : 20px;
+ -webkit-border-radius : 20px;
+ border-radius : 20px;
+
+ }
+
+ #confimBtn{
+ margin: 1em auto;
+ width: 120px;
+ height: 35px;
+ background: url(../assets/image/confirm.png);
+ }
+ #dragTxtSection{
+ position: absolute;
+ margin: 0.5em auto;
+ top: 8%;
+ right: 10%;
+ width: 100px;
+ height: 303px;
+ border: 2px solid #FF9900;
+ text-align:center;
+ }
+
+ #help{
+ position:absolute;
+ right: 20%;
+ top: 1%;
+ width: 224px;
+ height: 525px;
+ background:url(../assets/image/help.png);
+ z-index:40;
+ }
+ #gameOver{
+ position:absolute;
+ top: 40%;
+ left: 25%;
+ width: 500px;
+ text-align:center;
+ font: 30px/35px Verdana, Geneva, Arial, Helvetica, sans-serif;
+ font-weight:bold;
+ color:red;
+ }
+ #gameOverInfo{
+ margin-top: 35px;
+ text-align:center;
+ font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
+ font-weight:bold;
+ color:#06D946;
+
+ }
+ .specialText{
+ font: 20px/25px Helvetica, Geneva, Arial, Verdana, sans-serif;
+ font-weight:bold;
+ color:#FF9900;
+ border-bottom: 2px dotted #CCC;
+ }
\ No newline at end of file |