← Back to branch summary

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

« back to all changes in this revision

Viewing changes to www/media/common/ivle.css

  • Committer: mattgiuca
  • Date: 2008-01-30 05:09:03 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:331
Console: Configured console to display properly as a "floating" window in the
tutorial page.
The console now has two "modes" (normal mode and "windowpane" mode). This is
switched by the JavaScript, and enables different CSS styling (and will
further enable different behaviour).

Styled the console (black). In windowpane mode, there is an additional div at
the bottom which fills up the space, and the console is floated on top of it.
(With position:fixed). This lets it appear at the bottom of the screen no
matter where the user scrolls.

Added console_app.css and console_app.js, which are necessary for things
specific to the "Console" application but not all instances of the console.

Changed the styling and layout of tutorial HTML/CSS to accomodate the console
(it needed to go outside the padded box).

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
16
16
    font-size: 0.95em;
17
17
}
18
18
 
19
 
a {
 
19
a:link, a:visited {
20
20
    color: navy;
21
 
    text-decoration: underline;
22
 
    cursor: pointer;
23
21
}
24
22
a:hover, a:active, a:focus {
25
23
    color: blue;
32
30
/** Special styles for header section **/
33
31
 
34
32
#ivleheader {
35
 
    position: absolute;
36
33
    background-color: #fea;
37
 
    padding: 0;
38
 
    border-bottom: 1px solid black;
39
 
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
40
 
     * #ivleheader.height to update it. */
41
 
    height: 5.3em;
42
 
    left: 0;
43
 
    right: 0;
44
 
    z-index: 1;     /* Background to all, but the body */
45
 
}
46
 
 
47
 
#ivleheader_text {
48
34
    /* Pad left and right. */
49
 
    position: absolute;
50
35
    padding: 0 1em;
51
 
    left: 0;
52
 
    right: 0;
53
 
    z-index: 3;     /* In front */
 
36
    border-bottom: 1px solid black;
 
37
    min-height: 4.3em;
54
38
}
55
39
 
56
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
57
 
#ivleheader_text h1 {
 
41
#ivleheader h1 {
58
42
    position: absolute;
59
43
    text-align: left;
60
44
    font-size: 3.8em;
63
47
    margin: 0;
64
48
    padding: 0;
65
49
}
66
 
#ivleheader_text h2 {
 
50
#ivleheader h2 {
67
51
    position: absolute;
68
52
    text-align: left;
69
53
    font-size: 1.3em;
72
56
    padding: 0;
73
57
}
74
58
 
75
 
/* Note: The body has NO PADDING by default (unlike plain HTML).
76
 
 * This is because almost all of the apps need this behaviour.
77
 
 * If a particular app needs padding, it should manually wrap all of its
78
 
 * output in a <div id="ivle_padding">.
79
 
 */
 
59
/* Note: You can override this in app-specific CSS if you want to
 
60
 * push the body all the way to the edge. */
80
61
#ivlebody {
81
 
    /* This is positioned absolutely so that its content can be positioned
82
 
     * absolutely as well, and so height: 100% really means it. */
83
 
    position: absolute;
84
 
    top: 5.3em;             /* == #ivleheader.height */
85
 
    bottom: 0;
86
 
    width: 100%;
87
 
    z-index: 0;     /* Behind header */
88
 
}
89
 
 
90
 
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
91
 
 * element, if 1em of padding is desired (otherwise there will be no padding).
92
 
 */
93
 
#ivle_padding {
94
62
    padding: 1em;
95
63
}
96
64
 
97
 
.userhello {
 
65
p.userhello {
98
66
    font-size: .8em;
99
67
    top: 0;
100
68
    text-align: right;
101
69
    padding: 11px 0;
102
70
    margin: 0;
103
71
}
104
 
.userhello .username {
 
72
p.userhello .username {
105
73
    font-weight: bold;
106
74
}
107
75
 
108
 
/* The tabs bar is positioned absolutely, unlike the other header content.
109
 
 * This allows it to be aligned exactly with the bottom of the header bar.
110
 
 */
111
 
#ivleheader_tabs {
112
 
    position: absolute;
113
 
    height: 5.3em;          /* == #ivleheader.height */
114
 
    top: 0;
115
 
    left: 0;
116
 
    right: 0;
117
 
    width: 100%;
118
 
    padding: 0;
119
 
    margin: 0;
120
 
    z-index: 2;     /* In front of background, behind text */
121
 
}
122
 
 
123
 
#ivleheader_tabs p {
124
 
    /* This allows for a single paragraph, currently used to display a warning
125
 
     * about Debuginfo */
126
 
    position: absolute;
127
 
    left: 1em;
128
 
    bottom: 0.5em;
129
 
    margin: 0;
130
 
}
131
 
 
132
 
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
133
76
ul#apptabs {
134
 
    position: absolute;
135
77
    text-align: right;
136
 
    bottom: 0;
137
 
    right: 1em;             /* == #ivleheader.padding-right */
138
 
    padding: 0;
139
 
    margin: 0;
 
78
    margin-bottom: 0;
140
79
}
141
80
ul#apptabs li {
142
81
    display: inline;
158
97
    color: navy;    /* Text colour not to change */
159
98
    text-decoration: none;
160
99
}
161
 
 
162
 
/* Terms of Service accept / decline buttons */
163
 
#tos_acceptbuttons {
164
 
    text-align: center;
165
 
}