More CSS cleanups

1 files changed, 16 insertions, 91 deletions

diff --git a/css/codeq.css b/css/codeq.css
index 0bd02b3..a54ea2a 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -239,18 +239,17 @@ div.vertical-line{
     font-weight: bold;
 }
 
-/* code_editor */
-.block.block2  {
-    padding-top: 3em; /* padding-top = 2*block-toolbar.padding + .btn.height */
-    padding-bottom: 1.5em; /* padding-bottom = .block-statusbar.height */
+.block-editor  {
+    padding-top: 3em; /* padding-top = 2*.toolbar.padding + .btn.height */
+    padding-bottom: 1.5em; /* padding-bottom = .statusbar.height */
 }
 
-.block > .code_editor {
+.block-editor > .code-editor {
     border-bottom: 1px solid #e5e5e5;
     border-top: 1px solid #e5e5e5;
 }
 
-.block-toolbar {
+.block-editor > .toolbar {
     position: absolute;
     right: 0;
     left: 0;
@@ -259,7 +258,7 @@ div.vertical-line{
     padding: 0.5em;
 }
 
-.block-statusbar {
+.block-editor > .statusbar {
     height: 1.5em;
     line-height: 1em;
     padding: 0.25em;
@@ -306,7 +305,7 @@ div.vertical-line{
 }
 
 /* robot connection & sensor info */
-#screen-robot .block3 .status {
+#screen-robot .block-console .status {
     background-color: #666;
     border: 1px solid #444;
     color: yellow;
@@ -332,39 +331,11 @@ div.vertical-line{
         overflow: auto;
         min-height: 100%; height: 100%;
     }
-
-    /* prolog */
-    /* code_editor */
-    .line-layout#screen-prolog .block.block2 {
-        min-height: 100%; height: 100%;
-        min-width: 50%; width: 50%;
-    }
-    /* console */
-    .line-layout#screen-prolog .block.block3 {
-        min-height: 100%; height: 100%;
-        min-width: 50%; width: 50%;
-    }
-
-    /* python */
-    /* code_editor */
-    .line-layout#screen-python .block.block2 {
-        min-height: 100%; height: 100%;
-        min-width: 50%; width: 50%;
-    }
-    /* console */
-    .line-layout#screen-python .block.block3 {
-        min-height: 100%; height: 100%;
-        min-width: 50%; width: 50%;
-    }
-
-    /* robot */
-    /* code_editor */
-    .line-layout#screen-robot .block.block2 {
+    .line-layout .block.block-editor {
         min-height: 100%; height: 100%;
         min-width: 50%; width: 50%;
     }
-    /* console */
-    .line-layout#screen-robot .block.block3 {
+    .line-layout .block.block-console {
         min-height: 100%; height: 100%;
         min-width: 50%; width: 50%;
     }
@@ -374,67 +345,23 @@ div.vertical-line{
         overflow: auto;
         min-height: 50%; height: 50%;
     }
-
-    /* prolog */
     .quadrants.square-layout#screen-prolog > * > .block {
         overflow: auto;
         min-height: 100%; height: 100%;
     }
     /* instructions+hints */
-    .square-layout#screen-prolog .block-left {
-        min-width: 33%; width: 33%;
-    }
-    /* code_editor + console */
-    .square-layout#screen-prolog .block-right {
-        min-width: 67%; width: 67%;
-    }
-    /* code_editor */
-    .square-layout#screen-prolog .block.block2 {
-        min-height: 50%; height: 50%;
-        min-width: 100%; width: 100%;
-    }
-    /* console */
-    .square-layout#screen-prolog .block.block3 {
-        min-height: 50%; height: 50%;
-        min-width: 100%; width: 100%;
-    }
-
-    /* python */
-    /* instructions+hints */
-    .square-layout#screen-python .block-left {
-        min-width: 33%; width: 33%;
-    }
-    /* code_editor + console */
-    .square-layout#screen-python .block-right {
-        min-width: 67%; width: 67%;
-    }
-    /* code_editor */
-    .square-layout#screen-python .block.block2 {
-        min-height: 50%; height: 50%;
-        min-width: 100%; width: 100%;
-    }
-    /* console */
-    .square-layout#screen-python .block.block3 {
-        min-height: 50%; height: 50%;
-        min-width: 100%; width: 100%;
-    }
-
-    /* robot */
-    /* instructions+hints */
-    .square-layout#screen-robot .block-left {
+    .square-layout .block-left {
         min-width: 33%; width: 33%;
     }
-    /* code_editor + console */
-    .square-layout#screen-robot .block-right {
+    /* editor + console */
+    .square-layout .block-right {
         min-width: 67%; width: 67%;
     }
-    /* code_editor */
-    .square-layout#screen-robot .block.block2 {
+    .square-layout .block.block-editor {
         min-height: 50%; height: 50%;
         min-width: 100%; width: 100%;
     }
-    /* console */
-    .square-layout#screen-robot .block.block3 {
+    .square-layout .block.block-console {
         min-height: 50%; height: 50%;
         min-width: 100%; width: 100%;
     }
@@ -448,14 +375,12 @@ div.vertical-line{
         border-right: 1px solid #ddd;
     }
 
-    /* code_editor */
-    .block > .code_editor {
+    .block-editor > .code-editor {
         min-height: 100%;
         height: 100%;
     }
 
-    /* console */
-    .block > .console {
+    .block-console > .console {
         height: 100%;
         overflow-y: auto;
     }