← 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-12 12:41:39 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:196
Added application icons, displayed in the tabs at the top of the IVLE page.
conf.apps: Added a new optional property "icon" to the App class.
    All the apps with tabs now have an icon set.
Added directory: media/images/apps, containing PNG icons (from Nuvola) for
    each of the 5 apps.
dispatch.html: Reads the icon property and writes <img> tags into the tabs,
    displaying the icons.

On a personal note, this looks really awesome! It was a complete accident that
the icons pop up out of the top of the tabs, but I love the look of it.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
12
12
    padding: 0;
13
13
    background-color: white;
14
14
    color: black;
15
 
    font-family: sans-serif;
 
15
    font-family: sans;
16
16
    font-size: 0.95em;
17
17
}
18
18
 
23
23
    color: blue;
24
24
}
25
25
 
 
26
h1 {
 
27
    text-align: center;
 
28
    font-size: 1.3em;
 
29
    margin-top: 0.67em;
 
30
    margin-bottom: 0.67em;
 
31
}
 
32
 
26
33
.error {
27
34
    color: #a00;
28
35
}
31
38
 
32
39
#ivleheader {
33
40
    background-color: #fea;
34
 
    /* Pad left and right. */
35
 
    padding: 0 1em;
 
41
    /* Pad left and right. Pad 1px top to extend colour. */
 
42
    padding: 1px 1em 0 1em;
36
43
    border-bottom: 1px solid black;
37
 
    min-height: 4.3em;
38
 
}
39
 
 
40
 
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
41
 
#ivleheader h1 {
42
 
    position: absolute;
43
 
    text-align: left;
44
 
    font-size: 3.8em;
45
 
    font-style: italic;
46
 
    color: #ffc;
47
 
    margin: 0;
48
 
    padding: 0;
49
 
}
50
 
#ivleheader h2 {
51
 
    position: absolute;
52
 
    text-align: left;
53
 
    font-size: 1.3em;
54
 
    margin-top: 1em;
55
 
    margin-bottom: 1em;
56
 
    padding: 0;
57
 
}
58
 
 
 
44
}
59
45
/* Note: You can override this in app-specific CSS if you want to
60
46
 * push the body all the way to the edge. */
61
47
#ivlebody {
64
50
 
65
51
p.userhello {
66
52
    font-size: .8em;
 
53
    position: absolute;
67
54
    top: 0;
68
 
    text-align: right;
69
 
    padding: 11px 0;
70
 
    margin: 0;
 
55
    right: 1em;
71
56
}
72
57
p.userhello .username {
73
58
    font-weight: bold;
74
59
}
75
60
 
76
 
ul#apptabs {
 
61
ul.apptabs {
77
62
    text-align: right;
78
63
    margin-bottom: 0;
79
64
}
80
 
ul#apptabs li {
 
65
ul.apptabs li {
81
66
    display: inline;
82
67
    padding: 3px;
83
68
    border: 1px solid black;
84
69
    background-color: #fc6;
85
70
    padding: 0 3px;
86
71
}
87
 
ul#apptabs li:hover {
88
 
    background-color: #fd8;
89
 
}
90
72
/* Currently active app tab */
91
 
ul#apptabs li.thisapp {
 
73
ul.apptabs li.thisapp {
92
74
    background-color: white;
93
75
    border-bottom: 1px solid white;
94
76
}
95
77
 
96
 
ul#apptabs a {
97
 
    color: navy;    /* Text colour not to change */
 
78
ul.apptabs a {
98
79
    text-decoration: none;
99
80
}