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