« back to all changes in this revision
Viewing changes to slideshows/ubuntu/slides/link/base.css
- browse files at revision 829
- compare with another revision
- compare with revision 829
- download diff
- download tarball
- view history from revision 829
- Committer: MadsRH
- Date: 2018-10-03 22:29:28 UTC
- Revision ID: madsrh-20181003222928-zitxecxit5gi6xdq
Fixes file permissions, removed Chromium + Firefox icons, updated language.png to latest upstream
- files removed:
- slideshows/ubuntu/slides/link/base.css
- files modified:
- slideshows/ubuntu/slides/icons/access.png *
- slideshows/ubuntu/slides/icons/pitivi.png *
- slideshows/ubuntu/slides/icons/rhythmbox.png *
- slideshows/ubuntu/slides/icons/shotwell.png *
- slideshows/ubuntu/slides/icons/themes.png *
added
removed
slideshows/ubuntu/slides/link/base.css
1
html, body, div, span, applet, object, iframe,
2
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3
a, abbr, acronym, address, big, cite, code,
4
del, dfn, em, font, img, ins, kbd, q, s, samp,
5
small, strike, strong, sub, sup, tt, var,
6
b, u, i, center,
7
dl, dt, dd, ol, ul, li,
8
fieldset, form, label, legend,
9
table, caption, tbody, tfoot, thead, tr, th, td {
10
margin:0;
11
padding:0;
12
border:0;
13
outline:0;
14
font-size: 100%;
15
font-style:normal;
16
text-decoration:none;
17
font-weight:normal;
18
vertical-align:baseline;
19
background:transparent;
20
}
21
ol, ul {
22
list-style:none;
23
}
24
25
26
27
html, body {
28
margin:0;
29
padding:0;
30
31
background-color:#F7F6F6;
32
33
font-family:'Ubuntu', 'UbuntuBeta', sans-serif;
34
font-size:12px;
35
line-height:1.4em;
36
37
color:#333333;
38
39
/* no reason to expose this extra stuff to the user */
40
-webkit-user-select:none;
41
-moz-user-select:none;
42
user-select:none;
43
cursor:default;
44
}
45
46
/*
47
Hyperlink-style text
48
*/
49
a {
50
color:#19B6EE;
51
text-decoration:none;
52
display:inline;
53
}
54
55
.text a:hover {
56
text-decoration:underline;
57
}
58
59
strong {
60
font-weight: bolder;
61
}
62
63
#wrapper {
64
position:absolute;
65
66
width:752px;
67
height:100%;
68
}
69
70
#slideshow {
71
width:752px;
72
min-height:442px;
73
height:100%;
74
overflow:hidden;
75
}
76
#slideshow > div {
77
position:absolute;
78
width:100%;
79
height:100%;
80
}
81
82
.control-arrow {
83
display:block;
84
position:absolute;
85
86
z-index:100;
87
top:218px;
88
height:64px;
89
width:33px;
90
91
background-repeat:no-repeat;
92
cursor:pointer;
93
}
94
.control-arrow.disabled {
95
cursor:default;
96
}
97
.control-arrow:hover {
98
background-position: 0px -65px;
99
}
100
.control-arrow:active {
101
background-position: 0px -130px;
102
}
103
.control-arrow#prev-slide {
104
background-image:url('arrow-back.png');
105
left:0px;
106
}
107
.control-arrow#next-slide {
108
background-image:url('arrow-next.png');
109
left:719px; /* 752px - 33px */
110
}
111
112
/* Fixed container for a slide's title */
113
.header {
114
display:table; /* this is a bit evil, but it lets us vertically centre stuff */
115
position:absolute;
116
/* FIXME: better to use position:relative here and for #main.
117
Need to have a specific maximum height, though,
118
which isn't working with display:table */
119
top:0px;
120
width:100%;
121
height:68px;
122
background-color:#2b2929;
123
}
124
125
.header > .slidetitle {
126
display:table-cell;
127
padding:0px 25px;
128
vertical-align:middle;
129
130
font-size:24px;
131
line-height:30px;
132
font-weight:normal;
133
color:#f9f9f9;
134
}
135
.header > .slidetitle img {
136
display: block;
137
}
138
139
.main {
140
position:absolute;
141
top:70px; /* 68px + 2px margin */
142
bottom:2px;
143
left:2px;
144
right:2px;
145
min-height:370px; /* 442px (from #slideshow) - 70px - 2px */
146
147
/* move this to #slideshow if we don't want the background image to move with slides */
148
background-image:url('background.png');
149
}
150
151
.main.wide {
152
top:68px;
153
left:0px;
154
right:0px;
155
bottom:0px;
156
background-image:none;
157
}
158
159
/*
160
A slide's body text goes inside here.
161
Inner space is 224px wide.
162
*/
163
.main > .text {
164
position:absolute;
165
z-index:10;
166
top:25px;
167
left:36px;
168
width:248px;
169
bottom:35px;
170
min-height:329px; /* 369 - 25 - 15 (for bottom) */
171
overflow:auto;
172
}
173
174
.text > div {
175
margin-bottom:8px;
176
padding:6px 12px;
177
background-color:#F7F6F6;
178
}
179
.text > div:last-child {
180
margin-bottom:0px;
181
}
182
183
.text > div > .subtitle {
184
padding-bottom:2px;
185
margin-bottom:5px;
186
font-size:inherit;
187
font-weight:normal;
188
text-decoration:none;
189
border-bottom:#333333 dotted 1px;
190
}
191
192
.main.wide > .text {
193
top:25px;
194
width:350px;
195
}
196
197
.main.wide > .text > div {
198
background:none;
199
font-size:16px;
200
line-height:1.2em;
201
color:#F7F6F6;
202
text-shadow:1px 1px 2px #333333;
203
}
204
205
.featured ul {
206
display:table;
207
}
208
.featured li {
209
display:table-row;
210
}
211
.featured li > * {
212
padding-bottom:12px;
213
}
214
.featured li .icon {
215
display:table-cell;
216
width:24px;
217
height:auto;
218
padding-right:12px;
219
}
220
.featured li .caption {
221
display:table-cell;
222
vertical-align:middle;
223
}
224
225
/* Expects screenshot to be 448x304 px */
226
.main > .screenshot {
227
position:absolute;
228
top:25px;
229
right:-2px; /* offsets 2px margin of .main */
230
231
z-index:2;
232
233
-webkit-box-shadow:#999999 0px 0px 5px;
234
-moz-box-shadow:#999999 0px 0px 5px;
235
box-shadow:#999999 0px 0px 5px;
236
}
237
238
/* Expects screenshot to be 748x370 px */
239
.main.wide > .background {
240
top:0px;
241
right:0px;
242
width:100%;
243
height:auto;
244
-webkit-box-shadow:none;
245
-moz-box-shadow:none;
246
box-shadow:none;
247
248
z-index:0;
249
}
250
251
.main.wide > .twitter-stream {
252
display:none; /* always revealed by javascript */
253
254
position:absolute;
255
width:334px;
256
height:304px; /* 304 - 22 (for .twitter-stream-input) */
257
top:25px;
258
right:16px;
259
z-index:2;
260
261
padding:0 6px;
262
263
color:#eee;
264
}
265
266
.twitter-stream .twitter-stream-header {
267
display:block;
268
padding:6px 2px 0px 2px;
269
}
270
.twitter-stream .twitter-stream-header h2 {
271
display:inline;
272
color:#fff;
273
274
font-size:16px;
275
}
276
.twitter-stream .twitter-stream-header img {
277
opacity:0.6;
278
float:right;
279
280
margin-left:22px;
281
282
-webkit-transition:opacity 150ms linear;
283
}
284
.twitter-stream .twitter-stream-header:hover img {
285
opacity:0.8;
286
}
287
288
.twitter-stream .twitter-stream-tweets {
289
overflow:hidden;
290
291
height:100%;
292
293
/* Warning: this is non-standard, only works in Webkit, could break at any time */
294
-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
295
}
296
297
.twitter-stream .tweet {
298
padding:6px 2px;
299
border-bottom:1px dotted rgba(255, 255, 255, 0.2);
300
}
301
.tweet .tweet-avatar {
302
display:table-cell;
303
vertical-align:top;
304
padding:0 6px;
305
}
306
307
.tweet .tweet-author-details {
308
display:inline-block;
309
}
310
311
.tweet .tweet-author-name {
312
color:#fff;
313
font-weight:bold;
314
}
315
.tweet .tweet-author-id {
316
color:#bbb;
317
font-weight:normal;
318
margin-left:1em;
319
font-size:0.9em;
320
}
321
322
.tweet .tweet-text {
323
display:block;
324
}
325
326
.tweet .tweet-text a {
327
color:#bbb;
328
}
329
330
.twitter-stream input.twitter-stream-input {
331
width:100%;
332
333
-webkit-box-sizing:border-box;
334
padding:4px 2px 4px 22px;
335
336
background-color:rgba(0, 0, 0, 0);
337
border:none;
338
outline:none;
339
color:#fff;
340
341
background-image:url('twitter-bird-16.png');
342
background-position:left center;
343
background-repeat:no-repeat;
344
}
345
.twitter-stream input.twitter-stream-input:focus {
346
background-color:rgba(0, 0, 0, 0.1);
347
}
348
349
/*
350
This rule disables drag-and-drop for images. See bug #448703.
351
*/
352
img {
353
-webkit-user-drag:none;
354
}
355
356
357
358
/* RTL stuff */
359
.rtl {
360
direction:rtl;
361
}
362
363
.rtl .control-arrow#prev-slide {
364
background-image:url('arrow-next.png');
365
left:719px;
366
}
367
.rtl .control-arrow#next-slide {
368
background-image:url('arrow-back.png');
369
left:0px; /* 752px - 33px */
370
}
371
372
.rtl .main > .text {
373
left:auto;
374
right:36px;
375
}
376
377
.rtl .main > .screenshot {
378
right:auto;
379
left:-2px;
380
}
381
382
.rtl .featured li .icon {
383
padding-right:0px;
384
padding-left:12px;
385
}
386
387
.rtl .main.wide > .twitter-stream {
388
right:auto;
389
left:16px;
390
}
391
392
.rtl .twitter-stream .twitter-stream-header img {
393
float:left;
394
margin-left:0;
395
margin-right:22px;
396
}
397
398
.rtl .twitter-stream input.twitter-stream-input {
399
padding:4px 22px 4px 2px;
400
background-position:right center;
401
}
402
403
.l10n-string {
404
display:none;
405
}
406
Loggerhead is a web-based interface for Breezy
Version: 2.0.1