cleaned up css on mytest.css

2 files changed, 40 insertions, 85 deletions

diff --git a/examples/adding_up_to_10/css/mytest.css b/examples/adding_up_to_10/css/mytest.css
index 46bfe62..09e3af1 100755
--- a/examples/adding_up_to_10/css/mytest.css
+++ b/examples/adding_up_to_10/css/mytest.css
@@ -14,7 +14,7 @@ width:80%;
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:blue none repeat scroll 0 0;
+background:none none repeat scroll 0 0;
 float:left;
 height:100%;
 position:relative;
@@ -36,7 +36,7 @@ width:100%;
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:yellow none repeat scroll 0 0;
+background:none none repeat scroll 0 0;
 float:left;
 height:100%;
 position:relative;
@@ -46,7 +46,7 @@ width:45%;
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:red none repeat scroll 0 0;
+background:none none repeat scroll 0 0;
 float:left;
 height:100%;
 position:relative;
@@ -56,64 +56,33 @@ width:10%;
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:green none repeat scroll 0 0;
+background:none none repeat scroll 0 0;
 float:left;
 height:100%;
 position:relative;
 width:45%;
 }
-#actionBottomLeft {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:yellow none repeat scroll 0 0;
-float:left;
-height:100%;
-position:relative;
-width:33.3%;
-}
-#actionBottomMiddle {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:red none repeat scroll 0 0;
-float:left;
-height:100%;
-position:relative;
-width:33.3%;
-}
-#actionBottomRight {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:green none repeat scroll 0 0;
-float:left;
-height:100%;
-position:relative;
-width:33.3%;
-}
 #actionTopLeftBox {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:blue none repeat scroll 0 0;
-height:60%;
+background:none none repeat scroll 0 0;
+height:70%;
 left:30%;
 position:absolute;
-top:30%;
+top:20%;
 width:60%;
 }
 #actionTopLeftCanvas {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:black none repeat scroll 0 0;
-bottom:20%;
-height:30%;
-left:50%;
-position:relative;
-top:40%;
-width:40%;
+background:none none repeat scroll 0 0;
+height:70%;
+left:30%;
+position:absolute;
+top:20%;
+width:60%;
 }
 #plussign {
 left:25%;
@@ -124,28 +93,36 @@ top:60%;
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:blue none repeat scroll 0 0;
-height:60%;
+background: none none repeat scroll 0 0;
+height:70%;
 position:absolute;
 right:30%;
-top:30%;
+top:20%;
 width:60%;
 }
 #actionTopRightCanvas {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
-background:black none repeat scroll 0 0;
-bottom:20%;
-height:30%;
+background:none none repeat scroll 0 0;
+height:70%;
 position:absolute;
 right:30%;
-top:40%;
-width:40%;
+top:20%;
+width:60%;
 }
+
 .actionBottom {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:none none repeat scroll 0 0;
+float:left;
+height:100%;
 position:relative;
+width:33.3%;
 }
+
 .actionBottomBox {
 left:10%;
 position:absolute;
@@ -153,37 +130,15 @@ width:75%;
 height:75%;
 top:10%;
 }
-#sidebarTop {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:blue none repeat scroll 0 0;
-clear:both;
-float:left;
-height:33%;
-position:relative;
-width:100%;
-}
-#sidebarMiddle {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:red none repeat scroll 0 0;
-clear:both;
-float:left;
-height:33%;
-width:100%;
-}
-#sidebarBottom {
--moz-background-clip:border;
--moz-background-inline-policy:continuous;
--moz-background-origin:padding;
-background:green none repeat scroll 0 0;
-clear:both;
-float:left;
-height:33%;
-width:100%;
+
+#sidebar section {
+    clear:both;
+    float:left;
+    height:33%;
+    position:relative;
+    width:100%;
 }
+
 #timer {
 display:block;
 height:60%;
diff --git a/examples/adding_up_to_10/mytest.html b/examples/adding_up_to_10/mytest.html
index 63730eb..17ad9d3 100755
--- a/examples/adding_up_to_10/mytest.html
+++ b/examples/adding_up_to_10/mytest.html
@@ -50,13 +50,13 @@
 
     </div>
     <aside id="sidebar">
-      <section id="sidebarTop">
+      <section>
 	<img id="timer" class="sidebarItem" src="assets/generic/images/scorebox.png" alt=""/>
       </section>
-      <section id="sidebarMiddle">
+      <section>
 	<img id="scorebox" class="sidebarItem" src="assets/generic/images/scorebox.png" alt=""/>
       </section>
-      <section id="sidebarBottom">
+      <section>
 	<div id="chimpDiv"><img id="chimp" class="sidebarItem" src="assets/generic/images/normalChimp_200x209.png" alt=""/></div>
       <button id="buttonReset" class="sidebarItem">RESET</button>