← 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: dcoles
  • Date: 2008-07-02 03:10:36 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:797
Setup: Addition of an automatic jail builder. This means we no longer are 
required to maintain an explicit list of files and libraries that can be easily 
broken by a single update to the system. It also goes a huge way to making IVLE 
not only more 'update maintainable' but portable to other Unix systems.  
(Should be fairly trivial if the system supports APT, should be able to be 
modified to support other package manager systems with a bit of work).

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