← 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-03 04:20:54 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:803
Setup: Modularised setup.py so it is now no longer over 1000 lines. This should 
allow us to get in there and tidy up each module much easier. Also removed 
updatejails since this functionality seems to be duplicated with remakeuser.py 
and remakealluser.py scripts.

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 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;
 
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;
45
28
}
46
29
 
47
30
/** Special styles for header section **/
48
31
 
49
32
#ivleheader {
50
33
    position: absolute;
51
 
    background-color: #abf;
52
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
53
 
    background-repeat: repeat-x;
 
34
    background-color: #fea;
54
35
    padding: 0;
55
36
    border-bottom: 1px solid black;
56
 
    /* 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
57
38
     * #ivleheader.height to update it. */
58
 
    height: 2em;
 
39
    height: 5.3em;
59
40
    left: 0;
60
41
    right: 0;
61
42
    z-index: 1;     /* Background to all, but the body */
62
43
}
63
44
 
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
45
#ivleheader_text {
 
46
    /* Pad left and right. */
161
47
    position: absolute;
162
 
    top: 0;
 
48
    padding: 0 1em;
 
49
    left: 0;
163
50
    right: 0;
164
 
    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;
165
71
}
166
72
 
167
73
/* Note: The body has NO PADDING by default (unlike plain HTML).
173
79
    /* This is positioned absolutely so that its content can be positioned
174
80
     * absolutely as well, and so height: 100% really means it. */
175
81
    position: absolute;
176
 
    top: 2em;               /* == #ivleheader.height */
 
82
    top: 5.3em;             /* == #ivleheader.height */
177
83
    bottom: 0;
178
84
    width: 100%;
179
85
    z-index: 0;     /* Behind header */
181
87
 
182
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
183
89
 * 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
90
 */
187
91
#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;
 
92
    padding: 1em;
202
93
}
203
94
 
204
95
p.userhello {
205
96
    font-size: .8em;
 
97
    top: 0;
 
98
    text-align: right;
 
99
    padding: 11px 0;
206
100
    margin: 0;
207
101
}
208
 
.userhello .username {
 
102
p.userhello .username {
209
103
    font-weight: bold;
210
104
}
211
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
 
212
160
/* Terms of Service accept / decline buttons */
213
161
#tos_acceptbuttons {
214
162
    text-align: center;
215
163
}
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
 
}