← 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: me at id
  • Date: 2009-01-15 05:53:45 UTC
  • mto: This revision was merged to the branch mainline in revision 1090.
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:branches%2Fstorm:1161
bin/ivle-showenrolment: Switch to ivle.database.User.enrolments from
    ivle.db.get_enrolment, removing the dependency on ivle.db.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
29
29
    color: #a00;
30
30
}
31
31
 
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
32
/** Special styles for header section **/
54
33
 
55
34
#ivleheader {
56
35
    position: absolute;
57
 
    background-color: #abf;
58
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
59
 
    background-repeat: repeat-x;
 
36
    background-color: #fea;
60
37
    padding: 0;
61
38
    border-bottom: 1px solid black;
62
 
    /* IMPORTANT: This 2em is hard-coded elsewhere in this file. Search for
 
39
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
63
40
     * #ivleheader.height to update it. */
64
 
    height: 2em;
 
41
    height: 5.3em;
65
42
    left: 0;
66
43
    right: 0;
67
44
    z-index: 1;     /* Background to all, but the body */
68
45
}
69
46
 
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: 6px;
81
 
    position: relative;
82
 
}
83
 
 
84
 
ul#ivle_breadcrumbs > li > a {
85
 
    display: block;
86
 
    padding: 4px 16px 0 6px;
87
 
    text-decoration: none;
88
 
    color: black;
89
 
}
90
 
 
91
 
ul#ivle_breadcrumbs > li > span {
92
 
    display: block;
93
 
    padding: 4px 16px 0 6px;
94
 
}
95
 
 
96
 
ul#ivle_breadcrumbs > li > a:hover {
97
 
    text-decoration: underline;
98
 
}
99
 
 
100
 
ul#ivle_breadcrumbs > li > ul {
101
 
    display: none;
102
 
    list-style-type: none;
103
 
 
104
 
    position: absolute;
105
 
    padding-left: 0;
106
 
    top: 2em;
107
 
    left: -21px; /* Just meets the chevron on the left. */
108
 
    width: 200px;
109
 
 
110
 
    background: #abf;
111
 
    border: 1px solid #dee4ff;
112
 
    opacity: 0.95;
113
 
}
114
 
 
115
 
ul#ivle_breadcrumbs > li:first-child > ul {
116
 
    left: 0; /* Don't want the IVLE menu to run off the LHS. */
117
 
}
118
 
 
119
 
ul#ivle_breadcrumbs > li:hover > ul {
120
 
    display: block;
121
 
}
122
 
 
123
 
ul#ivle_breadcrumbs > li > ul > li {
124
 
    padding: 0.3em;
125
 
}
126
 
 
127
 
ul#ivle_breadcrumbs > li:first-child > ul > li > a {
128
 
    min-height: 24px;
129
 
    vertical-align: middle;
130
 
    padding-top: 2px;
131
 
}
132
 
 
133
 
ul#ivle_breadcrumbs > li > ul > li > a {
134
 
    display: block;
135
 
}
136
 
 
137
 
ul#ivle_breadcrumbs > li > ul > li:hover {
138
 
    background: #b8c6ff;
139
 
}
140
 
 
141
47
#ivleheader_text {
142
 
    float: right;
143
 
    padding: 0.5em;
 
48
    /* Pad left and right. */
 
49
    position: absolute;
 
50
    padding: 0 1em;
 
51
    left: 0;
 
52
    right: 0;
 
53
    z-index: 3;     /* In front */
 
54
}
 
55
 
 
56
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
 
57
#ivleheader_text h1 {
 
58
    position: absolute;
 
59
    text-align: left;
 
60
    font-size: 3.8em;
 
61
    font-style: italic;
 
62
    color: #ffc;
 
63
    margin: 0;
 
64
    padding: 0;
 
65
}
 
66
#ivleheader_text h2 {
 
67
    position: absolute;
 
68
    text-align: left;
 
69
    font-size: 1.3em;
 
70
    margin-top: 1em;
 
71
    margin-bottom: 1em;
 
72
    padding: 0;
144
73
}
145
74
 
146
75
/* Note: The body has NO PADDING by default (unlike plain HTML).
152
81
    /* This is positioned absolutely so that its content can be positioned
153
82
     * absolutely as well, and so height: 100% really means it. */
154
83
    position: absolute;
155
 
    top: 2em;               /* == #ivleheader.height */
 
84
    top: 5.3em;             /* == #ivleheader.height */
156
85
    bottom: 0;
157
86
    width: 100%;
158
87
    z-index: 0;     /* Behind header */
160
89
 
161
90
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
162
91
 * element, if 1em of padding is desired (otherwise there will be no padding).
163
 
 * Note: No top padding, since the first element should have a margins (p or
164
 
 * h2).
165
92
 */
166
93
#ivle_padding {
167
 
    padding: 0 1em 1em 1em;
 
94
    padding: 1em;
168
95
}
169
96
 
170
 
p.userhello {
 
97
.userhello {
171
98
    font-size: .8em;
 
99
    top: 0;
 
100
    text-align: right;
 
101
    padding: 11px 0;
172
102
    margin: 0;
173
103
}
174
104
.userhello .username {
175
105
    font-weight: bold;
176
106
}
177
107
 
 
108
/* The tabs bar is positioned absolutely, unlike the other header content.
 
109
 * This allows it to be aligned exactly with the bottom of the header bar.
 
110
 */
 
111
#ivleheader_tabs {
 
112
    position: absolute;
 
113
    height: 5.3em;          /* == #ivleheader.height */
 
114
    top: 0;
 
115
    left: 0;
 
116
    right: 0;
 
117
    width: 100%;
 
118
    padding: 0;
 
119
    margin: 0;
 
120
    z-index: 2;     /* In front of background, behind text */
 
121
}
 
122
 
 
123
#ivleheader_tabs p {
 
124
    /* This allows for a single paragraph, currently used to display a warning
 
125
     * about Debuginfo */
 
126
    position: absolute;
 
127
    left: 1em;
 
128
    bottom: 0.5em;
 
129
    margin: 0;
 
130
}
 
131
 
 
132
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
 
133
ul#apptabs {
 
134
    position: absolute;
 
135
    text-align: right;
 
136
    bottom: 0;
 
137
    right: 1em;             /* == #ivleheader.padding-right */
 
138
    padding: 0;
 
139
    margin: 0;
 
140
}
 
141
ul#apptabs li {
 
142
    display: inline;
 
143
    padding: 3px;
 
144
    border: 1px solid black;
 
145
    background-color: #fc6;
 
146
    padding: 0 3px;
 
147
}
 
148
ul#apptabs li:hover {
 
149
    background-color: #fd8;
 
150
}
 
151
/* Currently active app tab */
 
152
ul#apptabs li.thisapp {
 
153
    background-color: white;
 
154
    border-bottom: 1px solid white;
 
155
}
 
156
 
 
157
ul#apptabs a {
 
158
    color: navy;    /* Text colour not to change */
 
159
    text-decoration: none;
 
160
}
 
161
 
178
162
/* Terms of Service accept / decline buttons */
179
163
#tos_acceptbuttons {
180
164
    text-align: center;
181
165
}
182
 
 
183
 
/* For system warning messages */
184
 
.system_warning {
185
 
    margin: 1em;
186
 
    padding: 0.5em;
187
 
    border: 1px solid #a22;
188
 
    background: #f88;
189
 
}