← 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: me at id
  • Date: 2009-01-15 05:53:45 UTC
  • mto: This revision was merged to the branch mainline in revision 1090.
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:branches%2Fstorm:1161
bin/ivle-showenrolment: Switch to ivle.database.User.enrolments from
    ivle.db.get_enrolment, removing the dependency on ivle.db.

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:link, a:visited, a:hover, a:active, a.fakelink {
20
 
    color: #002a8c;
21
 
    text-decoration: none;
22
 
}
23
 
 
24
 
a:hover, a.fakelink:hover {
 
19
a {
 
20
    color: navy;
25
21
    text-decoration: underline;
26
 
}
27
 
 
28
 
a img {
29
 
    border: none;
30
 
}
31
 
 
32
 
h1 {
33
 
    margin: 0;
34
 
    font-size: x-large;
35
 
    font-weight: normal;
36
 
}
37
 
 
38
 
#ivleview > h1 {
39
 
    margin: 0.5em 0 0.5em 0.5em;
40
 
}
41
 
 
42
 
h2 {
43
 
    font-size: 130%;
44
 
    font-weight: normal;
 
22
    cursor: pointer;
 
23
}
 
24
a:hover, a:active, a:focus {
 
25
    color: blue;
 
26
}
 
27
 
 
28
.error {
 
29
    color: #a00;
45
30
}
46
31
 
47
32
/** Special styles for header section **/
48
33
 
49
34
#ivleheader {
50
35
    position: absolute;
51
 
    background-color: #abf;
52
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
53
 
    background-repeat: repeat-x;
 
36
    background-color: #fea;
54
37
    padding: 0;
55
38
    border-bottom: 1px solid black;
56
 
    /* IMPORTANT: This 2em is hard-coded elsewhere in this file. Search for
 
39
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
57
40
     * #ivleheader.height to update it. */
58
 
    height: 2em;
 
41
    height: 5.3em;
59
42
    left: 0;
60
43
    right: 0;
61
44
    z-index: 1;     /* Background to all, but the body */
62
45
}
63
46
 
64
 
/* Now we have lots of breadcrumb styles.
65
 
   The breadcrumbs are <li>s in a <ul>. Each <li> has either an <a> or
66
 
   a <span> inside it, with the label of the breadcrumb. <li>s may also
67
 
   have an <ul> inside them, which is a menu that pops up on hover.
68
 
 */
69
 
ul#ivle_breadcrumbs {
70
 
    margin: 0;
71
 
    padding: 0;
72
 
    list-style-type: none;
73
 
}
74
 
 
75
 
ul#ivle_breadcrumbs > li {
76
 
    background: url(../ivle.webapp.core/images/chrome/breadcrumb-chevron.png) scroll no-repeat right;
77
 
    float: left;
78
 
    min-height: 29px;
79
 
    margin-right: 4px;
80
 
    position: relative;
81
 
}
82
 
 
83
 
ul#ivle_breadcrumbs > li > a {
84
 
    display: block;
85
 
    line-height: 2em;
86
 
    padding-right: 16px;
87
 
    vertical-align: middle;
88
 
    text-decoration: none;
89
 
    color: black;
90
 
}
91
 
 
92
 
ul#ivle_breadcrumbs > li > a > img {
93
 
    vertical-align: middle;
94
 
}
95
 
 
96
 
/* There is no breadcrumb to the left of the first one, so there is no margin.
97
 
   We add a special one. */
98
 
ul#ivle_breadcrumbs > li:first-child > a {
99
 
    padding-left: 6px;
100
 
}
101
 
 
102
 
ul#ivle_breadcrumbs > li > span {
103
 
    display: block;
104
 
    line-height: 2em;
105
 
    padding-right: 16px;
106
 
    vertical-align: middle;
107
 
}
108
 
 
109
 
ul#ivle_breadcrumbs > li > a:hover {
110
 
    text-decoration: underline;
111
 
}
112
 
 
113
 
ul#ivle_breadcrumbs > li > ul {
114
 
    display: none;
115
 
    list-style-type: none;
116
 
 
117
 
    position: absolute;
118
 
    padding-left: 0;
119
 
    top: 2em;
120
 
    left: -21px; /* Just meets the chevron on the left. */
121
 
    width: 200px;
122
 
 
123
 
    background: #abf;
124
 
    border: 1px solid #dee4ff;
125
 
    opacity: 0.95;
126
 
}
127
 
 
128
 
ul#ivle_breadcrumbs > li:first-child > ul {
129
 
    left: 0; /* Don't want the IVLE menu to run off the LHS. */
130
 
}
131
 
 
132
 
ul#ivle_breadcrumbs > li:hover > ul {
133
 
    display: block;
134
 
}
135
 
 
136
 
ul#ivle_breadcrumbs > li > ul > li {
137
 
    padding: 0.3em;
138
 
}
139
 
 
140
 
/* The IVLE crumb's menu items are extra high, with icons. */
141
 
ul#ivle_breadcrumbs > li:first-child > ul > li > a {
142
 
    min-height: 24px;
143
 
    vertical-align: middle;
144
 
    padding-top: 2px;
145
 
}
146
 
 
147
 
ul#ivle_breadcrumbs > li > ul > li > a {
148
 
    display: block;
149
 
}
150
 
 
151
 
ul#ivle_breadcrumbs > li > ul > li:hover {
152
 
    background: #b8c6ff;
153
 
}
154
 
 
155
 
ul#ivle_breadcrumbs > li.crumbmenu > a {
156
 
    background: url(../ivle.webapp.core/images/chrome/drop-down.png) scroll no-repeat right;
157
 
    margin-right: 10px;
158
 
}
159
 
 
160
47
#ivleheader_text {
 
48
    /* Pad left and right. */
161
49
    position: absolute;
162
 
    top: 0;
 
50
    padding: 0 1em;
 
51
    left: 0;
163
52
    right: 0;
164
 
    padding: 0.5em;
 
53
    z-index: 3;     /* In front */
 
54
}
 
55
 
 
56
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
 
57
#ivleheader_text h1 {
 
58
    position: absolute;
 
59
    text-align: left;
 
60
    font-size: 3.8em;
 
61
    font-style: italic;
 
62
    color: #ffc;
 
63
    margin: 0;
 
64
    padding: 0;
 
65
}
 
66
#ivleheader_text h2 {
 
67
    position: absolute;
 
68
    text-align: left;
 
69
    font-size: 1.3em;
 
70
    margin-top: 1em;
 
71
    margin-bottom: 1em;
 
72
    padding: 0;
165
73
}
166
74
 
167
75
/* Note: The body has NO PADDING by default (unlike plain HTML).
173
81
    /* This is positioned absolutely so that its content can be positioned
174
82
     * absolutely as well, and so height: 100% really means it. */
175
83
    position: absolute;
176
 
    top: 2em;               /* == #ivleheader.height */
 
84
    top: 5.3em;             /* == #ivleheader.height */
177
85
    bottom: 0;
178
86
    width: 100%;
179
87
    z-index: 0;     /* Behind header */
181
89
 
182
90
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
183
91
 * element, if 1em of padding is desired (otherwise there will be no padding).
184
 
 * Note: No top padding, since the first element should have a margins (p or
185
 
 * h2).
186
92
 */
187
93
#ivle_padding {
188
 
    padding: 0 1em 1em 1em;
189
 
}
190
 
 
191
 
/* Add extra vertical spacing between major page sections. */
192
 
#ivle_padding .majorsection {
193
 
    margin-bottom: 2em;
194
 
}
195
 
 
196
 
#ivle_padding .majorsection > * {
197
 
    margin-left: 1.5em;
198
 
}
199
 
 
200
 
#ivle_padding .majorsection > h2:first-child {
201
 
    margin-left: 0;
202
 
}
203
 
 
204
 
p.userhello {
 
94
    padding: 1em;
 
95
}
 
96
 
 
97
.userhello {
205
98
    font-size: .8em;
 
99
    top: 0;
 
100
    text-align: right;
 
101
    padding: 11px 0;
206
102
    margin: 0;
207
103
}
208
104
.userhello .username {
209
105
    font-weight: bold;
210
106
}
211
107
 
 
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
ul#apptabs {
 
134
    position: absolute;
 
135
    text-align: right;
 
136
    bottom: 0;
 
137
    right: 1em;             /* == #ivleheader.padding-right */
 
138
    padding: 0;
 
139
    margin: 0;
 
140
}
 
141
ul#apptabs li {
 
142
    display: inline;
 
143
    padding: 3px;
 
144
    border: 1px solid black;
 
145
    background-color: #fc6;
 
146
    padding: 0 3px;
 
147
}
 
148
ul#apptabs li:hover {
 
149
    background-color: #fd8;
 
150
}
 
151
/* Currently active app tab */
 
152
ul#apptabs li.thisapp {
 
153
    background-color: white;
 
154
    border-bottom: 1px solid white;
 
155
}
 
156
 
 
157
ul#apptabs a {
 
158
    color: navy;    /* Text colour not to change */
 
159
    text-decoration: none;
 
160
}
 
161
 
212
162
/* Terms of Service accept / decline buttons */
213
163
#tos_acceptbuttons {
214
164
    text-align: center;
215
165
}
216
 
 
217
 
form.verticalform div {
218
 
    padding: 0.2em 0;
219
 
}
220
 
 
221
 
form.verticalform div label {
222
 
    display: block;
223
 
    float: left;
224
 
    text-align: right;
225
 
    width: 200px;
226
 
    margin-right: 5px;
227
 
    font-weight: bold;
228
 
}
229
 
 
230
 
form.verticalform.thin div label {
231
 
    width: 100px;
232
 
}
233
 
 
234
 
form.verticalform div.submit {
235
 
    margin-left: 205px;
236
 
}
237
 
 
238
 
form.verticalform.thin div.submit {
239
 
    margin-left: 105px;
240
 
}
241
 
 
242
 
.stackedform div label {
243
 
    font-weight: bold;
244
 
}
245
 
 
246
 
/* Subjects list */
247
 
.subject_current {
248
 
    font-weight: bold;
249
 
}
250
 
 
251
 
.pretty_table {
252
 
  text-align: left;
253
 
  border-collapse: collapse;
254
 
}
255
 
 
256
 
.pretty_table td, .pretty_table th {
257
 
  padding: 0.2em 0.7em;
258
 
  border-bottom: 1px solid #ccc;
259
 
}
260
 
 
261
 
.pretty_table th {
262
 
  border-bottom: 2px solid gray;
263
 
}
264
 
 
265
 
.pretty_table tbody td {
266
 
  color: #444;
267
 
}
268
 
 
269
 
.pretty_table tbody tr:hover {
270
 
  background-color: #efefef;
271
 
}
272
 
 
273
 
.pretty_table td:first-child, .pretty_table th:first-child {
274
 
  padding-left: 0;
275
 
}
276
 
 
277
 
.pretty_table tbody tr:hover td {
278
 
  color: #111;
279
 
}
280
 
 
281
 
.paddedlist > li {
282
 
  margin-bottom: 0.5em;
283
 
}
284
 
 
285
 
/* Action links have a 16x16 icon on the left. */
286
 
.addaction,
287
 
.deleteaction,
288
 
.editaction,
289
 
.keyaction,
290
 
.manageaction,
291
 
.groupaction,
292
 
.subjectaction,
293
 
.verifyaction,
294
 
.helpaction,
295
 
.webaction {
296
 
  padding-left: 20px;
297
 
  background-position: left center;
298
 
  background-repeat: no-repeat;
299
 
}
300
 
 
301
 
.addaction {
302
 
  background-image: url(images/interface/add.png);
303
 
}
304
 
 
305
 
.deleteaction {
306
 
  background-image: url(images/interface/delete.png);
307
 
}
308
 
 
309
 
.editaction {
310
 
  background-image: url(images/interface/pencil.png);
311
 
}
312
 
 
313
 
.keyaction {
314
 
  background-image: url(images/interface/key.png);
315
 
}
316
 
 
317
 
.manageaction {
318
 
  background-image: url(images/interface/wrench.png);
319
 
}
320
 
 
321
 
.groupaction {
322
 
  background-image: url(images/interface/group.png);
323
 
}
324
 
 
325
 
.subjectaction {
326
 
  background-image: url(../ivle.webapp.tutorial/tutorial-small.png);
327
 
}
328
 
 
329
 
.verifyaction {
330
 
  background-image: url(images/interface/magnifier.png);
331
 
}
332
 
 
333
 
.helpaction {
334
 
  background-image: url(images/interface/help.png);
335
 
}
336
 
 
337
 
.webaction {
338
 
  background-image: url(images/interface/world.png);
339
 
}
340
 
 
341
 
/* Actions relating the context can be floated at the right. */
342
 
.contextactions {
343
 
  position: absolute;
344
 
  top: 0;
345
 
  right: 0;
346
 
  margin: 1em;
347
 
}
348
 
 
349
 
.contextactions a {
350
 
  display: block;
351
 
  margin-bottom: 0.3em;
352
 
}
353
 
 
354
 
.project.closed {
355
 
    opacity: 0.6;
356
 
}
357
 
 
358
 
.form_error {
359
 
    color: darkred;
360
 
}
361
 
 
362
 
.horizontalactions * {
363
 
    margin-right: 0.5em;
364
 
}