1 files changed, 92 insertions, 0 deletions
diff --git a/examples/2_English_vocabularyDomesticAnimals/css/lesson.css b/examples/2_English_vocabularyDomesticAnimals/css/lesson.css
new file mode 100755
index 0000000..69f7557
--- /dev/null
+++ b/examples/2_English_vocabularyDomesticAnimals/css/lesson.css
@@ -0,0 +1,92 @@
+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{
+	width: 739px;
+	height:475px;	
+	margin:50px 0px 0px 75px;
+}
+
+.imgNext{
+	position:absolute;
+	left: 950px;
+	top: 480px;
+	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: 5px;
+	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: 950px;	height: 40px;	padding : 2px;  left: 25px; top: 485px;
+	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;
+}