← 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: mattgiuca
  • Date: 2007-12-20 05:25:03 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:103
Fix to Makefile.

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: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
 
}