~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/media/common/ivle.css

  • Committer: drtomc
  • Date: 2008-02-04 04:29:12 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:401
tutorialservice: Fixed "subjects" directory being searched for problem files, now looks in "problems". (A hang over from an earlier change to split them up).
This fixes the issue of problem submissions not working.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
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: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
}