diff options
Diffstat (limited to 'examples/adding_up_to_10_canvas/css/lesson.css')
-rwxr-xr-x | examples/adding_up_to_10_canvas/css/lesson.css | 173 |
1 files changed, 173 insertions, 0 deletions
diff --git a/examples/adding_up_to_10_canvas/css/lesson.css b/examples/adding_up_to_10_canvas/css/lesson.css new file mode 100755 index 0000000..5147cfa --- /dev/null +++ b/examples/adding_up_to_10_canvas/css/lesson.css @@ -0,0 +1,173 @@ + +#main { +width:800px; +height:600px; +position:absolute; +} +#action { +float:left; +position:relative; +width: 650px; +height: 600px; + +} +#sidebar { +background-image: url(../assets/generic/images/sidebar.png); +-moz-background-clip:border; +-moz-background-inline-policy:continuous; +-moz-background-origin:padding; +background:none none repeat scroll 0 0; +float:left; +height:600px; +position:relative; +width:150px; +} +#actionTop { +width: 650px; +height: 300px; +position:relative; +} +#bottom { +clear:both; +float:left; +width: 650px; +height: 300px; +position:relative; +} +#topLtSide { +float:left; +width: 300px; +height: 300px; +position:relative; +} +#topMd { +-moz-background-clip:border; +-moz-background-inline-policy:continuous; +-moz-background-origin:padding; +background:none none repeat scroll 0 0; +float:left; +width: 50px; +height: 300px; +position:relative; +} +#topRtSide { +float:left; +width: 300px; +height:300px; +position:relative; +} +#topLtBox { +-moz-background-clip:border; +-moz-background-inline-policy:continuous; +-moz-background-origin:padding; +background:none none repeat scroll 0 0; +width: 200px; +height: 200px; +left: 75px; +position:absolute; +top:50px; +} + +#topLtCanvas { +-moz-background-clip:border; +-moz-background-inline-policy:continuous; +-moz-background-origin:padding; +background:none none repeat scroll 0 0; +position:absolute; +top: 50px; +left: 75px; +} +#plussign { +display: block; +margin-left: auto; +margin-right: auto; +margin-top: 150px; +} +#topRtBox { +background: none none repeat scroll 0 0; +width: 200px; +height: 200px; +position:absolute; +right: 50px; +top: 50px; +} +#topRtCanvas { +background:none none repeat scroll 0 0; +position:absolute; +left: 50px; +right:50px; +top:50px; +} + +.bottom { +-moz-background-clip:border; +-moz-background-inline-policy:continuous; +-moz-background-origin:padding; +background:none none repeat scroll 0 0; +float:left; +width: 216.5px; +height: 300px; +position:relative; +} + +.bottomBox { + left:25px; + position:absolute; + width: 200px; + height: 200px; + top: 20px; +} + +.sidebarItem { + clear:both; + float:left; + width:150px; + height: 200px; + position: relative; +} + +#timer { +position:absolute; +width:100px; +height:150px; +top:10px; +left:25px; +} + +#timerCanvas { +position:absolute; +width:100px; +height:150px; +top:10px; +left:25px; +} + +#scorebox { +position:absolute; +width:100px; +height:150px; +top:10px; +left:25px; +} + +#scoreboxCanvas { +position:absolute; +width:100px; +height:150px; +top:10px; +left:25px; +} + + +#chimpCanvas { +position:absolute; +top:10px; +left:25px; + +} + +#buttons { +position:absolute; +top:80%; +} + |