« back to all changes in this revision
Viewing changes to data/screen.css
- browse files at revision 59
- compare with another revision
- download diff
- download tarball
- view history from revision 59
- Committer: stuart.langridge at canonical
- Date: 2010-04-01 17:50:38 UTC
- mfrom: (37.1.7 upstream)
- Revision ID: stuart.langridge@canonical.com-20100401175038-8xyzeg88tznfcm1o
New upstream release.
- files added:
- data/connecting.html
- data/img
- files modified:
- configure
added
removed
data/screen.css
1
/* copied from original html */
2
3
#downloads {
4
padding: 0;
5
margin: 0;
6
}
7
#downloads li {
8
overflow: hidden; /* enclose floats */
9
zoom: 1; /* hasLayout in IE */
10
border-bottom: 1px dotted black;
11
list-style: none;
12
padding: 0;
13
margin: 0;
14
}
15
16
li .metadata {
17
float: left;
18
width: 450px;
19
}
20
21
.progress .progress-bar {
22
float: right;
23
width: 154px;
24
height: 13px;
25
background: url(img/progress-bar-background.png) no-repeat left;
26
}
27
28
.progress .progress-bar .gradient {
29
height: 13px;
30
background: url(img/gradient.png) no-repeat left;
31
-webkit-transition: width 2s linear;
32
/* 2s should be the same as the Rhythmbox update interval */
33
}
34
.progress .progress-string {
35
float: right;
36
clear: right;
37
}
38
39
.progress .progress-complete {
40
background: url(img/musicstore-complete-tick.png) no-repeat right;
41
padding-right: 28px;
42
-webkit-transition: opacity 0.5s linear;
43
height: 20px;
44
padding-top: 10px;
45
display: inline-block;
46
}
47
48
/* originating with this file */
49
50
body {
51
font-family: "bitstream vera sans", "dejavu sans", verdana, sans-serif;
52
margin: 0 auto;
53
font-size: 11px;
54
line-height: 14px;
55
}
56
57
.wrap {
58
margin: 0 auto;
59
width: 730px;
60
}
61
62
#header {
63
background: url(img/header_background.png) repeat-x;
64
height: 86px;
65
min-width: 550px;
66
margin-bottom: 0;
67
margin-top: -50px;
68
}
69
70
#header ul {padding: 0; margin: 0;}
71
#header ul li {display: inline; margin: 0; padding: 0;}
72
73
#header ul#home_nav {float: left;}
74
75
ul#home_nav li a {
76
display: block;
77
float: left;
78
text-indent: -9999px;
79
width: 26px;
80
height: 41px;
81
}
82
83
ul#home_nav li.back a {
84
background: url(img/menu.png) no-repeat;
85
background-position: 0 0;
86
}
87
88
ul#home_nav li.back a:hover {
89
background: url(img/menu.png) no-repeat;
90
background-position: 0 -41px;
91
92
}
93
94
ul#home_nav li.home a {
95
width: 42px;
96
background: url(img/menu.png) no-repeat;
97
background-position: -26px 0;
98
}
99
100
ul#home_nav li.home a:hover {
101
width: 42px;
102
background: url(img/menu.png) no-repeat;
103
background-position: -26px -41px;
104
}
105
106
#header ul#nav {
107
float: right;
108
background: url(img/menu.png) no-repeat;
109
background-position: top right;
110
padding-right: 38px;
111
}
112
113
#nav li a {
114
float: left;
115
display: block;
116
text-indent: -9999px;
117
height: 41px;
118
}
119
120
#nav li.new a {
121
width: 57px;
122
background: #000 url(img/menu.png) no-repeat;
123
background-position: -320px 0;
124
}
125
126
#nav li.new a:hover {
127
background: #000 url(img/menu.png) no-repeat;
128
background-position: -320px -41px;;
129
}
130
131
#nav li.just_added a {
132
width: 90px;
133
background: url(img/menu.png) no-repeat;
134
background-position: -377px 0;
135
}
136
137
#nav li.just_added a:hover {
138
background: url(img/menu.png) no-repeat;
139
background-position: -377px -41px;
140
}
141
142
#nav li.browse a {
143
width: 69px;
144
background: url(img/menu.png) no-repeat;
145
background-position: -467px 0;
146
}
147
148
#nav li.browse a:hover {
149
background: url(img/menu.png) no-repeat;
150
background-position: -467px -41px;
151
}
152
153
#nav li.downloads a {
154
width: 109px;
155
background: url(img/menu.png) no-repeat;
156
background-position: -536px 0;
157
}
158
159
body.downloads #nav li.downloads a:hover, #nav li.downloads a:hover {
160
background: url(img/menu.png) no-repeat;
161
background-position: -536px -41px;
162
}
163
164
body.downloads #nav li.downloads a {
165
background: url(img/menu.png) no-repeat;
166
background-position: -536px -82px;
167
}
168
169
#nav li.basket a {
170
width: 65px;
171
background: url(img/menu.png) no-repeat;
172
background-position: -645px 0;
173
}
174
175
#nav li.basket a:hover {
176
background: url(img/menu.png) no-repeat;
177
background-position: -645px -41px;
178
}
179
180
#nav li.help a {
181
width: 52px;
182
background: url(img/menu.png) no-repeat;
183
background-position: -710px 0;
184
}
185
186
#nav li.help a:hover {
187
background: url(img/menu.png) no-repeat;
188
background-position: -710px -41px;
189
}
190
191
.navish {overflow: auto;}
192
193
h1#logo {
194
margin-top: 60px;
195
display: block;
196
text-indent: -9999px;
197
background: url(img/logo.png) no-repeat;
198
width: 190px;
199
height: 15px;
200
float: left;
201
}
202
203
#header form {
204
float: right;
205
margin-top: 10px;
206
}
207
208
#content {
209
margin: 0 auto;
210
width: 760px;
211
background: url(img/content_top.png) no-repeat;
212
min-height: 300px;
213
text-align: left;
214
padding-top: 25px;
215
}
216
217
.access {
218
margin: 0 auto;
219
width: 500px;
220
margin-top: 130px;
221
}
222
223
#content .access h1 {
224
font-weight: bold;
225
margin: 0;
226
font-size: 15px;
227
margin-bottom: 10px;
228
}
229
230
#content .access h2 {
231
font-weight: normal;
232
font-size: 13px;
233
margin: 0;
234
margin-bottom: 20px;
235
}
236
237
#content h2 {
238
font-size: 20px;
239
font-weight: normal;
240
margin: 0;
241
padding: 0;
242
text-align: left;
243
margin-bottom: 25px;
244
margin-left: 15px;
245
}
246
247
.progress {
248
text-align: right;
249
float: right;
250
width: 280px;
251
}
252
253
ul.downloading {
254
color: #8f8f8f;
255
border-top: 1px dotted #999999;
256
border-bottom: 1px dotted #999999;
257
margin-left: 15px;
258
}
259
260
ul.downloading li {
261
border-bottom: 1px dotted #d6d6d6;
262
padding-top: 20px;
263
padding-bottom: 20px;
264
overflow: auto;
265
}
266
267
ul.downloading li.last {
268
border-bottom: none;
269
}
270
271
272
.superfluous {
273
background: url(img/downloads_background.png) repeat-x 50% 100%;
274
padding-bottom: 100px;
275
}
276
277
278
#footer {
279
background: url(img/superfluous-bubbles.png) no-repeat 380px 0%;
280
margin: 0 auto;
281
margin-top: -75px;
282
width: 750px;
283
padding-top: 100px;
284
}
285
286
button#music-search {
287
background: url(img/search.png) no-repeat;
288
text-indent: -9999px;
289
width: 77px;
290
height: 22px;
291
border: 0;
292
}
293
294
295
.progress p, .progress .progress-string {padding-right: 3px;}
296
297
p.copyright {color: #8f8f8f; margin-bottom: 8px;}
298
299
#pagination {
300
overflow: hidden; /* enclose floats */
301
zoom: 1;
302
}
303
#pagination #count {
304
float: left;
305
}
306
#pagination #pages {
307
float: right;
308
}
309
#pagination #pages a {
310
text-decoration: none;
311
margin: 4px;
312
color: #8f8f8f;
313
}
314
#pagination #pages a.current {
315
color: #f58027;
316
}
317
318
button {
319
background: url(img/button-left.png) no-repeat left;
320
border: 0;
321
padding: 0;
322
padding-left: 7px;
323
display: inline-block;
324
text-align: center;
325
}
326
327
328
button span {
329
background: url(img/button-right.png) no-repeat right;
330
display: block;
331
white-space: nowrap;
332
color: white;
333
font-size: 12px;
334
padding: 4px 24px 3px 15px;
335
margin-left: 1px;
336
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1