B type problem screen ... so far only for Python

1 files changed, 65 insertions, 5 deletions

diff --git a/css/codeq.css b/css/codeq.css
index a701d5c..44901f0 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -51,8 +51,8 @@ body {
 
 /* screen problems*/
 .block {
-    border-right: 1px solid #e5e5e5;
-    border-bottom: 1px solid #e5e5e5;
+    /*border-right: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;*/
     padding: 0;
     min-height: 4em;
     overflow: hidden;
@@ -63,11 +63,17 @@ body {
     padding: 0.5em 0.5em 20px 0.5em;
 }
 
-/* info */
+.block.block1  {
+    border-bottom: 1px solid #ddd;
+}
+
+
+/* hints */
 .block > .hints {
     padding: 0.5em 0.5em 20px 0.5em;
 }
 
+
 /* code_editor */
 .block > .code_editor {
 }
@@ -82,6 +88,7 @@ body {
     background: black;
     font-size: 14px;
     padding: 0;
+    min-height: 4em;
 }
 
 .block-label {
@@ -156,6 +163,17 @@ body {
         min-height: 100%; height: 100%;
     }
 
+    /* code_editor */
+    #screen_python .block.block2 {
+        min-height: 100%; height: 100%;
+    }
+
+    /* console */
+    #screen_python .block.block3 {
+        min-height: 100%; height: 100%;
+    }
+
+
 }
 
 /* md */
@@ -170,12 +188,31 @@ body {
         min-height: 50%; height: 50%;
     }
 
+    .quadrants#screen_python > * > .block {
+        overflow: auto;
+        min-height: 100%; height: 100%;
+    }
+
+    /* code_editor */
+    #screen_python .block.block2 {
+        min-height: 50%; height: 50%;
+    }
+
+    /* console */
+    #screen_python .block.block3 {
+        min-height: 50%; height: 50%;
+    }
+
 }
 
 /* md & ld */
 @media (min-width: 992px) {
-    /* description */
-    .block > .description {
+    .block-left, .block-right {
+        min-height: 100%; height: 100%;
+    }
+
+    .block-left {
+        border-right: 1px solid #ddd;
     }
 
     /* info */
@@ -184,6 +221,20 @@ body {
         overflow-y: auto;
     }
 
+    .block.block1  {
+        border-right: 1px solid #ddd;
+    }
+
+    #screen_python .block.block1 {
+        min-height: 30%; height: 30%;
+        border-right: 0;
+    }
+
+    /* hints */
+    #screen_python .block.block4 {
+        min-height: 70%; height: 70%;
+    }
+
     /* code_editor */
     .block > .code_editor {
         min-height: 100%;
@@ -214,6 +265,15 @@ body {
 @media (max-width: 767px) {
 }
 
+/* xs & sm */
+@media (max-width: 991px) {
+
+    /* info */
+    .block.block4  {
+        border-bottom: 1px solid #ddd;
+    }
+
+}
 
 /* codeq hints */