36
/* h1s are styled specially to a small golden 3D bar */
38
background-color: #fea;
39
background-image: url(../ivle.webapp.core/images/chrome/h1-bg.png);
40
background-repeat: repeat-y;
43
border-top: white 2px solid; /* Top edge of 3D effect */
44
border-bottom: #863 1px solid; /* Bottom edge of 3D effect */
53
30
/** Special styles for header section **/
57
background-color: #abf;
58
background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
59
background-repeat: repeat-x;
33
background-color: #fea;
34
/* Pad left and right. */
61
36
border-bottom: 1px solid black;
62
/* IMPORTANT: This 4em is hard-coded elsewhere in this file. Search for
63
* #ivleheader.height to update it. */
67
z-index: 1; /* Background to all, but the body */
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
76
51
position: absolute;
82
/* Note: The body has NO PADDING by default (unlike plain HTML).
83
* This is because almost all of the apps need this behaviour.
84
* If a particular app needs padding, it should manually wrap all of its
85
* 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. */
88
/* This is positioned absolutely so that its content can be positioned
89
* absolutely as well, and so height: 100% really means it. */
91
top: 4em; /* == #ivleheader.height */
94
z-index: 0; /* Behind header */
97
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
98
* element, if 1em of padding is desired (otherwise there will be no padding).
99
* Note: No top padding, since the first element should have a margins (p or
103
padding: 0 1em 1em 1em;
110
.userhello .username {
72
p.userhello .username {
111
73
font-weight: bold;
114
/* The tabs bar is positioned absolutely, unlike the other header content.
115
* This allows it to be aligned exactly with the bottom of the header bar.
124
/* This allows for a single paragraph, currently used to display a warning
138
/*border: 1px solid black;*/
139
/*background-color: #fc6;*/
140
background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
141
background-repeat: no-repeat;
142
background-position: top left;
147
background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
148
background-repeat: no-repeat;
149
background-position: top right;
153
ul#apptabs li a span {
154
background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
155
background-repeat: repeat-x;
83
border: 1px solid black;
84
background-color: #fc6;
158
87
ul#apptabs li:hover {
159
/*background-color: #fd8;*/
160
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
162
ul#apptabs li:hover a {
163
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
165
ul#apptabs li:hover a span {
166
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
88
background-color: #fd8;
168
90
/* Currently active app tab */
169
91
ul#apptabs li.thisapp {
170
/*background-color: white;*/
171
/*border-bottom: 1px solid white;*/
172
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
174
ul#apptabs li.thisapp a {
175
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
177
ul#apptabs li.thisapp a span {
178
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
92
background-color: white;
93
border-bottom: 1px solid white;
182
97
color: navy; /* Text colour not to change */
183
98
text-decoration: none;
186
/* Terms of Service accept / decline buttons */
191
/* For system warning messages */
195
border: 1px solid #a22;