← Back to branch summary

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

« back to all changes in this revision

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

  • Committer: mattgiuca
  • Date: 2008-01-11 07:10:18 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:185
Integrated the (second) Prototype browser (HTML+CSS but no code) into the main
filebrowser app. Note that this still is non-functional - it looks the same as
the original prototype.
browser: Added the full HTML source (including example rows) into the Python
code. (Note this will be a lot cleaner once example rows are removed).
media: Added "images" directory (copied from the demo). This contains all the
icons needed for the demo.
       browser.css: Pasted the entire CSS from the demo. This styles the
        browser interface.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/browser.css
5
5
 * License version 2 or later.
6
6
 */
7
7
 
 
8
/* GENERAL FORMATTING */
 
9
 
 
10
body {
 
11
    background-color: white;
 
12
    color: black;
 
13
    font-family: sans;
 
14
}
 
15
 
 
16
a:link, a:visited {
 
17
    color: navy;
 
18
}
 
19
a:hover, a:active, a:focus {
 
20
    color: blue;
 
21
}
 
22
 
 
23
p, h1, h2, h3 {
 
24
    padding: 0;
 
25
    margin: 0;
 
26
    margin-top: 11px;
 
27
    margin-bottom: 11px;
 
28
}
 
29
p, h2, h3 {
 
30
    font-size: 1em;
 
31
}
 
32
h1 {
 
33
    font-size: 1.1em;
 
34
}
 
35
 
 
36
/* OVERALL LAYOUT */
 
37
 
 
38
body {
 
39
    margin: 0;
 
40
    padding: 0;
 
41
}
 
42
 
 
43
#middle, #middle tbody {
 
44
    width: 100%;
 
45
    vertical-align: top;
 
46
    border-collapse: collapse;
 
47
}
 
48
 
 
49
#sidepanel {
 
50
    width: 300px;
 
51
}
 
52
 
 
53
/* TOP BAR */
 
54
 
 
55
#topbar {
 
56
    padding: 8px;
 
57
    background-color: #aaf;
 
58
}
 
59
#topbar a {
 
60
    font-weight: bold;
 
61
}
 
62
 
 
63
/* FILE LISTINGS TABLE */
 
64
 
 
65
#filetable {
 
66
    border-collapse: collapse;
 
67
    border-right: 1px solid #888;
 
68
    padding: 0;
 
69
}
 
70
 
 
71
th {
 
72
    text-align: left;
 
73
}
 
74
 
 
75
#filetablediv {
 
76
    overflow: auto;
 
77
}
 
78
 
 
79
/* Individual column sizes */
 
80
/* All columns have fixed widths except filename, which expands to fit. */
 
81
 
 
82
.col-check {
 
83
    width: 20px;
 
84
}
 
85
.col-icons {
 
86
    width: 50px;
 
87
}
 
88
.col-filename {
 
89
    width: auto;
 
90
}
 
91
.col-size {
 
92
    width: 100px;
 
93
}
 
94
.col-date {
 
95
    width: 150px;
 
96
}
 
97
 
 
98
/* Table borders and rows */
 
99
 
 
100
tr.rowhead {
 
101
    background-color: #336;
 
102
    color: white;
 
103
}
 
104
tr.rowhead a:link, tr.rowhead a:visited {
 
105
    color: #aaf;
 
106
}
 
107
/* Unselected (grey shades)
 
108
 * Note alternating rows are different shades
 
109
 */
 
110
tr.row1 {
 
111
    background-color: #ccc;
 
112
    cursor: pointer;
 
113
}
 
114
tr.row2 {
 
115
    background-color: #aaa;
 
116
    cursor: pointer;
 
117
}
 
118
tr.row1:hover, tr.row2:hover {
 
119
    background-color: #eee;
 
120
}
 
121
/* And if they are selected (blue shades) */
 
122
tr.row1sel {
 
123
    background-color: #88e;
 
124
    cursor: pointer;
 
125
}
 
126
tr.row2sel {
 
127
    background-color: #66c;
 
128
    cursor: pointer;
 
129
}
 
130
tr.row1sel:hover, tr.row2sel:hover {
 
131
    background-color: #eee;
 
132
}
 
133
 
 
134
#filetable table {
 
135
    border-collapse: collapse;
 
136
}
 
137
 
 
138
#filetable td, #filetable th {
 
139
    border: 1px solid #888;
 
140
}
 
141
 
 
142
/* Borders between icons and filename are turned off. */
 
143
 
 
144
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
 
145
    border-right: 0 none;
 
146
}
 
147
#filetable td.col-filename {
 
148
    border-left: 0 none;
 
149
}
 
150
 
 
151
/* SIDE PANEL */
 
152
 
 
153
#sidepanel {
 
154
    border-left: 1px solid #888;
 
155
    border-top: 1px solid #888;
 
156
    background-color: #ccc;
 
157
    font-size: 0.8em;
 
158
    padding: 8px;
 
159
    text-align: center;
 
160
}
 
161
 
 
162
#sidepanel p, h1, h2 {
 
163
    margin: 0;
 
164
    padding: 0;
 
165
}
 
166
 
 
167
#sidepanel h2 {
 
168
    margin-top: 8px;
 
169
}
 
170
 
 
171
#sidepanel a {
 
172
    font-weight: bold;
 
173
}
 
174
 
 
175
/* STATUS BAR */
 
176
 
 
177
#statusbar {
 
178
    background-color: #aaa;
 
179
    border-top: 1px solid #888;
 
180
    font-size: 0.8em;
 
181
}