← 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: 2008-02-05 01:41:15 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:409
Moved www/conf and www/common to a new directory lib. This separates the "web"
part of IVLE from what is becoming less web oriented (at least from Apache's
standpoint).
Modified setup.py to install this lib directory correctly and write conf in
the right place. Also adds the lib directory to ivle.pth.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
16
16
    font-size: 0.95em;
17
17
}
18
18
 
19
 
a {
 
19
a:link, a:visited {
20
20
    color: navy;
21
 
    text-decoration: underline;
22
 
    cursor: pointer;
23
21
}
24
22
a:hover, a:active, a:focus {
25
23
    color: blue;
29
27
    color: #a00;
30
28
}
31
29
 
32
 
a img {
33
 
    border: none;
34
 
}
35
 
 
36
 
/* h1s are styled specially to a small golden 3D bar */
37
 
#ivlebody h1 {
38
 
    background-color: #fea;
39
 
    background-image: url(../ivle.webapp.core/images/chrome/h1-bg.png);
40
 
    background-repeat: repeat-y;
41
 
    margin: 0;
42
 
    padding: 0.5em;
43
 
    border-top: white 2px solid;        /* Top edge of 3D effect */
44
 
    border-bottom: #863 1px solid;      /* Bottom edge of 3D effect */
45
 
    font-size: 1em;
46
 
    font-weight: bold;
47
 
}
48
 
 
49
 
#ivlebody h2 {
50
 
    font-size: 1.4em;
51
 
}
52
 
 
53
30
/** Special styles for header section **/
54
31
 
55
32
#ivleheader {
56
33
    position: absolute;
57
 
    background-color: #abf;
58
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
59
 
    background-repeat: repeat-x;
 
34
    background-color: #fea;
60
35
    padding: 0;
61
36
    border-bottom: 1px solid black;
62
 
    /* IMPORTANT: This 4em is hard-coded elsewhere in this file. Search for
 
37
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
63
38
     * #ivleheader.height to update it. */
64
 
    height: 4em;
 
39
    height: 5.3em;
65
40
    left: 0;
66
41
    right: 0;
67
42
    z-index: 1;     /* Background to all, but the body */
68
43
}
69
44
 
70
 
#ivleheader h1 {
71
 
    margin: 0;
72
 
    padding: 8px;
73
 
}
74
 
 
75
45
#ivleheader_text {
76
 
    position: absolute;
77
 
    padding: 0.5em;
78
 
    top: 0;
79
 
    right: 0.5em;
 
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;
80
71
}
81
72
 
82
73
/* Note: The body has NO PADDING by default (unlike plain HTML).
88
79
    /* This is positioned absolutely so that its content can be positioned
89
80
     * absolutely as well, and so height: 100% really means it. */
90
81
    position: absolute;
91
 
    top: 4em;               /* == #ivleheader.height */
 
82
    top: 5.3em;             /* == #ivleheader.height */
92
83
    bottom: 0;
93
84
    width: 100%;
94
85
    z-index: 0;     /* Behind header */
96
87
 
97
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
98
89
 * element, if 1em of padding is desired (otherwise there will be no padding).
99
 
 * Note: No top padding, since the first element should have a margins (p or
100
 
 * h2).
101
90
 */
102
91
#ivle_padding {
103
 
    padding: 0 1em 1em 1em;
 
92
    padding: 1em;
104
93
}
105
94
 
106
95
p.userhello {
107
96
    font-size: .8em;
 
97
    top: 0;
 
98
    text-align: right;
 
99
    padding: 11px 0;
108
100
    margin: 0;
109
101
}
110
 
.userhello .username {
 
102
p.userhello .username {
111
103
    font-weight: bold;
112
104
}
113
105
 
116
108
 */
117
109
#ivleheader_tabs {
118
110
    position: absolute;
119
 
    right: 1em;
120
 
    bottom: 0;
 
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 */
121
119
}
122
120
 
123
121
#ivleheader_tabs p {
129
127
    margin: 0;
130
128
}
131
129
 
 
130
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
132
131
ul#apptabs {
 
132
    position: absolute;
 
133
    text-align: right;
 
134
    bottom: 0;
 
135
    right: 1em;             /* == #ivleheader.padding-right */
 
136
    padding: 0;
133
137
    margin: 0;
134
138
}
135
 
 
136
139
ul#apptabs li {
137
140
    display: inline;
138
 
    /*border: 1px solid black;*/
139
 
    /*background-color: #fc6;*/
140
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
141
 
    background-repeat: no-repeat;
142
 
    background-position: top left;
143
 
    padding: 0;
144
 
    padding-left: 4px;
145
 
}
146
 
ul#apptabs li a {
147
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
148
 
    background-repeat: no-repeat;
149
 
    background-position: top right;
150
 
    padding: 0;
151
 
    padding-right: 4px;
152
 
}
153
 
ul#apptabs li a span {
154
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
155
 
    background-repeat: repeat-x;
 
141
    padding: 3px;
 
142
    border: 1px solid black;
 
143
    background-color: #fc6;
156
144
    padding: 0 3px;
157
145
}
158
146
ul#apptabs li:hover {
159
 
    /*background-color: #fd8;*/
160
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
161
 
}
162
 
ul#apptabs li:hover a {
163
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
164
 
}
165
 
ul#apptabs li:hover a span {
166
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
 
147
    background-color: #fd8;
167
148
}
168
149
/* Currently active app tab */
169
150
ul#apptabs li.thisapp {
170
 
    /*background-color: white;*/
171
 
    /*border-bottom: 1px solid white;*/
172
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
173
 
}
174
 
ul#apptabs li.thisapp a {
175
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
176
 
}
177
 
ul#apptabs li.thisapp a span {
178
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
 
151
    background-color: white;
 
152
    border-bottom: 1px solid white;
179
153
}
180
154
 
181
155
ul#apptabs a {
182
156
    color: navy;    /* Text colour not to change */
183
157
    text-decoration: none;
184
158
}
185
 
 
186
 
/* Terms of Service accept / decline buttons */
187
 
#tos_acceptbuttons {
188
 
    text-align: center;
189
 
}
190
 
 
191
 
/* For system warning messages */
192
 
.system_warning {
193
 
    margin: 1em;
194
 
    padding: 0.5em;
195
 
    border: 1px solid #a22;
196
 
    background: #f88;
197
 
}