|
169
by mattgiuca
Added global common css file (media/common/ivle.css). |
1 |
/* IVLE - Informatics Virtual Learning Environment
|
2 |
* Copyright (C) 2007-2008 The University of Melbourne
|
|
3 |
* Common Style Sheet
|
|
4 |
* This file is redistributable under the terms of the GNU General Public
|
|
5 |
* License version 2 or later.
|
|
6 |
*/
|
|
7 |
||
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
8 |
/** Generic styling **/
|
9 |
||
10 |
html, body { |
|
11 |
margin: 0; |
|
12 |
padding: 0; |
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
13 |
background-color: white; |
14 |
color: black; |
|
|
228
by mattgiuca
common/ivle.css: changed font family from "sans" to "sans-serif" (this is |
15 |
font-family: sans-serif; |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
16 |
font-size: 0.95em; |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
17 |
}
|
18 |
||
|
1026
by mattgiuca
CSS: Fixed up 'a' elements as follows: |
19 |
a { |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
20 |
color: navy; |
|
1026
by mattgiuca
CSS: Fixed up 'a' elements as follows: |
21 |
text-decoration: underline; |
22 |
cursor: pointer; |
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
23 |
}
|
24 |
a:hover, a:active, a:focus { |
|
25 |
color: blue; |
|
26 |
}
|
|
27 |
||
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
28 |
.error { |
29 |
color: #a00; |
|
30 |
}
|
|
31 |
||
|
1100.1.34
by Matt Giuca
ivle-headings.html: The IVLE logo is now clickable (takes you to /). |
32 |
a img { |
33 |
border: none; |
|
34 |
}
|
|
35 |
||
|
1100.1.17
by Matt Giuca
Generic style: h1 is now rendered specially, as a golden bar along the top. |
36 |
/* h1s are styled specially to a small golden 3D bar */
|
|
1100.1.20
by Matt Giuca
IVLE title is now an H1 again. |
37 |
#ivlebody h1 { |
|
1100.1.17
by Matt Giuca
Generic style: h1 is now rendered specially, as a golden bar along the top. |
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 |
||
|
1100.1.21
by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2. |
49 |
#ivlebody h2 { |
50 |
font-size: 1.4em; |
|
51 |
}
|
|
52 |
||
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
53 |
/** Special styles for header section **/
|
54 |
||
55 |
#ivleheader { |
|
|
361
by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly |
56 |
position: absolute; |
|
1100.1.3
by Matt Giuca
webapp/coremedia/ivle.css: Changed the header bar from yellow to blue. |
57 |
background-color: #abf; |
|
1100.1.18
by William Grant
Fix CSS reference to topbar-hashes; it's slashes. |
58 |
background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png); |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
59 |
background-repeat: repeat-x; |
|
361
by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly |
60 |
padding: 0; |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
61 |
border-bottom: 1px solid black; |
|
1100.1.6
by Matt Giuca
ivle.css: Removed the gap between the header and the content. |
62 |
/* IMPORTANT: This 4em is hard-coded elsewhere in this file. Search for
|
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
63 |
* #ivleheader.height to update it. */
|
|
1100.1.5
by Matt Giuca
image-source/title.svg: Shrunk title to 42px (not 50px). This allows us to |
64 |
height: 4em; |
|
361
by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly |
65 |
left: 0; |
66 |
right: 0; |
|
67 |
z-index: 1; /* Background to all, but the body */ |
|
68 |
}
|
|
69 |
||
|
1100.1.20
by Matt Giuca
IVLE title is now an H1 again. |
70 |
#ivleheader h1 { |
71 |
margin: 0; |
|
72 |
padding: 8px; |
|
|
1100.1.9
by Matt Giuca
The IVLE logo is now an <img> element, rather than a CSS background. |
73 |
}
|
74 |
||
|
361
by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly |
75 |
#ivleheader_text { |
76 |
position: absolute; |
|
|
1100.1.31
by Matt Giuca
Ivle header: Put ivleheader_text inside ivleheader, simplifying the CSS a lot. |
77 |
padding: 0.5em; |
78 |
top: 0; |
|
79 |
right: 0.5em; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
80 |
}
|
|
197
by mattgiuca
dispatch.html, ivle.css: Main IVLE header is now an h1/h2 pair, styled to the |
81 |
|
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
82 |
/* Note: The body has NO PADDING by default (unlike plain HTML).
|
83 |
* This is because almost all of the apps need this behaviour.
|
|
84 |
* If a particular app needs padding, it should manually wrap all of its
|
|
85 |
* output in a <div id="ivle_padding">.
|
|
86 |
*/
|
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
87 |
#ivlebody { |
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
88 |
/* This is positioned absolutely so that its content can be positioned
|
89 |
* absolutely as well, and so height: 100% really means it. */
|
|
90 |
position: absolute; |
|
|
1100.1.6
by Matt Giuca
ivle.css: Removed the gap between the header and the content. |
91 |
top: 4em; /* == #ivleheader.height */ |
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
92 |
bottom: 0; |
93 |
width: 100%; |
|
|
361
by mattgiuca
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly |
94 |
z-index: 0; /* Behind header */ |
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
95 |
}
|
96 |
||
97 |
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
|
|
98 |
* element, if 1em of padding is desired (otherwise there will be no padding).
|
|
|
1100.1.21
by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2. |
99 |
* Note: No top padding, since the first element should have a margins (p or
|
100 |
* h2).
|
|
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
101 |
*/
|
102 |
#ivle_padding { |
|
|
1100.1.21
by Matt Giuca
ivle.css: Tweaked sizes - ivlepadding and h2. |
103 |
padding: 0 1em 1em 1em; |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
104 |
}
|
105 |
||
|
1100.1.31
by Matt Giuca
Ivle header: Put ivleheader_text inside ivleheader, simplifying the CSS a lot. |
106 |
p.userhello { |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
107 |
font-size: .8em; |
|
198
by mattgiuca
ivle.css: Fixed header layout so it has a minimum height (in the non-tabs |
108 |
margin: 0; |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
109 |
}
|
|
1076
by chadnickbok
Created a new app, logout, which when given a GET |
110 |
.userhello .username { |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
111 |
font-weight: bold; |
112 |
}
|
|
113 |
||
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
114 |
/* The tabs bar is positioned absolutely, unlike the other header content.
|
|
344
by mattgiuca
dispatch/ivle CSS foo. |
115 |
* This allows it to be aligned exactly with the bottom of the header bar.
|
116 |
*/
|
|
117 |
#ivleheader_tabs { |
|
118 |
position: absolute; |
|
|
1100.1.30
by Matt Giuca
Ivle heading: Reworked CSS so tabs are no longer a separate layer on top of |
119 |
right: 1em; |
120 |
bottom: 0; |
|
|
344
by mattgiuca
dispatch/ivle CSS foo. |
121 |
}
|
122 |
||
|
394
by mattgiuca
Fixed display of the "DebugInfo" warning. Due to the new layout, this was |
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 |
||
|
1100.1.33
by Matt Giuca
ivle.css: Fixed display of tabs. |
132 |
ul#apptabs { |
133 |
margin: 0; |
|
134 |
}
|
|
135 |
||
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
136 |
ul#apptabs li { |
|
1100.1.33
by Matt Giuca
ivle.css: Fixed display of tabs. |
137 |
display: inline; |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
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 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
146 |
ul#apptabs li a { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
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 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
153 |
ul#apptabs li a span { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
154 |
background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png); |
155 |
background-repeat: repeat-x; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
156 |
padding: 0 3px; |
157 |
}
|
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
158 |
ul#apptabs li:hover { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
159 |
/*background-color: #fd8;*/
|
160 |
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png); |
|
161 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
162 |
ul#apptabs li:hover a { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
163 |
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png); |
164 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
165 |
ul#apptabs li:hover a span { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
166 |
background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png); |
|
206
by mattgiuca
ivle.css: (minor) App tabs now the background colour lights up when hovering |
167 |
}
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
168 |
/* Currently active app tab */
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
169 |
ul#apptabs li.thisapp { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
170 |
/*background-color: white;*/
|
171 |
/*border-bottom: 1px solid white;*/
|
|
172 |
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png); |
|
173 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
174 |
ul#apptabs li.thisapp a { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
175 |
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png); |
176 |
}
|
|
|
1100.1.11
by Matt Giuca
Re-jigged the links on the tabs, so they now encompass the whole button, not |
177 |
ul#apptabs li.thisapp a span { |
|
1100.1.1
by Matt Giuca
Added a new look to the IVLE header bar. Mmmm... Web 2.0. |
178 |
background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png); |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
179 |
}
|
180 |
||
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
181 |
ul#apptabs a { |
|
206
by mattgiuca
ivle.css: (minor) App tabs now the background colour lights up when hovering |
182 |
color: navy; /* Text colour not to change */ |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
183 |
text-decoration: none; |
|
169
by mattgiuca
Added global common css file (media/common/ivle.css). |
184 |
}
|
|
455
by mattgiuca
Login now handles the 3 login states: no_agreement, enabled and disabled. |
185 |
|
186 |
/* Terms of Service accept / decline buttons */
|
|
187 |
#tos_acceptbuttons { |
|
188 |
text-align: center; |
|
189 |
}
|
|
|
1099.1.222
by Nick Chadwick
Added a warning message to exercise editor (untested/unfinished code). |
190 |
|
191 |
/* For system warning messages */
|
|
192 |
.system_warning { |
|
193 |
margin: 1em; |
|
194 |
padding: 0.5em; |
|
195 |
border: 1px solid #a22; |
|
196 |
background: #f88; |
|
197 |
}
|