30
37
/** Special styles for header section **/
34
40
background-color: #fea;
41
/* Pad left and right. Pad 1px top to extend colour. */
42
padding: 1px 1em 0 1em;
36
43
border-bottom: 1px solid black;
37
/* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
38
* #ivleheader.height to update it. */
42
z-index: 1; /* Background to all, but the body */
46
/* Pad left and right. */
51
z-index: 3; /* In front */
54
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
73
/* Note: The body has NO PADDING by default (unlike plain HTML).
74
* This is because almost all of the apps need this behaviour.
75
* If a particular app needs padding, it should manually wrap all of its
76
* output in a <div id="ivle_padding">.
45
/* Note: You can override this in app-specific CSS if you want to
46
* push the body all the way to the edge. */
79
/* This is positioned absolutely so that its content can be positioned
80
* absolutely as well, and so height: 100% really means it. */
82
top: 5.3em; /* == #ivleheader.height */
85
z-index: 0; /* Behind header */
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
89
* element, if 1em of padding is desired (otherwise there will be no padding).
102
57
p.userhello .username {
103
58
font-weight: bold;
106
/* The tabs bar is positioned absolutely, unlike the other header content.
107
* This allows it to be aligned exactly with the bottom of the header bar.
111
height: 5.3em; /* == #ivleheader.height */
118
z-index: 2; /* In front of background, behind text */
122
/* This allows for a single paragraph, currently used to display a warning
130
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
133
62
text-align: right;
135
right: 1em; /* == #ivleheader.padding-right */
142
68
border: 1px solid black;
143
69
background-color: #fc6;
146
ul#apptabs li:hover {
147
background-color: #fd8;
149
72
/* Currently active app tab */
150
ul#apptabs li.thisapp {
73
ul.apptabs li.thisapp {
151
74
background-color: white;
152
75
border-bottom: 1px solid white;
156
color: navy; /* Text colour not to change */
157
79
text-decoration: none;
160
/* Terms of Service accept / decline buttons */