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

169 by mattgiuca
Added global common css file (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
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
8
/** Generic styling **/
9
10
html, body {
11
    margin: 0;
12
    padding: 0;
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
13
    background-color: white;
14
    color: black;
228 by mattgiuca
common/ivle.css: changed font family from "sans" to "sans-serif" (this is
15
    font-family: sans-serif;
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
16
    font-size: 0.95em;
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
17
}
18
1607 by William Grant
Make fake links in the exercise editor look like links.
19
a:link, a:visited, a:hover, a:active, a.fakelink {
1588 by William Grant
Darken links slightly.
20
    color: #002a8c;
1584 by William Grant
Redo link CSS: now a lighter blue, no underline except for :hover, and no style at all for non-link <a>s.
21
    text-decoration: none;
22
}
23
1607 by William Grant
Make fake links in the exercise editor look like links.
24
a:hover, a.fakelink:hover {
1026 by mattgiuca
CSS: Fixed up 'a' elements as follows:
25
    text-decoration: underline;
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
26
}
27
1781 by Matt Giuca
ivle.css: fakelink a elements now have the correct mouse pointer.
28
a.fakelink {
29
    cursor: pointer;
30
}
31
1100.1.34 by Matt Giuca
ivle-headings.html: The IVLE logo is now clickable (takes you to /).
32
a img {
33
    border: none;
34
}
35
1294.2.111 by William Grant
Shrink and unembolden h2s.
36
h1 {
1100.1.17 by Matt Giuca
Generic style: h1 is now rendered specially, as a golden bar along the top.
37
    margin: 0;
1442.1.29 by William Grant
Restrict the h1 padding to h1s directly inside ivleview, so we can use more h1s lower down.
38
    font-size: x-large;
39
    font-weight: normal;
40
}
41
42
#ivleview > h1 {
1451.1.1 by William Grant
Switch the main h1 to use margin, rather than padding, and add 0.5em beneath it.
43
    margin: 0.5em 0 0.5em 0.5em;
1100.1.17 by Matt Giuca
Generic style: h1 is now rendered specially, as a golden bar along the top.
44
}
45
1294.2.111 by William Grant
Shrink and unembolden h2s.
46
h2 {
1580 by William Grant
Style h2 slightly larger, to distinguish it better from body text in WebKit.
47
    font-size: 130%;
1294.2.111 by William Grant
Shrink and unembolden h2s.
48
    font-weight: normal;
1100.1.21 by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2.
49
}
50
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
51
/** Special styles for header section **/
52
53
#ivleheader {
361 by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
54
    position: absolute;
1100.1.3 by Matt Giuca
webapp/coremedia/ivle.css: Changed the header bar from yellow to blue.
55
    background-color: #abf;
1100.1.18 by William Grant
Fix CSS reference to topbar-hashes; it's slashes.
56
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
1100.1.1 by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0.
57
    background-repeat: repeat-x;
361 by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
58
    padding: 0;
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
59
    border-bottom: 1px solid black;
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
60
    /* IMPORTANT: This 2em is hard-coded elsewhere in this file. Search for
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
61
     * #ivleheader.height to update it. */
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
62
    height: 2em;
361 by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
63
    left: 0;
64
    right: 0;
65
    z-index: 1;     /* Background to all, but the body */
66
}
67
1294.2.113 by William Grant
Add some comments to the breadcrumb styles.
68
/* Now we have lots of breadcrumb styles.
69
   The breadcrumbs are <li>s in a <ul>. Each <li> has either an <a> or
70
   a <span> inside it, with the label of the breadcrumb. <li>s may also
71
   have an <ul> inside them, which is a menu that pops up on hover.
72
 */
1294.2.82 by William Grant
Replace the div>span breadcrumbs with ul>li, and style the text.
73
ul#ivle_breadcrumbs {
1100.1.20 by Matt Giuca
IVLE title is now an H1 again.
74
    margin: 0;
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
75
    padding: 0;
1294.2.84 by William Grant
Add styles for popup menus on the breadcrumbs.
76
    list-style-type: none;
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
77
}
78
1294.2.82 by William Grant
Replace the div>span breadcrumbs with ul>li, and style the text.
79
ul#ivle_breadcrumbs > li {
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
80
    background: url(../ivle.webapp.core/images/chrome/breadcrumb-chevron.png) scroll no-repeat right;
81
    float: left;
1294.2.81 by William Grant
Leave a little unlinked gap between breadcrumbs.
82
    min-height: 29px;
1294.2.104 by William Grant
Recenter the breadcrumb text.
83
    margin-right: 4px;
1294.2.84 by William Grant
Add styles for popup menus on the breadcrumbs.
84
    position: relative;
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
85
}
86
1294.2.93 by William Grant
Unbreak breadcrumb menu CSS.
87
ul#ivle_breadcrumbs > li > a {
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
88
    display: block;
1294.4.4 by David Coles
Automatically add dropdown arrow for all menus with submenus (Previously only worked for the main IVLE menu).
89
    line-height: 2em;
90
    padding-right: 16px;
91
    vertical-align: middle;
1294.2.82 by William Grant
Replace the div>span breadcrumbs with ul>li, and style the text.
92
    text-decoration: none;
93
    color: black;
94
}
95
1294.4.4 by David Coles
Automatically add dropdown arrow for all menus with submenus (Previously only worked for the main IVLE menu).
96
ul#ivle_breadcrumbs > li > a > img {
97
    vertical-align: middle;
98
}
99
1294.2.113 by William Grant
Add some comments to the breadcrumb styles.
100
/* There is no breadcrumb to the left of the first one, so there is no margin.
101
   We add a special one. */
1294.2.104 by William Grant
Recenter the breadcrumb text.
102
ul#ivle_breadcrumbs > li:first-child > a {
103
    padding-left: 6px;
104
}
105
1294.2.93 by William Grant
Unbreak breadcrumb menu CSS.
106
ul#ivle_breadcrumbs > li > span {
107
    display: block;
1294.4.4 by David Coles
Automatically add dropdown arrow for all menus with submenus (Previously only worked for the main IVLE menu).
108
    line-height: 2em;
109
    padding-right: 16px;
110
    vertical-align: middle;
1294.2.93 by William Grant
Unbreak breadcrumb menu CSS.
111
}
112
1294.2.83 by William Grant
Missed one.
113
ul#ivle_breadcrumbs > li > a:hover {
1294.2.82 by William Grant
Replace the div>span breadcrumbs with ul>li, and style the text.
114
    text-decoration: underline;
1100.1.9 by Matt Giuca
The IVLE logo is now an <img> element, rather than a CSS background.
115
}
116
1294.2.84 by William Grant
Add styles for popup menus on the breadcrumbs.
117
ul#ivle_breadcrumbs > li > ul {
118
    display: none;
119
    list-style-type: none;
120
121
    position: absolute;
122
    padding-left: 0;
123
    top: 2em;
124
    left: -21px; /* Just meets the chevron on the left. */
125
    width: 200px;
126
127
    background: #abf;
128
    border: 1px solid #dee4ff;
129
    opacity: 0.95;
130
}
131
1294.2.87 by William Grant
Prevent the IVLE crumb's menu from running off the LHS.
132
ul#ivle_breadcrumbs > li:first-child > ul {
133
    left: 0; /* Don't want the IVLE menu to run off the LHS. */
134
}
135
1294.2.84 by William Grant
Add styles for popup menus on the breadcrumbs.
136
ul#ivle_breadcrumbs > li:hover > ul {
137
    display: block;
138
}
139
140
ul#ivle_breadcrumbs > li > ul > li {
141
    padding: 0.3em;
142
}
143
1294.2.113 by William Grant
Add some comments to the breadcrumb styles.
144
/* The IVLE crumb's menu items are extra high, with icons. */
1294.2.91 by William Grant
Enlarge the IVLE menu's items, and use CSS for the icons, not <img>s.
145
ul#ivle_breadcrumbs > li:first-child > ul > li > a {
146
    min-height: 24px;
147
    vertical-align: middle;
148
    padding-top: 2px;
149
}
150
1294.2.86 by William Grant
display: block; <a>s in submenus, so the whole row is a link.
151
ul#ivle_breadcrumbs > li > ul > li > a {
152
    display: block;
153
}
154
1294.2.84 by William Grant
Add styles for popup menus on the breadcrumbs.
155
ul#ivle_breadcrumbs > li > ul > li:hover {
156
    background: #b8c6ff;
157
}
158
1294.4.4 by David Coles
Automatically add dropdown arrow for all menus with submenus (Previously only worked for the main IVLE menu).
159
ul#ivle_breadcrumbs > li.crumbmenu > a {
1294.4.1 by David Coles
Show drop down icon for breadcrumbs with a sub-menu.
160
    background: url(../ivle.webapp.core/images/chrome/drop-down.png) scroll no-repeat right;
161
    margin-right: 10px;
162
}
163
361 by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
164
#ivleheader_text {
1294.2.114 by William Grant
Absolutely position #ivleheader_text, so it doesn't ever wrap.
165
    position: absolute;
166
    top: 0;
167
    right: 0;
1100.1.31 by Matt Giuca
Ivle header: Put ivleheader_text inside ivleheader, simplifying the CSS a lot.
168
    padding: 0.5em;
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
169
}
197 by mattgiuca
dispatch.html, ivle.css: Main IVLE header is now an h1/h2 pair, styled to the
170
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
171
/* Note: The body has NO PADDING by default (unlike plain HTML).
172
 * This is because almost all of the apps need this behaviour.
173
 * If a particular app needs padding, it should manually wrap all of its
174
 * output in a <div id="ivle_padding">.
175
 */
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
176
#ivlebody {
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
177
    /* This is positioned absolutely so that its content can be positioned
178
     * absolutely as well, and so height: 100% really means it. */
179
    position: absolute;
1294.2.76 by William Grant
Shrink the top bar, and start breadcrumerisation.
180
    top: 2em;               /* == #ivleheader.height */
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
181
    bottom: 0;
182
    width: 100%;
361 by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
183
    z-index: 0;     /* Behind header */
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
184
}
185
186
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
187
 * element, if 1em of padding is desired (otherwise there will be no padding).
1100.1.21 by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2.
188
 * Note: No top padding, since the first element should have a margins (p or
189
 * h2).
345 by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none).
190
 */
191
#ivle_padding {
1100.1.21 by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2.
192
    padding: 0 1em 1em 1em;
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
193
}
194
1442.1.9 by William Grant
Add some extra margin between the projects and worksheets sections.
195
/* Add extra vertical spacing between major page sections. */
196
#ivle_padding .majorsection {
197
    margin-bottom: 2em;
198
}
199
1442.1.22 by William Grant
Indent majorsection content by 1.5em.
200
#ivle_padding .majorsection > * {
201
    margin-left: 1.5em;
202
}
203
204
#ivle_padding .majorsection > h2:first-child {
205
    margin-left: 0;
1728 by William Grant
Reduce the margin on the bottom of a majorsection h2.
206
    margin-bottom: 0.3em;
1442.1.22 by William Grant
Indent majorsection content by 1.5em.
207
}
208
1100.1.31 by Matt Giuca
Ivle header: Put ivleheader_text inside ivleheader, simplifying the CSS a lot.
209
p.userhello {
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
210
    font-size: .8em;
198 by mattgiuca
ivle.css: Fixed header layout so it has a minimum height (in the non-tabs
211
    margin: 0;
191 by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website.
212
}
1076 by chadnickbok
Created a new app, logout, which when given a GET
213
.userhello .username {
186 by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
214
    font-weight: bold;
215
}
216
455 by mattgiuca
Login now handles the 3 login states: no_agreement, enabled and disabled.
217
/* Terms of Service accept / decline buttons */
218
#tos_acceptbuttons {
219
    text-align: center;
220
}
1099.1.222 by Nick Chadwick
Added a warning message to exercise editor (untested/unfinished code).
221
1294.1.10 by William Grant
Switch to CSS form layout for the user edit views.
222
form.verticalform div {
223
    padding: 0.2em 0;
224
}
225
226
form.verticalform div label {
227
    display: block;
228
    float: left;
229
    text-align: right;
230
    width: 200px;
231
    margin-right: 5px;
232
    font-weight: bold;
233
}
1366 by Matt Giuca
CSS: Moved ivle/webapp/admin/subject-media/project.css's project_list styles to ivle/webapp/coremedia/ivle.css as pretty_table, since it is generally useful and very pretty.
234
1517 by William Grant
divify the login form, fixing up the submit/error indentation while there.
235
form.verticalform.thin div label {
236
    width: 100px;
237
}
238
1463.1.1 by William Grant
Explain that exercises must exist before a worksheet can be saved, and provide an exercise management link.
239
form.verticalform div.submit {
1390 by William Grant
Nicely format the worksheet add/edit forms.
240
    margin-left: 205px;
241
}
242
1517 by William Grant
divify the login form, fixing up the submit/error indentation while there.
243
form.verticalform.thin div.submit {
244
    margin-left: 105px;
245
}
246
1394.2.15 by William Grant
Prettify ExerciseEditView a bit.
247
.stackedform div label {
248
    font-weight: bold;
249
}
250
1370 by Matt Giuca
Subjects list: Rather than use h2 for current, h3 for inactive, use h2 for both with class subject_current for current subjects (more semantic).
251
/* Subjects list */
252
.subject_current {
253
    font-weight: bold;
254
}
255
1366 by Matt Giuca
CSS: Moved ivle/webapp/admin/subject-media/project.css's project_list styles to ivle/webapp/coremedia/ivle.css as pretty_table, since it is generally useful and very pretty.
256
.pretty_table {
257
  text-align: left;
258
  border-collapse: collapse;
259
}
260
261
.pretty_table td, .pretty_table th {
262
  padding: 0.2em 0.7em;
263
  border-bottom: 1px solid #ccc;
264
}
265
266
.pretty_table th {
267
  border-bottom: 2px solid gray;
268
}
269
270
.pretty_table tbody td {
271
  color: #444;
272
}
273
274
.pretty_table tbody tr:hover {
275
  background-color: #efefef;
276
}
277
278
.pretty_table td:first-child, .pretty_table th:first-child {
279
  padding-left: 0;
280
}
281
282
.pretty_table tbody tr:hover td {
283
  color: #111;
284
}
1440 by William Grant
Add core add/edit icons from famfamfam Silk, plus some CSS to start an actions meme.
285
1442.1.10 by William Grant
Add a nice padded list of projects.
286
.paddedlist > li {
287
  margin-bottom: 0.5em;
288
}
289
1440 by William Grant
Add core add/edit icons from famfamfam Silk, plus some CSS to start an actions meme.
290
/* Action links have a 16x16 icon on the left. */
291
.addaction,
1463.1.3 by William Grant
ExercisesView links only to the exercise's index, which now has edit and delete links.
292
.deleteaction,
1442 by William Grant
Convert the user modification actions to a context actions menu.
293
.editaction,
1705 by Matt Giuca
Login page: Added a warning that Internet Explorer is unsupported at this time. This checks the UA string for 'MSIE' and a bit more magic. Fixes Launchpad bug #526822.
294
.erroraction,
1443 by William Grant
Add manage/group actions.
295
.keyaction,
296
.manageaction,
1451.1.2 by William Grant
Move Subject.url to Offering, and add Offering.description. Show these on the offering index.
297
.groupaction,
1475 by William Grant
Give specialhome a link to each offering index.
298
.subjectaction,
1689.1.3 by Matt Giuca
Offering page: Added link to worksheet marks at the bottom of the page, for lecturers and admins.
299
.marksaction,
1522 by Matt Giuca
Subject page: Added Verify links on the subject pages to any projects with
300
.verifyaction,
1562 by Matt Giuca
Removed submission advice from the subjects page, instead linking to the help page (which contained the same text). Also linked to this page from the submit page. Minor tweaks to the text relating to the submission advice. Fixes Launchpad Bug #520284.
301
.helpaction,
1451.1.2 by William Grant
Move Subject.url to Offering, and add Offering.description. Show these on the offering index.
302
.webaction {
1444 by William Grant
Increase the space between icon and action from 2 to 4 pixels.
303
  padding-left: 20px;
1440 by William Grant
Add core add/edit icons from famfamfam Silk, plus some CSS to start an actions meme.
304
  background-position: left center;
305
  background-repeat: no-repeat;
306
}
307
308
.addaction {
309
  background-image: url(images/interface/add.png);
310
}
311
1463.1.3 by William Grant
ExercisesView links only to the exercise's index, which now has edit and delete links.
312
.deleteaction {
313
  background-image: url(images/interface/delete.png);
314
}
315
1440 by William Grant
Add core add/edit icons from famfamfam Silk, plus some CSS to start an actions meme.
316
.editaction {
317
  background-image: url(images/interface/pencil.png);
318
}
319
1705 by Matt Giuca
Login page: Added a warning that Internet Explorer is unsupported at this time. This checks the UA string for 'MSIE' and a bit more magic. Fixes Launchpad bug #526822.
320
.erroraction {
321
  background-image: url(images/interface/error.png);
322
}
323
1442 by William Grant
Convert the user modification actions to a context actions menu.
324
.keyaction {
325
  background-image: url(images/interface/key.png);
326
}
327
1443 by William Grant
Add manage/group actions.
328
.manageaction {
329
  background-image: url(images/interface/wrench.png);
330
}
331
332
.groupaction {
333
  background-image: url(images/interface/group.png);
334
}
335
1475 by William Grant
Give specialhome a link to each offering index.
336
.subjectaction {
337
  background-image: url(../ivle.webapp.tutorial/tutorial-small.png);
338
}
339
1689.1.3 by Matt Giuca
Offering page: Added link to worksheet marks at the bottom of the page, for lecturers and admins.
340
.marksaction {
341
  background-image: url(../ivle.webapp.tutorial/images/table.png);
342
}
343
1522 by Matt Giuca
Subject page: Added Verify links on the subject pages to any projects with
344
.verifyaction {
345
  background-image: url(images/interface/magnifier.png);
346
}
347
1562 by Matt Giuca
Removed submission advice from the subjects page, instead linking to the help page (which contained the same text). Also linked to this page from the submit page. Minor tweaks to the text relating to the submission advice. Fixes Launchpad Bug #520284.
348
.helpaction {
1581 by William Grant
Use a famfamfam help icon for inline help links, since it's the right size and style.
349
  background-image: url(images/interface/help.png);
1562 by Matt Giuca
Removed submission advice from the subjects page, instead linking to the help page (which contained the same text). Also linked to this page from the submit page. Minor tweaks to the text relating to the submission advice. Fixes Launchpad Bug #520284.
350
}
351
1451.1.2 by William Grant
Move Subject.url to Offering, and add Offering.description. Show these on the offering index.
352
.webaction {
353
  background-image: url(images/interface/world.png);
354
}
355
1440 by William Grant
Add core add/edit icons from famfamfam Silk, plus some CSS to start an actions meme.
356
/* Actions relating the context can be floated at the right. */
357
.contextactions {
358
  position: absolute;
359
  top: 0;
360
  right: 0;
361
  margin: 1em;
362
}
1442 by William Grant
Convert the user modification actions to a context actions menu.
363
364
.contextactions a {
365
  display: block;
366
  margin-bottom: 0.3em;
367
}
1442.1.13 by William Grant
Reduce the opacity of projects that are closed.
368
1812.1.11 by Matt Giuca
Project page: Late submissions are now shown in red (the whole line, not just the date), rather than italics.
369
/* For project view (late_submission entries in the submission list), must
370
 * apply to the td (not the tr) and be !important to override the pretty_table
371
 * styling of the td text colour. */
372
.project.closed, .late_submission, tr.late_submission td {
373
   color: darkred !important;
1812.1.6 by Matt Giuca
Project page: Any late submissions are now shown with the date in italics, and with an asterisk.
374
}
375
1457 by William Grant
Make form_errors darkred.
376
.form_error {
377
    color: darkred;
378
}
1590 by William Grant
Add a horizontalactions class, which spaces horizontal actions nicely. Use it.
379
380
.horizontalactions * {
381
    margin-right: 0.5em;
382
}
1757 by William Grant
Separate users and admins on the user list, and strike through those who are disabled.
383
384
.disabled_user {
385
    text-decoration: line-through;
386
}