← 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: chadnickbok
  • Date: 2009-01-22 02:14:14 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:1173
Fixes Issue #14

When uploading files, students will now be shown an
error message if there upload would replace already existing
files.

This upload will not be performed until it will not clobber
any old files.

Note that there is currently a way to change this behaviour in
the code in action.py, to allow files to be overwritten. However
there is no way this flag can be set through the browser interface
(yet).

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 4em 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: 4em;
 
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
 
#ivleheader h1 {
71
 
    margin: 0;
72
 
    padding: 8px;
73
 
}
74
 
 
75
47
#ivleheader_text {
76
 
    position: absolute;
77
 
    padding: 0.5em;
78
 
    top: 0;
79
 
    right: 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;
80
73
}
81
74
 
82
75
/* Note: The body has NO PADDING by default (unlike plain HTML).
88
81
    /* This is positioned absolutely so that its content can be positioned
89
82
     * absolutely as well, and so height: 100% really means it. */
90
83
    position: absolute;
91
 
    top: 4em;               /* == #ivleheader.height */
 
84
    top: 5.3em;             /* == #ivleheader.height */
92
85
    bottom: 0;
93
86
    width: 100%;
94
87
    z-index: 0;     /* Behind header */
96
89
 
97
90
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
98
91
 * element, if 1em of padding is desired (otherwise there will be no padding).
99
 
 * Note: No top padding, since the first element should have a margins (p or
100
 
 * h2).
101
92
 */
102
93
#ivle_padding {
103
 
    padding: 0 1em 1em 1em;
 
94
    padding: 1em;
104
95
}
105
96
 
106
 
p.userhello {
 
97
.userhello {
107
98
    font-size: .8em;
 
99
    top: 0;
 
100
    text-align: right;
 
101
    padding: 11px 0;
108
102
    margin: 0;
109
103
}
110
104
.userhello .username {
116
110
 */
117
111
#ivleheader_tabs {
118
112
    position: absolute;
119
 
    right: 1em;
120
 
    bottom: 0;
 
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
121
}
122
122
 
123
123
#ivleheader_tabs p {
129
129
    margin: 0;
130
130
}
131
131
 
 
132
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
132
133
ul#apptabs {
 
134
    position: absolute;
 
135
    text-align: right;
 
136
    bottom: 0;
 
137
    right: 1em;             /* == #ivleheader.padding-right */
 
138
    padding: 0;
133
139
    margin: 0;
134
 
    white-space: nowrap;
135
140
}
136
 
 
137
141
ul#apptabs li {
138
142
    display: inline;
139
 
    /*border: 1px solid black;*/
140
 
    /*background-color: #fc6;*/
141
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
142
 
    background-repeat: no-repeat;
143
 
    background-position: top left;
144
 
    padding: 0;
145
 
    padding-left: 4px;
146
 
}
147
 
ul#apptabs li a {
148
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
149
 
    background-repeat: no-repeat;
150
 
    background-position: top right;
151
 
    padding: 0;
152
 
    padding-right: 4px;
153
 
}
154
 
ul#apptabs li a span {
155
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
156
 
    background-repeat: repeat-x;
 
143
    padding: 3px;
 
144
    border: 1px solid black;
 
145
    background-color: #fc6;
157
146
    padding: 0 3px;
158
147
}
159
148
ul#apptabs li:hover {
160
 
    /*background-color: #fd8;*/
161
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
162
 
}
163
 
ul#apptabs li:hover a {
164
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
165
 
}
166
 
ul#apptabs li:hover a span {
167
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
 
149
    background-color: #fd8;
168
150
}
169
151
/* Currently active app tab */
170
152
ul#apptabs li.thisapp {
171
 
    /*background-color: white;*/
172
 
    /*border-bottom: 1px solid white;*/
173
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
174
 
}
175
 
ul#apptabs li.thisapp a {
176
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
177
 
}
178
 
ul#apptabs li.thisapp a span {
179
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
 
153
    background-color: white;
 
154
    border-bottom: 1px solid white;
180
155
}
181
156
 
182
157
ul#apptabs a {
188
163
#tos_acceptbuttons {
189
164
    text-align: center;
190
165
}
191
 
 
192
 
/* For system warning messages */
193
 
.system_warning {
194
 
    margin: 1em;
195
 
    padding: 0.5em;
196
 
    border: 1px solid #a22;
197
 
    background: #f88;
198
 
}
199
 
 
200
 
form.verticalform div {
201
 
    padding: 0.2em 0;
202
 
}
203
 
 
204
 
form.verticalform div label {
205
 
    display: block;
206
 
    float: left;
207
 
    text-align: right;
208
 
    width: 200px;
209
 
    margin-right: 5px;
210
 
    font-weight: bold;
211
 
}