|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
1 |
#console_body { |
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
2 |
background-color: white; |
|
346
by mattgiuca
consolee/console.css: |
3 |
position: absolute; |
|
565
by stevenbird
larger font size for console text |
4 |
font-size: 150%; |
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
5 |
color: black; |
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
6 |
padding: 0; |
7 |
width: 100%; |
|
|
346
by mattgiuca
consolee/console.css: |
8 |
top: 0; |
9 |
bottom: 0; |
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
10 |
}
|
11 |
/* console_body when displayed as a window panel and not the whole app */
|
|
12 |
#console_body.windowpane { |
|
13 |
position: fixed; |
|
|
346
by mattgiuca
consolee/console.css: |
14 |
top: auto; /* Do not fix to top */ |
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
15 |
bottom: 0; |
16 |
left: 0; |
|
17 |
right: 0; |
|
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
18 |
z-index: 1; /* Go in front of console_filler */ |
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
19 |
}
|
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
20 |
#console_body.windowpane.minimal { |
21 |
border-top: 1px solid black; |
|
22 |
}
|
|
|
346
by mattgiuca
consolee/console.css: |
23 |
#console_body.windowpane #console_body2 { |
24 |
/* Need some padding in windowpane mode */
|
|
25 |
/* (In full mode, things are positioned absolutely) */
|
|
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
26 |
padding: 0.5em; |
27 |
}
|
|
28 |
/* Heading bar */
|
|
29 |
#console_heading { |
|
30 |
background-color: gray; |
|
31 |
border: 2px solid black; |
|
32 |
padding: 2px; |
|
33 |
color: black; |
|
34 |
font-family: monospace; |
|
35 |
font-weight: bold; |
|
36 |
}
|
|
37 |
/* If "minimized", console_heading and console_output are hidden */
|
|
38 |
#console_body.minimal #console_heading, |
|
39 |
#console_body.minimal #console_output, |
|
40 |
/* If "maximized", the maximize button is hidden */
|
|
41 |
#console_body.maximal .maximize { |
|
42 |
display: none; |
|
43 |
}
|
|
44 |
/* Minimize/maximize button */
|
|
45 |
.console_button { |
|
46 |
cursor: pointer; /* Display hand cursor, since this is a button */ |
|
47 |
position: absolute; |
|
48 |
right: 0.5em; |
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
49 |
}
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
50 |
#console_output { |
|
346
by mattgiuca
consolee/console.css: |
51 |
/*height: 20em;*/ /* Might be needed for windowpane mode */ |
52 |
/*margin-bottom: 0.5em;*/
|
|
53 |
position: absolute; |
|
54 |
/* 2em is to accomodate the header bar, and some padding */
|
|
55 |
top: 2em; |
|
56 |
/* 2.5em is to accomodate the input bar, and padding either side */
|
|
57 |
bottom: 2.5em; |
|
58 |
/* left and right 0.5em are just for horizontal padding */
|
|
59 |
left: 0.5em; |
|
60 |
right: 0.5em; |
|
61 |
/* Display scroll bars */
|
|
62 |
overflow: scroll; |
|
|
382
by mattgiuca
media/console/console.css: CSS hack to remove horizontal scrollbar on some |
63 |
/* Some browsers support overflow-x and overflow-y. In this case, use
|
64 |
* overflow-x: auto to disable the horizontal scroll bar.
|
|
65 |
* (If unsupported this will simply fall back to a harmless but annoying
|
|
66 |
* horizontal scroll bar).
|
|
67 |
*/
|
|
68 |
overflow-x: auto; |
|
|
346
by mattgiuca
consolee/console.css: |
69 |
}
|
70 |
#console_body.windowpane #console_output { |
|
71 |
/* Don't want this absolutely positioned in windowpane mode */
|
|
72 |
position: static; |
|
73 |
/* Give it an explicit height instead */
|
|
|
708
by mattgiuca
tutorial: Proper escaping of exercise title and pre-placed solutions. |
74 |
height: 15em; |
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
75 |
margin-bottom: 0.5em; |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
76 |
}
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
77 |
#console_input { |
|
346
by mattgiuca
consolee/console.css: |
78 |
position: absolute; |
79 |
/* Input bar goes along the bottom. Pad all sides */
|
|
80 |
left: 0.5em; |
|
81 |
right: 0.5em; |
|
82 |
bottom: 0.5em; |
|
83 |
}
|
|
84 |
#console_body.windowpane #console_input { |
|
85 |
/* Don't want this absolutely positioned in windowpane mode */
|
|
86 |
position: static; |
|
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
87 |
}
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
88 |
#console_prompt { |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
89 |
font-family: monospace; |
90 |
}
|
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
91 |
#console_inputText { |
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
92 |
background-color: white; |
|
587
by mattgiuca
Make the console input text box a bit smaller. |
93 |
font-size: 80%; |
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
94 |
color: black; |
|
640
by drtomc
console: A bit of restyling so that the input box, the interrupt button and |
95 |
width: 75%; |
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
96 |
}
|
|
590
by mattgiuca
console: Added disabling of the input box when waiting for a response from the |
97 |
#console_inputText.disabled { |
98 |
background-color: #aaa; |
|
99 |
}
|
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
100 |
/* console filler takes up the same space as console_body.windowpane
|
101 |
* but its position is relative, not fixed.
|
|
102 |
* This avoids having the console overlap with the bottom 28em of page
|
|
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
103 |
* content.
|
104 |
* It has two classes. "windowpane" turns it on. "minimal" or "maximal"
|
|
105 |
* control its height.
|
|
106 |
*/
|
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
107 |
#console_filler { |
108 |
display: none; |
|
109 |
}
|
|
110 |
#console_filler.windowpane { |
|
111 |
display: block; |
|
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
112 |
z-index: -1; /* Go behind the actual console */ |
113 |
width: 100%; |
|
114 |
position: relative; |
|
115 |
bottom: 0; |
|
116 |
left: 0; |
|
117 |
right: 0; |
|
118 |
}
|
|
119 |
#console_filler.maximal { |
|
120 |
/* total height of console = 20em + 1em + 0.5em + 0.5em + 0.5em + 1em + borders
|
|
121 |
*/
|
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
122 |
height: 24em; |
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
123 |
}
|
124 |
#console_filler.minimal { |
|
125 |
/* total height of console = 1em + 0.5em + 0.5em
|
|
126 |
*/
|
|
127 |
height: 2em; |
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
128 |
}
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
129 |
*.errorMsg { |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
130 |
color: red; |
131 |
margin-top: 0em; |
|
132 |
margin-bottom: 0em; |
|
133 |
}
|
|
|
654
by mattgiuca
console.js|css: |
134 |
*.inputPrompt { |
135 |
color: #800; /* Deep red */ |
|
136 |
font-weight: bold; |
|
137 |
margin-top: 0em; |
|
138 |
margin-bottom: 0em; |
|
139 |
}
|
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
140 |
*.inputMsg { |
|
549
by stevenbird
Changed console from reverse video to normal (white background, black |
141 |
color: #404040; |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
142 |
margin-top: 0em; |
143 |
margin-bottom: 0em; |
|
144 |
}
|
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
145 |
*.outputMsg { |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
146 |
margin-top: 0em; |
147 |
margin-bottom: 0em; |
|
148 |
}
|