1 files changed, 47 insertions, 23 deletions
diff --git a/examples/quadrilaterals/css/lesson.css b/examples/quadrilaterals/css/lesson.css
index f37eb8c..5163336 100755
--- a/examples/quadrilaterals/css/lesson.css
+++ b/examples/quadrilaterals/css/lesson.css
@@ -5,37 +5,61 @@
 	height: 400px;
 }
 
-#Karma
-{
-	position: relative;
+#leftArea {
+    width: 60%;
+    display: inline;
+    float: left;
+    height: 100%;
 }
 
-#canvasDrawing
-{
-	position: absolute;
-	top: 0px;
-	left: 0px;
+#rightArea {
+    width: 40%;
+    display: inline;
+    float: left;
+    height: 100%;
 }
 
-#canvasTmp
-{
-	position: absolute;
-	top: 0px;
-	left: 0px;
+#leftTop {
+    height: 20%;
+}
+
+#leftMiddle {
+    height: 60%;
 }
 
-#btnerase
+#leftBottom {
+    height: 20%;
+    float: left;
+}
+
+
+#rightTop {
+    height: 30%;
+}
+
+#rightMiddle {
+    height: 40%;
+}
+
+#rightBottom {
+    height: 30%;
+}
+
+
+
+
+
+
+#Karma
 {
-	position: absolute; 
-	top: 270px;
-	left: 130px;
+	position: relative;
 }
 
-#btn
+.canvas
 {
 	position: absolute;
-	top: 180px;
-	left: 400px;
+	top: 0px;
+	left: 0px;
 }
 
 #left
@@ -44,7 +68,7 @@
 	width: 350px;
 }
 
-#right
-{
-	margin-left: 350px;
+.left { 
+    float:left;
 }
+