← 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-07-21 05:25:48 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:920
userdb: Added to table "offering" fields max_students_per_group and
    max_groups_per_student.

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