|
170
by mattgiuca
browser: Added CSS and JS files (not much in them). |
1 |
/* IVLE - Informatics Virtual Learning Environment
|
2 |
* Copyright (C) 2007-2008 The University of Melbourne
|
|
3 |
* Style Sheet for File Browser and Editor
|
|
4 |
* This file is redistributable under the terms of the GNU General Public
|
|
5 |
* License version 2 or later.
|
|
6 |
*/
|
|
7 |
||
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
8 |
/* GENERAL FORMATTING */
|
9 |
||
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
10 |
p, h2, h3 { |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
11 |
padding: 0; |
12 |
margin: 0; |
|
13 |
margin-top: 11px; |
|
14 |
margin-bottom: 11px; |
|
15 |
}
|
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
16 |
p, h3 { |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
17 |
font-size: 1em; |
18 |
}
|
|
|
186
by mattgiuca
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML). |
19 |
h2 { |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
20 |
font-size: 1.1em; |
21 |
}
|
|
22 |
||
|
205
by mattgiuca
browser.js: Added appropriate handlers for error, text, and binary data. |
23 |
.padding { |
24 |
padding: 1em; |
|
25 |
}
|
|
26 |
||
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
27 |
/* OVERALL LAYOUT */
|
28 |
||
|
191
by mattgiuca
dispatch.html, ivle.css, browser.css: Major restyling of the IVLE website. |
29 |
/* Override common #ivlebody */
|
30 |
#ivlebody { |
|
31 |
padding: 0 ! important; |
|
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
32 |
}
|
33 |
||
34 |
#middle, #middle tbody { |
|
35 |
width: 100%; |
|
36 |
vertical-align: top; |
|
37 |
border-collapse: collapse; |
|
38 |
}
|
|
39 |
||
40 |
#sidepanel { |
|
41 |
width: 300px; |
|
42 |
}
|
|
43 |
||
44 |
/* TOP BAR */
|
|
45 |
||
46 |
#topbar { |
|
47 |
padding: 8px; |
|
48 |
background-color: #aaf; |
|
49 |
}
|
|
50 |
#topbar a { |
|
51 |
font-weight: bold; |
|
52 |
}
|
|
53 |
||
54 |
/* FILE LISTINGS TABLE */
|
|
55 |
||
56 |
#filetable { |
|
57 |
border-collapse: collapse; |
|
58 |
border-right: 1px solid #888; |
|
59 |
padding: 0; |
|
60 |
}
|
|
61 |
||
62 |
th { |
|
63 |
text-align: left; |
|
64 |
}
|
|
65 |
||
|
188
by mattgiuca
browser.js: Can now (shakily) handle directory listings. (lots of code!) |
66 |
td.thincol { |
|
229
by mattgiuca
Images: Reduced "small" icons from 22x22 to 16x16. Reduced "large" icons from |
67 |
width: 18px; |
|
188
by mattgiuca
browser.js: Can now (shakily) handle directory listings. (lots of code!) |
68 |
}
|
69 |
||
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
70 |
#filetablediv { |
71 |
overflow: auto; |
|
72 |
}
|
|
73 |
||
74 |
/* Individual column sizes */
|
|
75 |
/* All columns have fixed widths except filename, which expands to fit. */
|
|
76 |
||
77 |
.col-check { |
|
78 |
width: 20px; |
|
79 |
}
|
|
80 |
.col-icons { |
|
81 |
width: 50px; |
|
82 |
}
|
|
83 |
.col-filename { |
|
84 |
width: auto; |
|
85 |
}
|
|
86 |
.col-size { |
|
87 |
width: 100px; |
|
88 |
}
|
|
89 |
.col-date { |
|
90 |
width: 150px; |
|
91 |
}
|
|
92 |
||
93 |
/* Table borders and rows */
|
|
94 |
||
95 |
tr.rowhead { |
|
96 |
background-color: #336; |
|
97 |
color: white; |
|
98 |
}
|
|
99 |
tr.rowhead a:link, tr.rowhead a:visited { |
|
100 |
color: #aaf; |
|
101 |
}
|
|
102 |
/* Unselected (grey shades)
|
|
103 |
* Note alternating rows are different shades
|
|
104 |
*/
|
|
105 |
tr.row1 { |
|
106 |
background-color: #ccc; |
|
107 |
cursor: pointer; |
|
108 |
}
|
|
109 |
tr.row2 { |
|
|
229
by mattgiuca
Images: Reduced "small" icons from 22x22 to 16x16. Reduced "large" icons from |
110 |
background-color: #bbb; |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
111 |
cursor: pointer; |
112 |
}
|
|
113 |
/* And if they are selected (blue shades) */
|
|
114 |
tr.row1sel { |
|
115 |
background-color: #88e; |
|
116 |
cursor: pointer; |
|
117 |
}
|
|
118 |
tr.row2sel { |
|
|
229
by mattgiuca
Images: Reduced "small" icons from 22x22 to 16x16. Reduced "large" icons from |
119 |
background-color: #77d; |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
120 |
cursor: pointer; |
121 |
}
|
|
122 |
||
123 |
#filetable table { |
|
124 |
border-collapse: collapse; |
|
125 |
}
|
|
126 |
||
127 |
#filetable td, #filetable th { |
|
128 |
border: 1px solid #888; |
|
129 |
}
|
|
130 |
||
131 |
/* Borders between icons and filename are turned off. */
|
|
132 |
||
133 |
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date { |
|
134 |
border-right: 0 none; |
|
135 |
}
|
|
136 |
#filetable td.col-filename { |
|
137 |
border-left: 0 none; |
|
138 |
}
|
|
139 |
||
140 |
/* SIDE PANEL */
|
|
141 |
||
142 |
#sidepanel { |
|
143 |
border-left: 1px solid #888; |
|
144 |
border-top: 1px solid #888; |
|
145 |
background-color: #ccc; |
|
146 |
font-size: 0.8em; |
|
147 |
padding: 8px; |
|
148 |
text-align: center; |
|
149 |
}
|
|
150 |
||
|
211
by mattgiuca
fileservice/listing: Slight change to date format. |
151 |
#sidepanel p, #sidepanel h2, #sidepanel h3 { |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
152 |
margin: 0; |
153 |
padding: 0; |
|
154 |
}
|
|
155 |
||
|
211
by mattgiuca
fileservice/listing: Slight change to date format. |
156 |
#sidepanel h3 { |
157 |
margin-top: 1em; |
|
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
158 |
}
|
159 |
||
160 |
#sidepanel a { |
|
161 |
font-weight: bold; |
|
162 |
}
|
|
163 |
||
164 |
/* STATUS BAR */
|
|
165 |
||
166 |
#statusbar { |
|
167 |
background-color: #aaa; |
|
168 |
border-top: 1px solid #888; |
|
169 |
font-size: 0.8em; |
|
|
203
by mattgiuca
browser: Removed all directory-listing specific HTML from the Python-generated |
170 |
padding: 2px; |
|
185
by mattgiuca
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main |
171 |
}
|
|
205
by mattgiuca
browser.js: Added appropriate handlers for error, text, and binary data. |
172 |
|
173 |
/* TEXT EDITOR */
|
|
174 |
||
175 |
#editbox { |
|
176 |
width: 100%; |
|
177 |
height: 100%; |
|
178 |
}
|