summaryrefslogtreecommitdiff
path: root/css/codeq.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/codeq.css')
-rw-r--r--css/codeq.css70
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 */