← 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-01-11 00:49:06 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:172
util: Added buildurl function.

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
 
/** Generic styling **/
9
 
 
10
 
html, body {
11
 
    margin: 0;
12
 
    padding: 0;
13
 
    background-color: white;
14
 
    color: black;
 
8
body {
15
9
    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
 
a img {
33
 
    border: none;
34
 
}
35
 
 
36
 
h1 {
37
 
    margin: 0;
38
 
    padding: 0.5em 0 0 0.5em;
39
 
    font-size: x-large;
40
 
    font-weight: normal;
41
 
}
42
 
 
43
 
h2 {
44
 
    font-size: larger;
45
 
    font-weight: normal;
46
 
}
47
 
 
48
 
/** Special styles for header section **/
49
 
 
50
 
#ivleheader {
51
 
    position: absolute;
52
 
    background-color: #abf;
53
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
54
 
    background-repeat: repeat-x;
55
 
    padding: 0;
56
 
    border-bottom: 1px solid black;
57
 
    /* IMPORTANT: This 2em is hard-coded elsewhere in this file. Search for
58
 
     * #ivleheader.height to update it. */
59
 
    height: 2em;
60
 
    left: 0;
61
 
    right: 0;
62
 
    z-index: 1;     /* Background to all, but the body */
63
 
}
64
 
 
65
 
/* Now we have lots of breadcrumb styles.
66
 
   The breadcrumbs are <li>s in a <ul>. Each <li> has either an <a> or
67
 
   a <span> inside it, with the label of the breadcrumb. <li>s may also
68
 
   have an <ul> inside them, which is a menu that pops up on hover.
69
 
 */
70
 
ul#ivle_breadcrumbs {
71
 
    margin: 0;
72
 
    padding: 0;
73
 
    list-style-type: none;
74
 
}
75
 
 
76
 
ul#ivle_breadcrumbs > li {
77
 
    background: url(../ivle.webapp.core/images/chrome/breadcrumb-chevron.png) scroll no-repeat right;
78
 
    float: left;
79
 
    min-height: 29px;
80
 
    margin-right: 4px;
81
 
    position: relative;
82
 
}
83
 
 
84
 
ul#ivle_breadcrumbs > li > a {
85
 
    display: block;
86
 
    line-height: 2em;
87
 
    padding-right: 16px;
88
 
    vertical-align: middle;
89
 
    text-decoration: none;
90
 
    color: black;
91
 
}
92
 
 
93
 
ul#ivle_breadcrumbs > li > a > img {
94
 
    vertical-align: middle;
95
 
}
96
 
 
97
 
/* There is no breadcrumb to the left of the first one, so there is no margin.
98
 
   We add a special one. */
99
 
ul#ivle_breadcrumbs > li:first-child > a {
100
 
    padding-left: 6px;
101
 
}
102
 
 
103
 
ul#ivle_breadcrumbs > li > span {
104
 
    display: block;
105
 
    line-height: 2em;
106
 
    padding-right: 16px;
107
 
    vertical-align: middle;
108
 
}
109
 
 
110
 
ul#ivle_breadcrumbs > li > a:hover {
111
 
    text-decoration: underline;
112
 
}
113
 
 
114
 
ul#ivle_breadcrumbs > li > ul {
115
 
    display: none;
116
 
    list-style-type: none;
117
 
 
118
 
    position: absolute;
119
 
    padding-left: 0;
120
 
    top: 2em;
121
 
    left: -21px; /* Just meets the chevron on the left. */
122
 
    width: 200px;
123
 
 
124
 
    background: #abf;
125
 
    border: 1px solid #dee4ff;
126
 
    opacity: 0.95;
127
 
}
128
 
 
129
 
ul#ivle_breadcrumbs > li:first-child > ul {
130
 
    left: 0; /* Don't want the IVLE menu to run off the LHS. */
131
 
}
132
 
 
133
 
ul#ivle_breadcrumbs > li:hover > ul {
134
 
    display: block;
135
 
}
136
 
 
137
 
ul#ivle_breadcrumbs > li > ul > li {
138
 
    padding: 0.3em;
139
 
}
140
 
 
141
 
/* The IVLE crumb's menu items are extra high, with icons. */
142
 
ul#ivle_breadcrumbs > li:first-child > ul > li > a {
143
 
    min-height: 24px;
144
 
    vertical-align: middle;
145
 
    padding-top: 2px;
146
 
}
147
 
 
148
 
ul#ivle_breadcrumbs > li > ul > li > a {
149
 
    display: block;
150
 
}
151
 
 
152
 
ul#ivle_breadcrumbs > li > ul > li:hover {
153
 
    background: #b8c6ff;
154
 
}
155
 
 
156
 
ul#ivle_breadcrumbs > li.crumbmenu > a {
157
 
    background: url(../ivle.webapp.core/images/chrome/drop-down.png) scroll no-repeat right;
158
 
    margin-right: 10px;
159
 
}
160
 
 
161
 
#ivleheader_text {
162
 
    position: absolute;
163
 
    top: 0;
164
 
    right: 0;
165
 
    padding: 0.5em;
166
 
}
167
 
 
168
 
/* Note: The body has NO PADDING by default (unlike plain HTML).
169
 
 * This is because almost all of the apps need this behaviour.
170
 
 * If a particular app needs padding, it should manually wrap all of its
171
 
 * output in a <div id="ivle_padding">.
172
 
 */
173
 
#ivlebody {
174
 
    /* This is positioned absolutely so that its content can be positioned
175
 
     * absolutely as well, and so height: 100% really means it. */
176
 
    position: absolute;
177
 
    top: 2em;               /* == #ivleheader.height */
178
 
    bottom: 0;
179
 
    width: 100%;
180
 
    z-index: 0;     /* Behind header */
181
 
}
182
 
 
183
 
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
184
 
 * element, if 1em of padding is desired (otherwise there will be no padding).
185
 
 * Note: No top padding, since the first element should have a margins (p or
186
 
 * h2).
187
 
 */
188
 
#ivle_padding {
189
 
    padding: 0 1em 1em 1em;
190
 
}
191
 
 
192
 
p.userhello {
193
 
    font-size: .8em;
194
 
    margin: 0;
195
 
}
196
 
.userhello .username {
197
 
    font-weight: bold;
198
 
}
199
 
 
200
 
/* Terms of Service accept / decline buttons */
201
 
#tos_acceptbuttons {
202
 
    text-align: center;
203
 
}
204
 
 
205
 
form.verticalform div {
206
 
    padding: 0.2em 0;
207
 
}
208
 
 
209
 
form.verticalform div label {
210
 
    display: block;
211
 
    float: left;
212
 
    text-align: right;
213
 
    width: 200px;
214
 
    margin-right: 5px;
215
 
    font-weight: bold;
216
 
}
217
 
 
218
 
form.verticalform div.submit input[type=submit] {
219
 
    margin-left: 205px;
220
 
}
221
 
 
222
 
.stackedform div label {
223
 
    font-weight: bold;
224
 
}
225
 
 
226
 
/* Subjects list */
227
 
.subject_current {
228
 
    font-weight: bold;
229
 
}
230
 
 
231
 
.pretty_table {
232
 
  text-align: left;
233
 
  border-collapse: collapse;
234
 
}
235
 
 
236
 
.pretty_table td, .pretty_table th {
237
 
  padding: 0.2em 0.7em;
238
 
  border-bottom: 1px solid #ccc;
239
 
}
240
 
 
241
 
.pretty_table th {
242
 
  border-bottom: 2px solid gray;
243
 
}
244
 
 
245
 
.pretty_table tbody td {
246
 
  color: #444;
247
 
}
248
 
 
249
 
.pretty_table tbody tr:hover {
250
 
  background-color: #efefef;
251
 
}
252
 
 
253
 
.pretty_table td:first-child, .pretty_table th:first-child {
254
 
  padding-left: 0;
255
 
}
256
 
 
257
 
.pretty_table tbody tr:hover td {
258
 
  color: #111;
259
10
}