|
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 |
||
19 |
a:link, a:visited { |
|
20 |
color: navy; |
|
21 |
}
|
|
22 |
a:hover, a:active, a:focus { |
|
23 |
color: blue; |
|
24 |
}
|
|
25 |
||
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
26 |
.error { |
27 |
color: #a00; |
|
28 |
}
|
|
29 |
||
30 |
/** Special styles for header section **/
|
|
31 |
||
32 |
#ivleheader { |
|
33 |
background-color: #fea; |
|
|
198
by mattgiuca
ivle.css: Fixed header layout so it has a minimum height (in the non-tabs |
34 |
/* Pad left and right. */
|
35 |
padding: 0 1em; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
36 |
border-bottom: 1px solid black; |
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
37 |
/* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
|
38 |
* #ivleheader.height to update it. */
|
|
39 |
height: 5.3em; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
40 |
}
|
|
197
by mattgiuca
dispatch.html, ivle.css: Main IVLE header is now an h1/h2 pair, styled to the |
41 |
|
42 |
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
|
|
43 |
#ivleheader h1 { |
|
44 |
position: absolute; |
|
45 |
text-align: left; |
|
|
198
by mattgiuca
ivle.css: Fixed header layout so it has a minimum height (in the non-tabs |
46 |
font-size: 3.8em; |
|
197
by mattgiuca
dispatch.html, ivle.css: Main IVLE header is now an h1/h2 pair, styled to the |
47 |
font-style: italic; |
48 |
color: #ffc; |
|
49 |
margin: 0; |
|
50 |
padding: 0; |
|
51 |
}
|
|
52 |
#ivleheader h2 { |
|
53 |
position: absolute; |
|
54 |
text-align: left; |
|
55 |
font-size: 1.3em; |
|
56 |
margin-top: 1em; |
|
57 |
margin-bottom: 1em; |
|
58 |
padding: 0; |
|
59 |
}
|
|
60 |
||
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
61 |
/* Note: The body has NO PADDING by default (unlike plain HTML).
|
62 |
* This is because almost all of the apps need this behaviour.
|
|
63 |
* If a particular app needs padding, it should manually wrap all of its
|
|
64 |
* output in a <div id="ivle_padding">.
|
|
65 |
*/
|
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
66 |
#ivlebody { |
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
67 |
/* This is positioned absolutely so that its content can be positioned
|
68 |
* absolutely as well, and so height: 100% really means it. */
|
|
69 |
position: absolute; |
|
70 |
top: 5.3em; /* == #ivleheader.height */ |
|
71 |
bottom: 0; |
|
72 |
width: 100%; |
|
73 |
}
|
|
74 |
||
75 |
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
|
|
76 |
* element, if 1em of padding is desired (otherwise there will be no padding).
|
|
77 |
*/
|
|
78 |
#ivle_padding { |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
79 |
padding: 1em; |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
80 |
}
|
81 |
||
82 |
p.userhello { |
|
83 |
font-size: .8em; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
84 |
top: 0; |
|
197
by mattgiuca
dispatch.html, ivle.css: Main IVLE header is now an h1/h2 pair, styled to the |
85 |
text-align: right; |
|
198
by mattgiuca
ivle.css: Fixed header layout so it has a minimum height (in the non-tabs |
86 |
padding: 11px 0; |
87 |
margin: 0; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
88 |
}
|
89 |
p.userhello .username { |
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
90 |
font-weight: bold; |
91 |
}
|
|
92 |
||
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
93 |
/* The tabs bar is positioned absolutely, unlike the other header content.
|
|
344
by mattgiuca
dispatch/ivle CSS foo. |
94 |
* This allows it to be aligned exactly with the bottom of the header bar.
|
95 |
*/
|
|
96 |
#ivleheader_tabs { |
|
97 |
position: absolute; |
|
|
345
by mattgiuca
Global CSS change: ivlebody no longer has 1em of padding (it has none). |
98 |
height: 5.3em; /* == #ivleheader.height */ |
|
344
by mattgiuca
dispatch/ivle CSS foo. |
99 |
top: 0; |
100 |
left: 0; |
|
101 |
right: 0; |
|
102 |
width: 100%; |
|
103 |
padding: 0; |
|
104 |
margin: 0; |
|
105 |
}
|
|
106 |
||
107 |
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
|
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
108 |
ul#apptabs { |
|
344
by mattgiuca
dispatch/ivle CSS foo. |
109 |
position: absolute; |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
110 |
text-align: right; |
|
344
by mattgiuca
dispatch/ivle CSS foo. |
111 |
bottom: 0; |
112 |
right: 1em; /* == #ivleheader.padding-right */ |
|
113 |
padding: 0; |
|
114 |
margin: 0; |
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
115 |
}
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
116 |
ul#apptabs li { |
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
117 |
display: inline; |
118 |
padding: 3px; |
|
119 |
border: 1px solid black; |
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
120 |
background-color: #fc6; |
121 |
padding: 0 3px; |
|
122 |
}
|
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
123 |
ul#apptabs li:hover { |
|
206
by mattgiuca
ivle.css: (minor) App tabs now the background colour lights up when hovering |
124 |
background-color: #fd8; |
125 |
}
|
|
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
126 |
/* Currently active app tab */
|
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
127 |
ul#apptabs li.thisapp { |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
128 |
background-color: white; |
129 |
border-bottom: 1px solid white; |
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
130 |
}
|
131 |
||
|
208
by mattgiuca
dispatch.html, ivle.css: "apptabs" is now an ID, not a class. |
132 |
ul#apptabs a { |
|
206
by mattgiuca
ivle.css: (minor) App tabs now the background colour lights up when hovering |
133 |
color: navy; /* Text colour not to change */ |
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
134 |
text-decoration: none; |
|
169
by mattgiuca
Added global common css file (media/common/ivle.css). |
135 |
}
|