← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/media/browser/listing.css

  • 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.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/listing.css
 
1
/* IVLE - Informatics Virtual Learning Environment
 
2
 * Copyright (C) 2007-2008 The University of Melbourne
 
3
 * Style Sheet for File Browser and Editor
 
4
 * (File Listing view)
 
5
 * This file is redistributable under the terms of the GNU General Public
 
6
 * License version 2 or later.
 
7
 */
 
8
 
 
9
/* OVERALL LAYOUT */
 
10
/* Note: Top-level things are layed out with position: absolute in order to
 
11
 * make sure they fill up the whole canvas. */
 
12
 
 
13
#middle {
 
14
    /* Fill containing box, but reserve space for status bar */
 
15
    position: absolute;
 
16
    top: 0;
 
17
    /* bottom == #statusbar_outer.height + #statusbar_outer.padding * 2 */
 
18
    bottom: 1.4em;
 
19
    left: 0;
 
20
    right: 0;
 
21
}
 
22
 
 
23
/* FILE LISTINGS TABLE */
 
24
 
 
25
#filetable {
 
26
    /* Position to fill its containing box, except the right 300px, for
 
27
     * sidepanel. */
 
28
    position: absolute;
 
29
    left: 0;
 
30
    top: 0;
 
31
    bottom: 0;
 
32
    right: 300px;
 
33
    border-collapse: collapse;
 
34
    border-right: 1px solid #888;
 
35
    padding: 0;
 
36
    /* Present a vertical scroll bar in case there are too many files.
 
37
     * This ensures the overall page will never scroll (which causes huge
 
38
     * problems for everything being absolutely positioned). */
 
39
    overflow: scroll;
 
40
    /* Some browsers support overflow-x and overflow-y. In this case, use
 
41
     * overflow-x: auto to disable the horizontal scroll bar.
 
42
     * (If unsupported this will simply fall back to a harmless but annoying
 
43
     * horizontal scroll bar).
 
44
     */
 
45
    overflow-x: auto;
 
46
}
 
47
 
 
48
th {
 
49
    text-align: left;
 
50
}
 
51
 
 
52
td.thincol {
 
53
    width: 18px;
 
54
}
 
55
 
 
56
#filetablediv {
 
57
    overflow: auto;
 
58
}
 
59
 
 
60
/* Individual column sizes */
 
61
/* All columns have fixed widths except filename, which expands to fit. */
 
62
 
 
63
.col-check {
 
64
    width: 20px;
 
65
}
 
66
.col-icons {
 
67
    width: 50px;
 
68
}
 
69
.col-filename {
 
70
    width: auto;
 
71
}
 
72
.col-size {
 
73
    width: 100px;
 
74
}
 
75
.col-date {
 
76
    width: 150px;
 
77
}
 
78
 
 
79
/* Table borders and rows */
 
80
 
 
81
tr.rowhead {
 
82
    background-color: #336;
 
83
    color: white;
 
84
}
 
85
tr.rowhead a:link, tr.rowhead a:visited {
 
86
    color: #aaf;
 
87
}
 
88
/* Unselected (grey shades)
 
89
 * Note alternating rows are different shades
 
90
 */
 
91
tr.row1 {
 
92
    background-color: #ccc;
 
93
    cursor: pointer;
 
94
}
 
95
tr.row2 {
 
96
    background-color: #bbb;
 
97
    cursor: pointer;
 
98
}
 
99
/* And if they are selected (blue shades) */
 
100
tr.row1sel {
 
101
    background-color: #88e;
 
102
    cursor: pointer;
 
103
}
 
104
tr.row2sel {
 
105
    background-color: #77d;
 
106
    cursor: pointer;
 
107
}
 
108
 
 
109
#filetable table {
 
110
    border-collapse: collapse;
 
111
}
 
112
 
 
113
#filetable td, #filetable th {
 
114
    border: 1px solid #888;
 
115
}
 
116
 
 
117
/* Borders between icons and filename are turned off. */
 
118
 
 
119
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
 
120
    border-right: 0 none;
 
121
}
 
122
#filetable td.col-filename {
 
123
    border-left: 0 none;
 
124
}
 
125
 
 
126
/* SIDE PANEL */
 
127
 
 
128
#sidepanel_outer {
 
129
    /* Position this full canvas height, page right */
 
130
    position: absolute;
 
131
    top: 0;
 
132
    bottom: 0;
 
133
    right: 0;
 
134
    width: 300px;
 
135
    border-left: 1px solid #888;
 
136
    border-top: 1px solid #888;
 
137
    background-color: #ccc;
 
138
    font-size: 0.8em;
 
139
    text-align: center;
 
140
    /* Cut off the bottom if it doesn't fit on the page for some reason.
 
141
     * This ensures the overall page will never scroll (which causes huge
 
142
     * problems for everything being absolutely positioned). */
 
143
    overflow: hidden;
 
144
}
 
145
#sidepanel {
 
146
    padding: 8px;
 
147
}
 
148
 
 
149
#sidepanel p, #sidepanel h2, #sidepanel h3 {
 
150
    margin: 0;
 
151
    padding: 0;
 
152
}
 
153
 
 
154
#sidepanel h3 {
 
155
    margin-top: 1em;
 
156
}
 
157
 
 
158
#sidepanel a {
 
159
    font-weight: bold;
 
160
}
 
161
 
 
162
/* STATUS BAR */
 
163
 
 
164
#statusbar_outer {
 
165
    /* Get this to the bottom of the screen */
 
166
    position: absolute;
 
167
    left: 0;
 
168
    right: 0;
 
169
    bottom: 0;
 
170
    background-color: #aaa;
 
171
    border-top: 1px solid #888;
 
172
    padding: 0.2em;
 
173
    height: 1em;        /* Mandate an exact height */
 
174
}
 
175
/* Nested div so the font size doesn't affect our outer calculations */
 
176
#statusbar {
 
177
    font-size: 0.8em;
 
178
}
 
179