← Back to branch summary

~marcobiscaro2112/ubuntu/natty/ubiquity-slideshow-ubuntu/fix-692879

« back to all changes in this revision

Viewing changes to slideshows/ubuntu/slides/link/general.css

  • Committer: Bazaar Package Importer
  • Author(s): Evan Dandrea, Dylan McCall, Jonathan Riddell, Evan Dandrea
  • Date: 2010-04-07 09:35:22 UTC
  • Revision ID: james.westby@ubuntu.com-20100407093522-b8iwxl3cpd9qxutq
Tags: 21
https://launchpad.net/bugs/552510
https://launchpad.net/bugs/421864
https://launchpad.net/bugs/549357
https://launchpad.net/bugs/537635
[ Dylan McCall ]
* Ubuntu slideshow: New icons. Fixes centering (LP: #552510).
* Added personalize.png and media.png, replacing accessibility.png
  and rhythmbox.png, respectively.
* Small CSS changes: title block is narrower, exception for Firefox
  icon, removed icon.exact property.
* Firefox icon now points to the correct file (LP: #421864).
* Fixed RTL for Ubuntu slideshow (LP: #549357).
* Fixed RTL for Kubuntu slideshow (LP: #537635).

[ Jonathan Riddell ]
* Update kubuntu-logo.png with new logo

[ Evan Dandrea ]
* Update translations from Launchpad.

Show diffs side-by-side

added added

removed removed

Lines of Context:
slideshows/ubuntu/slides/link/general.css
37
37
#debug-controls {
38
38
        display:none;
39
39
        position:absolute;
40
 
        top:540px;
41
 
        width:700px;
 
40
        top:470px;
 
41
        width:798px;
42
42
        text-align:center;
43
43
}
44
44
 
47
47
}
48
48
 
49
49
#debug-controls input#current-slide {
50
 
        width:600px;
 
50
        width:680px;
51
51
}
52
52
 
53
53
/* fixed container to align title */
62
62
        position:absolute;
63
63
        
64
64
        bottom:12px;
65
 
        width:510px; /* the ideal width would leave more space on the right */
 
65
        width:385px; /* the ideal width would leave more space on the right */
66
66
        left:36px; /* matches padding of .content and .content ul: 16 + 20 */
67
67
        
68
68
        font-size:20px; /* applies to all lines except first */
80
80
}
81
81
 
82
82
/*
83
 
Typically an image. This is positioned at the top
84
 
right of a slide and is given a size of 64x64 pixels.
 
83
Typically an image. This is positioned at the top right of a slide.
 
84
Icons should be 215x156 pixels tall, though some can overflow with a height
 
85
of 215px. The actual content should be 128x128px. (The rest is padding).
85
86
*/
86
87
.icon {
87
88
        /* FIXME: This is a horrible hack to keep the title from moving during slide transition */
88
89
        position:fixed; /* was position:absolute */
89
90
        
90
 
        width:auto;
91
 
        height:auto;
92
 
        
93
 
        top:51px;
94
 
        left:587px;
95
 
        
96
 
        z-index:11;
97
 
        border:0px;
98
 
}
99
 
.icon.exact {
100
91
        top:20px;
101
92
        left:549px;
102
93
        width:215px;
103
94
        height:auto;
 
95
        
 
96
        z-index:11;
 
97
        border:0px;
 
98
}
 
99
.icon#firefox {
 
100
        top:47px;
 
101
        left:590px;
 
102
        width:128px;
 
103
        height:auto;
104
104
}
105
105
 
106
106
/*
137
137
        margin-top:0px;
138
138
        padding-left:20px;
139
139
        
140
 
        width:650px;
 
140
        width:726px; /* was 650px */
141
141
        height:223px;
 
142
 
 
143
        line-height:1.4em;
142
144
        
143
145
        overflow:auto;
144
146
        
174
176
}
175
177
 
176
178
/*
177
 
The menu-item style is a descriptive aid for pointing the end user at,
178
 
for example, a place in either the system menu or an application menu.
179
 
This way we can provide clear visual cues with minimal babbling.
180
 
*/
181
 
.menu-item {
182
 
        display:inline-block;
183
 
        
184
 
        border-radius:3px;
185
 
        -webkit-border-radius:3px;
186
 
        -moz-border-radius:3px;
187
 
        
188
 
        height:16px;
189
 
        padding:1px;
190
 
        
191
 
        padding-left:3px;
192
 
        padding-right:3px;
193
 
        
194
 
        border-style:solid;
195
 
        border-width:1px;
196
 
        border-color:#a89a8d;
197
 
        
198
 
        background-color:#f7f5f3;
199
 
}
200
 
 
201
 
/*
202
 
This rule applies to an img of class menu-arrow. It appears as a nice
203
 
looking arrow that can separate items in a menu much like how submenus
204
 
look in Ubuntu's GTK theme.
205
 
*/
206
 
.menu-item img.menu-arrow {
207
 
        display:inline-block;
208
 
        content:url('menu-arrow.png');
209
 
        
210
 
        padding-left:2px;
211
 
        padding-right:5px;
212
 
}
213
 
 
214
 
/*
215
179
This rule disables drag-and-drop for images.  See bug #448703.
216
180
*/
217
181
img {
224
188
.rtl {
225
189
        direction:rtl;
226
190
}
 
191
.rtl #container {
 
192
        background-image:url('background.rtl.png');
 
193
        background-repeat:no-repeat;
 
194
        background-position:top left;
 
195
}
227
196
/* TODO: NEED reversed title and icon for RTL */
228
 
/*.rtl .title {
229
 
        right:10px;
230
 
}*/
231
 
/*.rtl .icon {
232
 
        left:10px;
233
 
        right:auto;
234
 
}*/
 
197
.rtl .title {
 
198
        left:377px;
 
199
}
 
200
.rtl .icon {
 
201
        /* FIXME: This is a horrible hack to keep the title from moving during slide transition */
 
202
        position:fixed; /* was position:absolute */
 
203
        
 
204
        left:34px;
 
205
}
 
206
.rtl .icon#firefox {
 
207
        left:80px;
 
208
}
235
209
.rtl .main {
236
210
        right:0px;
237
211
        padding-right:0px;