« back to all changes in this revision
Viewing changes to www/media/browser/browser.css
- browse files at revision 383
- compare with another revision
- compare with revision 1294.3.1
- download diff
- download tarball
- view history from revision 383
- Committer: mattgiuca
- Date: 2008-02-03 04:21:06 UTC
- Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:383
Split media/browser/browser.css into 3 files (listing.css and editor.css).
browser/__init__.py includes all of these CSS files.
browser/__init__.py includes all of these CSS files.
- files added:
- www/media/browser/editor.css
- files modified:
- www/apps/browser/__init__.py
added
removed
www/media/browser/browser.css
22
22
padding: 1em;
23
23
}
24
24
25
/* OVERALL LAYOUT */
26
/* Note: Top-level things are layed out with position: absolute in order to
27
* make sure they fill up the whole canvas. */
28
29
#middle {
30
/* Fill containing box, but reserve space for status bar */
31
position: absolute;
32
top: 0;
33
/* bottom == #statusbar_outer.height + #statusbar_outer.padding * 2 */
34
bottom: 1.4em;
35
left: 0;
36
right: 0;
37
}
38
39
25
/* TOP BAR */
40
26
41
27
#topbar {
66
52
bottom: 0;
67
53
}
68
54
69
/* FILE LISTINGS TABLE */
70
71
#filetable {
72
/* Position to fill its containing box, except the right 300px, for
73
* sidepanel. */
74
position: absolute;
75
left: 0;
76
top: 0;
77
bottom: 0;
78
right: 300px;
79
border-collapse: collapse;
80
border-right: 1px solid #888;
81
padding: 0;
82
/* Present a vertical scroll bar in case there are too many files.
83
* This ensures the overall page will never scroll (which causes huge
84
* problems for everything being absolutely positioned). */
85
overflow: scroll;
86
/* Some browsers support overflow-x and overflow-y. In this case, use
87
* overflow-x: auto to disable the horizontal scroll bar.
88
* (If unsupported this will simply fall back to a harmless but annoying
89
* horizontal scroll bar).
90
*/
91
overflow-x: auto;
92
}
93
94
th {
95
text-align: left;
96
}
97
98
td.thincol {
99
width: 18px;
100
}
101
102
#filetablediv {
103
overflow: auto;
104
}
105
106
/* Individual column sizes */
107
/* All columns have fixed widths except filename, which expands to fit. */
108
109
.col-check {
110
width: 20px;
111
}
112
.col-icons {
113
width: 50px;
114
}
115
.col-filename {
116
width: auto;
117
}
118
.col-size {
119
width: 100px;
120
}
121
.col-date {
122
width: 150px;
123
}
124
125
/* Table borders and rows */
126
127
tr.rowhead {
128
background-color: #336;
129
color: white;
130
}
131
tr.rowhead a:link, tr.rowhead a:visited {
132
color: #aaf;
133
}
134
/* Unselected (grey shades)
135
* Note alternating rows are different shades
136
*/
137
tr.row1 {
138
background-color: #ccc;
139
cursor: pointer;
140
}
141
tr.row2 {
142
background-color: #bbb;
143
cursor: pointer;
144
}
145
/* And if they are selected (blue shades) */
146
tr.row1sel {
147
background-color: #88e;
148
cursor: pointer;
149
}
150
tr.row2sel {
151
background-color: #77d;
152
cursor: pointer;
153
}
154
155
#filetable table {
156
border-collapse: collapse;
157
}
158
159
#filetable td, #filetable th {
160
border: 1px solid #888;
161
}
162
163
/* Borders between icons and filename are turned off. */
164
165
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
166
border-right: 0 none;
167
}
168
#filetable td.col-filename {
169
border-left: 0 none;
170
}
171
172
/* SIDE PANEL */
173
174
#sidepanel_outer {
175
/* Position this full canvas height, page right */
176
position: absolute;
177
top: 0;
178
bottom: 0;
179
right: 0;
180
width: 300px;
181
border-left: 1px solid #888;
182
border-top: 1px solid #888;
183
background-color: #ccc;
184
font-size: 0.8em;
185
text-align: center;
186
/* Cut off the bottom if it doesn't fit on the page for some reason.
187
* This ensures the overall page will never scroll (which causes huge
188
* problems for everything being absolutely positioned). */
189
overflow: hidden;
190
}
191
#sidepanel {
192
padding: 8px;
193
}
194
195
#sidepanel p, #sidepanel h2, #sidepanel h3 {
196
margin: 0;
197
padding: 0;
198
}
199
200
#sidepanel h3 {
201
margin-top: 1em;
202
}
203
204
#sidepanel a {
205
font-weight: bold;
206
}
207
208
/* STATUS BAR */
209
210
#statusbar_outer {
211
/* Get this to the bottom of the screen */
212
position: absolute;
213
left: 0;
214
right: 0;
215
bottom: 0;
216
background-color: #aaa;
217
border-top: 1px solid #888;
218
padding: 0.2em;
219
height: 1em; /* Mandate an exact height */
220
}
221
/* Nested div so the font size doesn't affect our outer calculations */
222
#statusbar {
223
font-size: 0.8em;
224
}
225
226
/* TEXT EDITOR */
227
228
#editbox {
229
width: 100%;
230
height: 100%;
231
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1