← 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: stevenbird
  • Date: 2008-02-01 03:51:56 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:368
First version of a DTD for XML problem files

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;
9
13
    background-color: white;
10
14
    color: black;
11
 
    font-family: sans;
 
15
    font-family: sans-serif;
 
16
    font-size: 0.95em;
12
17
}
13
18
 
14
19
a:link, a:visited {
18
23
    color: blue;
19
24
}
20
25
 
21
 
h1 {
22
 
    text-align: center;
 
26
.error {
 
27
    color: #a00;
 
28
}
 
29
 
 
30
/** Special styles for header section **/
 
31
 
 
32
#ivleheader {
 
33
    position: absolute;
 
34
    background-color: #fea;
 
35
    padding: 0;
 
36
    border-bottom: 1px solid black;
 
37
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
 
38
     * #ivleheader.height to update it. */
 
39
    height: 5.3em;
 
40
    left: 0;
 
41
    right: 0;
 
42
    z-index: 1;     /* Background to all, but the body */
 
43
}
 
44
 
 
45
#ivleheader_text {
 
46
    /* Pad left and right. */
 
47
    position: absolute;
 
48
    padding: 0 1em;
 
49
    left: 0;
 
50
    right: 0;
 
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;
23
67
    font-size: 1.3em;
 
68
    margin-top: 1em;
 
69
    margin-bottom: 1em;
 
70
    padding: 0;
 
71
}
 
72
 
 
73
/* Note: The body has NO PADDING by default (unlike plain HTML).
 
74
 * This is because almost all of the apps need this behaviour.
 
75
 * If a particular app needs padding, it should manually wrap all of its
 
76
 * output in a <div id="ivle_padding">.
 
77
 */
 
78
#ivlebody {
 
79
    /* This is positioned absolutely so that its content can be positioned
 
80
     * absolutely as well, and so height: 100% really means it. */
 
81
    position: absolute;
 
82
    top: 5.3em;             /* == #ivleheader.height */
 
83
    bottom: 0;
 
84
    width: 100%;
 
85
    z-index: 0;     /* Behind header */
 
86
}
 
87
 
 
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
 
89
 * element, if 1em of padding is desired (otherwise there will be no padding).
 
90
 */
 
91
#ivle_padding {
 
92
    padding: 1em;
24
93
}
25
94
 
26
95
p.userhello {
27
96
    font-size: .8em;
 
97
    top: 0;
28
98
    text-align: right;
 
99
    padding: 11px 0;
 
100
    margin: 0;
 
101
}
 
102
p.userhello .username {
29
103
    font-weight: bold;
30
104
}
31
105
 
32
 
ul.apptabs {
 
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
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
 
122
ul#apptabs {
 
123
    position: absolute;
33
124
    text-align: right;
 
125
    bottom: 0;
 
126
    right: 1em;             /* == #ivleheader.padding-right */
 
127
    padding: 0;
 
128
    margin: 0;
34
129
}
35
 
ul.apptabs li {
 
130
ul#apptabs li {
36
131
    display: inline;
37
132
    padding: 3px;
38
133
    border: 1px solid black;
 
134
    background-color: #fc6;
 
135
    padding: 0 3px;
 
136
}
 
137
ul#apptabs li:hover {
 
138
    background-color: #fd8;
 
139
}
 
140
/* Currently active app tab */
 
141
ul#apptabs li.thisapp {
 
142
    background-color: white;
 
143
    border-bottom: 1px solid white;
39
144
}
40
145
 
41
 
.error {
42
 
    color: red;
 
146
ul#apptabs a {
 
147
    color: navy;    /* Text colour not to change */
 
148
    text-decoration: none;
43
149
}