38
padding: 0.5em 0 0 0.5em;
48
30
/** Special styles for header section **/
52
background-color: #abf;
53
background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
54
background-repeat: repeat-x;
33
background-color: #fea;
34
/* Pad left and right. */
56
36
border-bottom: 1px solid black;
57
/* IMPORTANT: This 2em is hard-coded elsewhere in this file. Search for
58
* #ivleheader.height to update it. */
62
z-index: 1; /* Background to all, but the body */
65
/* Now we have lots of breadcrumb styles.
66
The breadcrumbs are <li>s in a <ul>. Each <li> has either an <a> or
67
a <span> inside it, with the label of the breadcrumb. <li>s may also
68
have an <ul> inside them, which is a menu that pops up on hover.
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
73
list-style-type: none;
76
ul#ivle_breadcrumbs > li {
77
background: url(../ivle.webapp.core/images/chrome/breadcrumb-chevron.png) scroll no-repeat right;
84
ul#ivle_breadcrumbs > li > a {
86
padding: 5px 16px 0 0;
87
text-decoration: none;
91
/* There is no breadcrumb to the left of the first one, so there is no margin.
92
We add a special one. */
93
ul#ivle_breadcrumbs > li:first-child > a {
97
ul#ivle_breadcrumbs > li > span {
99
padding: 5px 16px 0 0;
102
ul#ivle_breadcrumbs > li > a:hover {
103
text-decoration: underline;
106
ul#ivle_breadcrumbs > li > ul {
108
list-style-type: none;
113
left: -21px; /* Just meets the chevron on the left. */
117
border: 1px solid #dee4ff;
121
ul#ivle_breadcrumbs > li:first-child > ul {
122
left: 0; /* Don't want the IVLE menu to run off the LHS. */
125
ul#ivle_breadcrumbs > li:hover > ul {
129
ul#ivle_breadcrumbs > li > ul > li {
133
/* The IVLE crumb's menu items are extra high, with icons. */
134
ul#ivle_breadcrumbs > li:first-child > ul > li > a {
136
vertical-align: middle;
140
ul#ivle_breadcrumbs > li > ul > li > a {
144
ul#ivle_breadcrumbs > li > ul > li:hover {
155
/* Note: The body has NO PADDING by default (unlike plain HTML).
156
* This is because almost all of the apps need this behaviour.
157
* If a particular app needs padding, it should manually wrap all of its
158
* 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. */
161
/* This is positioned absolutely so that its content can be positioned
162
* absolutely as well, and so height: 100% really means it. */
164
top: 2em; /* == #ivleheader.height */
167
z-index: 0; /* Behind header */
170
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
171
* element, if 1em of padding is desired (otherwise there will be no padding).
172
* Note: No top padding, since the first element should have a margins (p or
176
padding: 0 1em 1em 1em;
183
.userhello .username {
72
p.userhello .username {
184
73
font-weight: bold;
187
/* Terms of Service accept / decline buttons */
83
border: 1px solid black;
84
background-color: #fc6;
88
background-color: #fd8;
90
/* Currently active app tab */
91
ul#apptabs li.thisapp {
92
background-color: white;
93
border-bottom: 1px solid white;
97
color: navy; /* Text colour not to change */
98
text-decoration: none;