← 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: wagrant
  • Date: 2008-08-19 12:49:58 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:1031
Example worksheets: Fix the element names in worksheet 1 to be actually
                    correct. Also fix the first exercise so it too
                    functions properly.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
5
5
 * License version 2 or later.
6
6
 */
7
7
 
8
 
body {
 
8
/** Generic styling **/
 
9
 
 
10
html, body {
 
11
    margin: 0;
 
12
    padding: 0;
 
13
    background-color: white;
 
14
    color: black;
9
15
    font-family: sans-serif;
 
16
    font-size: 0.95em;
 
17
}
 
18
 
 
19
a {
 
20
    color: navy;
 
21
    text-decoration: underline;
 
22
    cursor: pointer;
 
23
}
 
24
a:hover, a:active, a:focus {
 
25
    color: blue;
 
26
}
 
27
 
 
28
.error {
 
29
    color: #a00;
 
30
}
 
31
 
 
32
/** Special styles for header section **/
 
33
 
 
34
#ivleheader {
 
35
    position: absolute;
 
36
    background-color: #fea;
 
37
    padding: 0;
 
38
    border-bottom: 1px solid black;
 
39
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
 
40
     * #ivleheader.height to update it. */
 
41
    height: 5.3em;
 
42
    left: 0;
 
43
    right: 0;
 
44
    z-index: 1;     /* Background to all, but the body */
 
45
}
 
46
 
 
47
#ivleheader_text {
 
48
    /* Pad left and right. */
 
49
    position: absolute;
 
50
    padding: 0 1em;
 
51
    left: 0;
 
52
    right: 0;
 
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;
 
73
}
 
74
 
 
75
/* Note: The body has NO PADDING by default (unlike plain HTML).
 
76
 * This is because almost all of the apps need this behaviour.
 
77
 * If a particular app needs padding, it should manually wrap all of its
 
78
 * output in a <div id="ivle_padding">.
 
79
 */
 
80
#ivlebody {
 
81
    /* This is positioned absolutely so that its content can be positioned
 
82
     * absolutely as well, and so height: 100% really means it. */
 
83
    position: absolute;
 
84
    top: 5.3em;             /* == #ivleheader.height */
 
85
    bottom: 0;
 
86
    width: 100%;
 
87
    z-index: 0;     /* Behind header */
 
88
}
 
89
 
 
90
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
 
91
 * element, if 1em of padding is desired (otherwise there will be no padding).
 
92
 */
 
93
#ivle_padding {
 
94
    padding: 1em;
 
95
}
 
96
 
 
97
p.userhello {
 
98
    font-size: .8em;
 
99
    top: 0;
 
100
    text-align: right;
 
101
    padding: 11px 0;
 
102
    margin: 0;
 
103
}
 
104
p.userhello .username {
 
105
    font-weight: bold;
 
106
}
 
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
 
 
162
/* Terms of Service accept / decline buttons */
 
163
#tos_acceptbuttons {
 
164
    text-align: center;
10
165
}