diff options
Diffstat (limited to 'examples/2_English_colorIdentification/css/lesson.css')
-rwxr-xr-x | examples/2_English_colorIdentification/css/lesson.css | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/examples/2_English_colorIdentification/css/lesson.css b/examples/2_English_colorIdentification/css/lesson.css new file mode 100755 index 0000000..764bb3d --- /dev/null +++ b/examples/2_English_colorIdentification/css/lesson.css @@ -0,0 +1,83 @@ +@CHARSET "UTF-8"; +body { + background: url(../assets/images/background.jpg) no-repeat; +} + + +#gameArea{ + margin-top: 10px auto; + margin-left: 10%; + float: left; + width: 500px; + padding:10px; +} + + + +.imageBox{ + + margin-top: 0px; + margin-left: 350px; + width: 220px; + height: 220px; + padding: 10px; +} + +.checkedOption{ + position: absolute; + top: 40%; + left: 70%; + width:120px; + height:120px; + padding: 5px; +} + +#options{ + margin-left:25px; + margin-top:50px; + width:650px; + height:80px; + padding: 10px; +} + +.optImg{ + width:120px; + height: 40px; + background-color: yellow; + padding:5px; + border: 2px solid green; + margin: 0.5em; +} + +#scoreArea{ + margin-left:5%; + color: red; + width: 45px; + padding: 5px; + background: #FFFFFF; + border: 2px solid red; + background: black; + padding: 10px; +} + +.playAgain{ + position:absolute; + top: 10px; + margin-left: 100px; + width:115px; + height: 30px; + padding: 2px; + } +input{ + color:green; + +} +#gameOver{ + margin-left:300px; + width: 180px; + height: 20px; + font: 25px "Rockwell Extra Bold", Geneva, Arial, Helvetica, sans-serif,Times New Roman; + font-weight: bold; + background-color: #ccc; + padding: 10px; +} |