← 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
140
}
135
 
 
136
141
ul#apptabs li {
137
142
    display: inline;
138
 
    /*border: 1px solid black;*/
139
 
    /*background-color: #fc6;*/
140
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
141
 
    background-repeat: no-repeat;
142
 
    background-position: top left;
143
 
    padding: 0;
144
 
    padding-left: 4px;
145
 
}
146
 
ul#apptabs li a {
147
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
148
 
    background-repeat: no-repeat;
149
 
    background-position: top right;
150
 
    padding: 0;
151
 
    padding-right: 4px;
152
 
}
153
 
ul#apptabs li a span {
154
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
155
 
    background-repeat: repeat-x;
 
143
    padding: 3px;
 
144
    border: 1px solid black;
 
145
    background-color: #fc6;
156
146
    padding: 0 3px;
157
147
}
158
148
ul#apptabs li:hover {
159
 
    /*background-color: #fd8;*/
160
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
161
 
}
162
 
ul#apptabs li:hover a {
163
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
164
 
}
165
 
ul#apptabs li:hover a span {
166
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
 
149
    background-color: #fd8;
167
150
}
168
151
/* Currently active app tab */
169
152
ul#apptabs li.thisapp {
170
 
    /*background-color: white;*/
171
 
    /*border-bottom: 1px solid white;*/
172
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
173
 
}
174
 
ul#apptabs li.thisapp a {
175
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
176
 
}
177
 
ul#apptabs li.thisapp a span {
178
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
 
153
    background-color: white;
 
154
    border-bottom: 1px solid white;
179
155
}
180
156
 
181
157
ul#apptabs a {