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