← 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

Added module ivle.config, which takes care of some work interfacing with
    configobj, including searching for the file and opening the object.
ivle.conf.conf now uses this instead of having its own search.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
 
1
/* IVLE - Informatics Virtual Learning Environment
 
2
 * Copyright (C) 2007-2008 The University of Melbourne
 
3
 * Common Style Sheet
 
4
 * This file is redistributable under the terms of the GNU General Public
 
5
 * License version 2 or later.
 
6
 */
 
7
 
 
8
/** Generic styling **/
 
9
 
 
10
html, body {
 
11
    margin: 0;
 
12
    padding: 0;
 
13
    background-color: white;
 
14
    color: black;
 
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
.userhello {
 
98
    font-size: .8em;
 
99
    top: 0;
 
100
    text-align: right;
 
101
    padding: 11px 0;
 
102
    margin: 0;
 
103
}
 
104
.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;
 
165
}