diff options
Diffstat (limited to 'examples/Vocabulary_Plants/css/lesson.css')
-rwxr-xr-x | examples/Vocabulary_Plants/css/lesson.css | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/examples/Vocabulary_Plants/css/lesson.css b/examples/Vocabulary_Plants/css/lesson.css new file mode 100755 index 0000000..ab4a328 --- /dev/null +++ b/examples/Vocabulary_Plants/css/lesson.css @@ -0,0 +1,94 @@ +body { + background-color : #EEEEEE ; + background-image:url(../assets/images/background.png); + background-repeat: no-repeat; + background-position:top center; + + } +#vocabTitle{ + position: absolute; + left:450px; + top:5px; + font: 30px Geneva, Helvetica, Verdana, Arial, sans-serif; + color: #FF9900; + font-weight:bold; +} + +#gameArea{ + float:left; + height: 450px; padding : 10px; margin-left: 100px; margin-top: 12px; + +} + +.vocabularyImg{ + padding: 2px; + margin: 0.5em; + margin:50px 0px 10px 75px; +} + +.imgNext{ + position:absolute; + left: 950px; + top: 490px; + width: 40px; + height: 36px; + +} +.imgPrev{ + position:absolute; + left: 950px; + top: 10px; + width: 40px; + height: 36px; + padding:1px; + margin: 0.1em; + +} +#vocabulary{ + margin: 5px 50px; +} + +#imageArea{ + position:relative; + width: 185px; + height: 185px; + padding: 15px; + margin: 0.6em; + float: left; +} + +.imgObject{ + position: relative; + width: 150px; + height: 150px; + margin: 0.25em; + padding: 5px; +} + + +.dropBox{ + + background-image:url(../assets/images/drop_box.png) ; + width: 119px; + height: 33px; + margin: 0.25em; + padding: 2px; +} + + + +#optionArea{ + position: absolute; + width: 980px; height: 40px; padding : 2px; left: 70px; top: 520px; + border: 2px solid green; +} +.dragImg{ + width: 110px; height: 33px; padding: 2px; margin: 0.1em; cursor: move; +} +#imgGameOver{ + display:none; + width: 200px; + height: 36px; + padding: 2px; + margin-left : 350px; +} |