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