Commit 26049bd1 authored by Albert Gräf's avatar Albert Gräf
Browse files

Port at least some of Ico's important tweaks from default.css to the other styles.

parent 6ff531cf
...@@ -12,6 +12,17 @@ body { ...@@ -12,6 +12,17 @@ body {
font-family: "DejaVu Sans Mono"; font-family: "DejaVu Sans Mono";
} }
#hscroll:hover, #vscroll:hover {
background-color: rgba(0, 0, 0, 0.39) !important;
}
#hscroll, #vscroll {
background-color: rgba(0, 0, 0, 0.267);
}
#hscroll, #vscroll {
cursor: -webkit-grabbing;
}
.noselect { .noselect {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -164,7 +175,7 @@ mark.console_find_highlighted { ...@@ -164,7 +175,7 @@ mark.console_find_highlighted {
min-width: 3ch; min-width: 3ch;
position: absolute; position: absolute;
display: table-cell; display: table-cell;
padding: 3px 2px 3px 2px; padding: 1px 0px 3px 1.5px;
/* box-shadow: inset 1px 0px 0px 1px #000; */ /* box-shadow: inset 1px 0px 0px 1px #000; */
color: #a49aea; /* text color */ color: #a49aea; /* text color */
background-color: transparent; background-color: transparent;
...@@ -377,6 +388,18 @@ text { ...@@ -377,6 +388,18 @@ text {
-webkit-animation: fizzle 0.5s linear 1; -webkit-animation: fizzle 0.5s linear 1;
} }
#console_find {
width: 100%;
height: 1em;
padding-top: 2px;
padding-left: 3px;
padding-bottom: 9px;
background: silver;
position: fixed;
bottom: 0;
left: 0;
}
#canvas_find { #canvas_find {
width: 100%; width: 100%;
height: 1em; height: 1em;
...@@ -397,6 +420,19 @@ text { ...@@ -397,6 +420,19 @@ text {
box-shadow: 7px 7px 5px black; box-shadow: 7px 7px 5px black;
} }
/* Dialog to ask to save the patch before quitting */
#save_before_quit {
background-color: #f3f3f3;
border:1px solid #f3f3f3;
padding: 12px;
/* margin: 12px; */
/*box-shadow: 7px 7px 5px grey;*/
width: 70%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* Search dialog */ /* Search dialog */
.search_body { .search_body {
...@@ -418,6 +454,11 @@ text { ...@@ -418,6 +454,11 @@ text {
padding: 8px; padding: 8px;
} }
form {
margin-left: 4px;
margin-right: 4px;
}
fieldset { fieldset {
color: #a49aea; color: #a49aea;
background-color: #3e32a2; background-color: #3e32a2;
...@@ -487,7 +528,7 @@ input[name="receive_symbol"] { ...@@ -487,7 +528,7 @@ input[name="receive_symbol"] {
} }
input[name="label"] { input[name="label"] {
width: 8em; width: 9em;
} }
input[name="font_size"] { input[name="font_size"] {
...@@ -498,6 +539,18 @@ input[name="startup_flags"] { ...@@ -498,6 +539,18 @@ input[name="startup_flags"] {
width: 16em; width: 16em;
} }
/* All radios */
input[type="radio"] {
position: relative;
top: 2px;
}
/* All checkboxes */
input[type=checkbox] {
position: relative;
top: 2px;
}
/* Canvas dialog */ /* Canvas dialog */
div.x-scale { div.x-scale {
...@@ -554,13 +607,13 @@ div.y2 { ...@@ -554,13 +607,13 @@ div.y2 {
without becoming an order of magnitude more complex, do feel free... */ without becoming an order of magnitude more complex, do feel free... */
.prefs_tab_group { .prefs_tab_group {
display: table; display: table;
width: 90%; width: 100%;
} }
/* Configure the radio buttons to hide off-screen */ /* Configure the radio buttons to hide off-screen */
.prefs_tab { .prefs_tab {
position: absolute; position: absolute;
left:-100px; left:-500px;
top:-100px; top:-100px;
} }
...@@ -615,6 +668,13 @@ div.y2 { ...@@ -615,6 +668,13 @@ div.y2 {
height: 78vh; height: 78vh;
} }
#midi_in1, #midi_in2, #midi_in3, #midi_in4, #midi_in5,
#midi_in6, #midi_in7, #midi_in8, #midi_in9, #midi_in10,
#midi_out1, #midi_out2, #midi_out3, #midi_out4, #midi_out5,
#midi_out6, #midi_out7, #midi_out8, #midi_out9, #midi_out10 {
width: 205px;
}
.tab_settings { .tab_settings {
padding-top: 8px; padding-top: 8px;
color: #a49aea; color: #a49aea;
...@@ -685,3 +745,14 @@ input[name="rate"] { ...@@ -685,3 +745,14 @@ input[name="rate"] {
#titlebar_close_button:active { #titlebar_close_button:active {
background: #e2e2e2; background: #e2e2e2;
} }
input[type="color"] {
margin-bottom: 2px;
}
.foreground_color span,
.background_color span,
.label_color span {
position: relative;
bottom: 2px;
}
...@@ -12,6 +12,17 @@ body { ...@@ -12,6 +12,17 @@ body {
font-family: "DejaVu Sans Mono"; font-family: "DejaVu Sans Mono";
} }
#hscroll:hover, #vscroll:hover {
background-color: rgba(0, 0, 0, 0.39) !important;
}
#hscroll, #vscroll {
background-color: rgba(0, 0, 0, 0.267);
}
#hscroll, #vscroll {
cursor: -webkit-grabbing;
}
.noselect { .noselect {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -158,7 +169,7 @@ mark.console_find_highlighted { ...@@ -158,7 +169,7 @@ mark.console_find_highlighted {
min-width: 3ch; min-width: 3ch;
position: absolute; position: absolute;
display: table-cell; display: table-cell;
padding: 3px 2px 3px 2px; padding: 1px 0px 3px 1.5px;
/* box-shadow: inset 1px 0px 0px 1px #000; */ /* box-shadow: inset 1px 0px 0px 1px #000; */
background-color: transparent; background-color: transparent;
white-space: pre-wrap; white-space: pre-wrap;
...@@ -367,6 +378,18 @@ text { ...@@ -367,6 +378,18 @@ text {
-webkit-animation: fizzle 0.5s linear 1; -webkit-animation: fizzle 0.5s linear 1;
} }
#console_find {
width: 100%;
height: 1em;
padding-top: 2px;
padding-left: 3px;
padding-bottom: 9px;
background: silver;
position: fixed;
bottom: 0;
left: 0;
}
#canvas_find { #canvas_find {
width: 100%; width: 100%;
height: 1em; height: 1em;
...@@ -377,6 +400,19 @@ text { ...@@ -377,6 +400,19 @@ text {
left: 0; left: 0;
} }
/* Dialog to ask to save the patch before quitting */
#save_before_quit {
background-color: #f3f3f3;
border:1px solid #f3f3f3;
padding: 12px;
/* margin: 12px; */
/*box-shadow: 7px 7px 5px grey;*/
width: 70%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* Search dialog */ /* Search dialog */
.search_body { .search_body {
...@@ -398,6 +434,11 @@ text { ...@@ -398,6 +434,11 @@ text {
padding: 8px; padding: 8px;
} }
form {
margin-left: 4px;
margin-right: 4px;
}
fieldset { fieldset {
background-color:#eeeeee; background-color:#eeeeee;
border-radius:3px; border-radius:3px;
...@@ -461,7 +502,7 @@ input[name="receive_symbol"] { ...@@ -461,7 +502,7 @@ input[name="receive_symbol"] {
} }
input[name="label"] { input[name="label"] {
width: 8em; width: 9em;
} }
input[name="font_size"] { input[name="font_size"] {
...@@ -472,6 +513,18 @@ input[name="startup_flags"] { ...@@ -472,6 +513,18 @@ input[name="startup_flags"] {
width: 16em; width: 16em;
} }
/* All radios */
input[type="radio"] {
position: relative;
top: 2px;
}
/* All checkboxes */
input[type=checkbox] {
position: relative;
top: 2px;
}
/* Canvas dialog */ /* Canvas dialog */
div.x-scale { div.x-scale {
...@@ -528,13 +581,13 @@ div.y2 { ...@@ -528,13 +581,13 @@ div.y2 {
without becoming an order of magnitude more complex, do feel free... */ without becoming an order of magnitude more complex, do feel free... */
.prefs_tab_group { .prefs_tab_group {
display: table; display: table;
width: 90%; width: 100%;
} }
/* Configure the radio buttons to hide off-screen */ /* Configure the radio buttons to hide off-screen */
.prefs_tab { .prefs_tab {
position: absolute; position: absolute;
left:-100px; left:-500px;
top:-100px; top:-100px;
} }
...@@ -589,6 +642,13 @@ div.y2 { ...@@ -589,6 +642,13 @@ div.y2 {
height: 78vh; height: 78vh;
} }
#midi_in1, #midi_in2, #midi_in3, #midi_in4, #midi_in5,
#midi_in6, #midi_in7, #midi_in8, #midi_in9, #midi_in10,
#midi_out1, #midi_out2, #midi_out3, #midi_out4, #midi_out5,
#midi_out6, #midi_out7, #midi_out8, #midi_out9, #midi_out10 {
width: 205px;
}
.tab_settings { .tab_settings {
padding-top: 8px; padding-top: 8px;
} }
...@@ -658,3 +718,14 @@ input[name="rate"] { ...@@ -658,3 +718,14 @@ input[name="rate"] {
#titlebar_close_button:active { #titlebar_close_button:active {
background: #e2e2e2; background: #e2e2e2;
} }
input[type="color"] {
margin-bottom: 2px;
}
.foreground_color span,
.background_color span,
.label_color span {
position: relative;
bottom: 2px;
}
...@@ -26,6 +26,17 @@ body { ...@@ -26,6 +26,17 @@ body {
font-family: "DejaVu Sans Mono"; font-family: "DejaVu Sans Mono";
} }
#hscroll:hover, #vscroll:hover {
background-color: rgba(0, 0, 0, 0.39) !important;
}
#hscroll, #vscroll {
background-color: rgba(0, 0, 0, 0.267);
}
#hscroll, #vscroll {
cursor: -webkit-grabbing;
}
.noselect { .noselect {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -277,7 +288,7 @@ mark.console_find_highlighted { ...@@ -277,7 +288,7 @@ mark.console_find_highlighted {
min-width: 3ch; min-width: 3ch;
position: absolute; position: absolute;
display: table-cell; display: table-cell;
padding: 3px 2px 3px 2px; padding: 1px 0px 3px 1.5px;
/* box-shadow: inset 1px 0px 0px 1px #000; */ /* box-shadow: inset 1px 0px 0px 1px #000; */
color: black; /* text color */ color: black; /* text color */
background-color: transparent; background-color: transparent;
...@@ -495,6 +506,18 @@ text { ...@@ -495,6 +506,18 @@ text {
-webkit-animation: fizzle 0.4s linear 1; -webkit-animation: fizzle 0.4s linear 1;
} }
#console_find {
width: 100%;
height: 1em;
padding-top: 2px;
padding-left: 3px;
padding-bottom: 9px;
background: silver;
position: fixed;
bottom: 0;
left: 0;
}
#canvas_find { #canvas_find {
width: 100%; width: 100%;
height: 1em; height: 1em;
...@@ -516,6 +539,19 @@ text { ...@@ -516,6 +539,19 @@ text {
box-shadow: 7px 7px 5px grey; box-shadow: 7px 7px 5px grey;
} }
/* Dialog to ask to save the patch before quitting */
#save_before_quit {
background-color: #f3f3f3;
border:1px solid #f3f3f3;
padding: 12px;
/* margin: 12px; */
/*box-shadow: 7px 7px 5px grey;*/
width: 70%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* Search dialog */ /* Search dialog */
.search_body { .search_body {
...@@ -537,6 +573,11 @@ text { ...@@ -537,6 +573,11 @@ text {
padding: 8px; padding: 8px;
} }
form {
margin-left: 4px;
margin-right: 4px;
}
fieldset { fieldset {
/* font-family:Georgia; */ /* font-family:Georgia; */
background-color:#f3f3f3; background-color:#f3f3f3;
...@@ -605,7 +646,7 @@ input[name="receive_symbol"] { ...@@ -605,7 +646,7 @@ input[name="receive_symbol"] {
} }
input[name="label"] { input[name="label"] {
width: 8em; width: 9em;
} }
input[name="font_size"] { input[name="font_size"] {
...@@ -616,6 +657,18 @@ input[name="startup_flags"] { ...@@ -616,6 +657,18 @@ input[name="startup_flags"] {
width: 16em; width: 16em;
} }
/* All radios */
input[type="radio"] {
position: relative;
top: 2px;
}
/* All checkboxes */
input[type=checkbox] {
position: relative;
top: 2px;
}
/* Canvas dialog */ /* Canvas dialog */
div.x-scale { div.x-scale {
...@@ -685,13 +738,13 @@ div.y2 { ...@@ -685,13 +738,13 @@ div.y2 {
without becoming an order of magnitude more complex, do feel free... */ without becoming an order of magnitude more complex, do feel free... */
.prefs_tab_group { .prefs_tab_group {
display: table; display: table;
width: 90%; width: 100%;
} }
/* Configure the radio buttons to hide off-screen */ /* Configure the radio buttons to hide off-screen */
.prefs_tab { .prefs_tab {
position: absolute; position: absolute;
left:-100px; left:-500px;
top:-100px; top:-100px;
} }
...@@ -746,6 +799,13 @@ div.y2 { ...@@ -746,6 +799,13 @@ div.y2 {
height: 78vh; height: 78vh;
} }
#midi_in1, #midi_in2, #midi_in3, #midi_in4, #midi_in5,
#midi_in6, #midi_in7, #midi_in8, #midi_in9, #midi_in10,
#midi_out1, #midi_out2, #midi_out3, #midi_out4, #midi_out5,
#midi_out6, #midi_out7, #midi_out8, #midi_out9, #midi_out10 {
width: 205px;
}
.tab_settings { .tab_settings {
padding-top: 8px; padding-top: 8px;
} }
...@@ -815,3 +875,14 @@ input[name="rate"] { ...@@ -815,3 +875,14 @@ input[name="rate"] {
#titlebar_close_button:active { #titlebar_close_button:active {
background: #e2e2e2; background: #e2e2e2;
} }
input[type="color"] {
margin-bottom: 2px;
}
.foreground_color span,
.background_color span,
.label_color span {
position: relative;
bottom: 2px;
}
...@@ -12,6 +12,17 @@ body { ...@@ -12,6 +12,17 @@ body {
font-family: "DejaVu Sans Mono"; font-family: "DejaVu Sans Mono";
} }
#hscroll:hover, #vscroll:hover {
background-color: rgba(0, 0, 0, 0.39) !important;
}
#hscroll, #vscroll {
background-color: rgba(0, 0, 0, 0.267);
}
#hscroll, #vscroll {
cursor: -webkit-grabbing;
}
.noselect { .noselect {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -176,7 +187,7 @@ mark.console_find_highlighted { ...@@ -176,7 +187,7 @@ mark.console_find_highlighted {
min-width: 3ch; min-width: 3ch;
position: absolute; position: absolute;
display: table-cell; display: table-cell;
padding: 3px 2px 3px 2px; padding: 1px 0px 3px 1.5px;
/* box-shadow: inset 1px 0px 0px 1px #000; */ /* box-shadow: inset 1px 0px 0px 1px #000; */
color: white; /* text color */ color: white; /* text color */
background-color: transparent; background-color: transparent;
...@@ -210,6 +221,12 @@ text { ...@@ -210,6 +221,12 @@ text {
//cursor: default; //cursor: default;
} }
/* used for numbox2 to highlight contents when clicked on in runmode */
text.activated {
fill: red;
cursor: default;
}
/* not sure if this is still needed */ /* not sure if this is still needed */
.selected_border { .selected_border {
stroke: blue; stroke: blue;
...@@ -247,7 +264,7 @@ text { ...@@ -247,7 +264,7 @@ text {
} }
/* gatom "activated" text (i.e., when it has the keyboard focus) */