32
30
/** Special styles for header section **/
36
33
background-color: #fea;
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. */
44
z-index: 1; /* Background to all, but the body */
48
34
/* Pad left and right. */
53
z-index: 3; /* In front */
36
border-bottom: 1px solid black;
56
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
58
42
position: absolute;
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">.
59
/* Note: You can override this in app-specific CSS if you want to
60
* push the body all the way to the edge. */
81
/* This is positioned absolutely so that its content can be positioned
82
* absolutely as well, and so height: 100% really means it. */
84
top: 5.3em; /* == #ivleheader.height */
87
z-index: 0; /* Behind header */
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).
100
68
text-align: right;
104
.userhello .username {
72
p.userhello .username {
105
73
font-weight: bold;
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.
113
height: 5.3em; /* == #ivleheader.height */
120
z-index: 2; /* In front of background, behind text */
124
/* This allows for a single paragraph, currently used to display a warning
132
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
135
77
text-align: right;
137
right: 1em; /* == #ivleheader.padding-right */
144
83
border: 1px solid black;
145
84
background-color: #fc6;
148
ul#apptabs li:hover {
149
background-color: #fd8;
151
87
/* Currently active app tab */
152
ul#apptabs li.thisapp {
88
ul.apptabs li.thisapp {
153
89
background-color: white;
154
90
border-bottom: 1px solid white;
158
color: navy; /* Text colour not to change */
159
94
text-decoration: none;
162
/* Terms of Service accept / decline buttons */