← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to ivle/webapp/console/media/console.css

  • Committer: Matt Giuca
  • Date: 2009-02-25 03:04:08 UTC
  • mto: This revision was merged to the branch mainline in revision 1119.
  • Revision ID: matt.giuca@gmail.com-20090225030408-5e13v4felqc4aybr
(almost) all HTML pages updated: Moved <h1>s outside of the ivle-padding div.
    Added new <h1>s to pages which didn't have any, and reduced <h1s> down to
    <h2s> if they didn't represent the page heading.

h1s now represent the top-level heading of a page. The new style sheet styles
them specially, designed to appear directly underneath the tab bar. Therefore,
they need to appear outside of any padding.

util.py: Removed the <h1> from the default-generated terms of service page.
    (All other TOS pages should follow). There is now a <h1> at the top of the
    TOS template page instead.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/console/media/console.css
1
1
#console_body {
2
 
    background-color: black;
 
2
    background-color: white;
3
3
    position: absolute;
4
 
    color: white;
 
4
    color: black;
5
5
    padding: 0;
6
6
    width: 100%;
7
7
    top: 0;
16
16
    right: 0;
17
17
    z-index: 1;     /* Go in front of console_filler */
18
18
}
 
19
#console_body.windowpane.minimal {
 
20
    border-top: 1px solid black;
 
21
}
19
22
#console_body.windowpane #console_body2 {
20
23
    /* Need some padding in windowpane mode */
21
24
    /* (In full mode, things are positioned absolutely) */
22
 
    padding: 0.5em;
 
25
    padding: 0.2em;
23
26
}
24
27
/* Heading bar */
25
28
#console_heading {
56
59
    right: 0.5em;
57
60
    /* Display scroll bars */
58
61
    overflow: scroll;
 
62
    /* Some browsers support overflow-x and overflow-y. In this case, use
 
63
     * overflow-x: auto to disable the horizontal scroll bar.
 
64
     * (If unsupported this will simply fall back to a harmless but annoying
 
65
     * horizontal scroll bar).
 
66
     */
 
67
    overflow-x: auto;
59
68
}
60
69
#console_body.windowpane #console_output {
61
70
    /* Don't want this absolutely positioned in windowpane mode */
62
71
    position: static;
63
72
    /* Give it an explicit height instead */
64
 
    height: 20em;
 
73
    height: 15em;
65
74
    margin-bottom: 0.5em;
66
75
}
 
76
 
 
77
#console_body.windowpane.maximal, #console_body.windowpane #console_heading {
 
78
    -moz-border-radius-topleft: 10px;
 
79
    -moz-border-radius-topright: 10px;
 
80
}
 
81
 
67
82
#console_input {
68
83
    position: absolute;
69
84
    /* Input bar goes along the bottom. Pad all sides */
71
86
    right: 0.5em;
72
87
    bottom: 0.5em;
73
88
}
 
89
 
74
90
#console_body.windowpane #console_input {
75
91
    /* Don't want this absolutely positioned in windowpane mode */
76
92
    position: static;
79
95
    font-family: monospace;
80
96
}
81
97
#console_inputText {
82
 
    background-color: black;
83
 
    color: white;
84
 
    width: 90%;
 
98
    font-family: monospace;
 
99
    width: 75%;
85
100
}
 
101
 
86
102
/* console filler takes up the same space as console_body.windowpane
87
103
 * but its position is relative, not fixed.
88
104
 * This avoids having the console overlap with the bottom 28em of page
103
119
    right: 0;
104
120
}
105
121
#console_filler.maximal {
106
 
    /* total height of console = 20em + 1em + 0.5em + 0.5em + 0.5em + 1em + borders
107
 
     */
108
 
    height: 24em;
 
122
    /* Trial and error is useful to work this out. */
 
123
    height: 14em;
109
124
}
110
125
#console_filler.minimal {
111
 
    /* total height of console = 1em + 0.5em + 0.5em
112
 
     */
113
 
    height: 2em;
 
126
    /* Trial and error is useful to work this out. */
 
127
    height: 1em;
114
128
}
115
 
pre.errorMsg {
 
129
*.errorMsg {
116
130
    color: red;
117
131
    margin-top: 0em;
118
132
    margin-bottom: 0em;
119
133
}
120
 
pre.inputMsg {
121
 
    color: gray;
122
 
    margin-top: 0em;
123
 
    margin-bottom: 0em;
124
 
}
125
 
pre.outputMsg {
 
134
*.inputPrompt {
 
135
    color: #800;    /* Deep red */
 
136
    font-weight: bold;
 
137
    margin-top: 0em;
 
138
    margin-bottom: 0em;
 
139
}
 
140
*.inputMsg {
 
141
    color: #404040;
 
142
    margin-top: 0em;
 
143
    margin-bottom: 0em;
 
144
}
 
145
*.outputMsg {
126
146
    margin-top: 0em;
127
147
    margin-bottom: 0em;
128
148
}