← 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-09 06:02:40 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:999
browser (help): Document that Ctrl+S saves.

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:link, a:visited {
 
20
    color: navy;
 
21
}
 
22
a:hover, a:active, a:focus {
 
23
    color: blue;
 
24
}
 
25
 
 
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;
 
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;
 
93
}
 
94
 
 
95
p.userhello {
 
96
    font-size: .8em;
 
97
    top: 0;
 
98
    text-align: right;
 
99
    padding: 11px 0;
 
100
    margin: 0;
 
101
}
 
102
p.userhello .username {
 
103
    font-weight: bold;
 
104
}
 
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
 
 
160
/* Terms of Service accept / decline buttons */
 
161
#tos_acceptbuttons {
 
162
    text-align: center;
10
163
}