Merge lp:~huwshimi/launchpad/css-file-split-891896 into lp:launchpad
- css-file-split-891896
- Merge into devel
Proposed by
Huw Wilkins
Status: | Merged | ||||
---|---|---|---|---|---|
Approved by: | Huw Wilkins | ||||
Approved revision: | no longer in the source branch. | ||||
Merged at revision: | 14342 | ||||
Proposed branch: | lp:~huwshimi/launchpad/css-file-split-891896 | ||||
Merge into: | lp:launchpad | ||||
Diff against target: |
4855 lines (+2306/-2391) 20 files modified
buildout-templates/bin/combine-css.in (+16/-2) lib/canonical/launchpad/icing/css/base.css (+378/-0) lib/canonical/launchpad/icing/css/colours.css (+321/-0) lib/canonical/launchpad/icing/css/components/batch_navigation.css (+23/-0) lib/canonical/launchpad/icing/css/components/beta_banner.css (+30/-0) lib/canonical/launchpad/icing/css/components/global_notification.css (+59/-0) lib/canonical/launchpad/icing/css/components/help_pane.css (+50/-0) lib/canonical/launchpad/icing/css/components/pofiling_info.css (+26/-0) lib/canonical/launchpad/icing/css/components/portlet.css (+94/-0) lib/canonical/launchpad/icing/css/components/sidebar_components.css (+130/-0) lib/canonical/launchpad/icing/css/components/yui_picker.css (+26/-0) lib/canonical/launchpad/icing/css/forms.css (+440/-0) lib/canonical/launchpad/icing/css/layout.css (+227/-0) lib/canonical/launchpad/icing/css/modifiers.css (+208/-0) lib/canonical/launchpad/icing/css/typography.css (+112/-0) lib/canonical/launchpad/icing/import.css (+11/-0) lib/canonical/launchpad/icing/style-3-0.css (+0/-2378) lib/canonical/launchpad/icing/style.css (+153/-9) lib/lp/app/javascript/testing/test.css (+1/-1) lib/lp/services/mailman/monkeypatches/lp-mhonarc-common.mrc (+1/-1) |
||||
To merge this branch: | bzr merge lp:~huwshimi/launchpad/css-file-split-891896 | ||||
Related bugs: |
|
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Ian Booth (community) | code | Approve | |
Review via email: mp+82636@code.launchpad.net |
Commit message
[r=wallyworld][bug=891896] Split the CSS into the new file structure.
Description of the change
Split our CSS file into the structure as per https:/
This is not much more than moving the CSS around. I will be fixing and rewriting some of the CSS, but we need to land this initial change before I break too many other branches, or they break this one.
I also modified the css build script to look for the new files and to automatically grab any files that are added to the components directory.
To post a comment you must log in.
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'buildout-templates/bin/combine-css.in' | |||
2 | --- buildout-templates/bin/combine-css.in 2011-10-28 18:01:20 +0000 | |||
3 | +++ buildout-templates/bin/combine-css.in 2011-11-18 05:42:25 +0000 | |||
4 | @@ -42,9 +42,23 @@ | |||
5 | 42 | GALLERY_ACCORDION + 'gallery-accordion-core.css', | 42 | GALLERY_ACCORDION + 'gallery-accordion-core.css', |
6 | 43 | GALLERY_ACCORDION + 'skins/sam/gallery-accordion-skin.css', | 43 | GALLERY_ACCORDION + 'skins/sam/gallery-accordion-skin.css', |
7 | 44 | 'build/sprite.css', | 44 | 'build/sprite.css', |
9 | 45 | # This one goes at the end because it's our main stylesheet and should | 45 | # Include our main stylesheets at the end so they |
10 | 46 | # take precedence over the others. | 46 | # take precedence over the others. |
12 | 47 | 'style-3-0.css'] | 47 | 'css/base.css', |
13 | 48 | 'css/colours.css', | ||
14 | 49 | 'css/forms.css', | ||
15 | 50 | 'css/typography.css', | ||
16 | 51 | 'css/layout.css', | ||
17 | 52 | 'css/modifiers.css'] | ||
18 | 53 | |||
19 | 54 | # Get all the component css files so we don't have to edit this file every | ||
20 | 55 | # time a new component is added | ||
21 | 56 | component_dir = 'css/components' | ||
22 | 57 | component_path = os.path.abspath(os.path.join(icing, component_dir)) | ||
23 | 58 | for root, dirs, files in os.walk(component_path): | ||
24 | 59 | for file in files: | ||
25 | 60 | if file.endswith('.css'): | ||
26 | 61 | names.append('%s/%s' % (component_dir, file)) | ||
27 | 48 | 62 | ||
28 | 49 | absolute_names = [] | 63 | absolute_names = [] |
29 | 50 | for name in names: | 64 | for name in names: |
30 | 51 | 65 | ||
31 | === added directory 'lib/canonical/launchpad/icing/css' | |||
32 | === added file 'lib/canonical/launchpad/icing/css/base.css' | |||
33 | --- lib/canonical/launchpad/icing/css/base.css 1970-01-01 00:00:00 +0000 | |||
34 | +++ lib/canonical/launchpad/icing/css/base.css 2011-11-18 05:42:25 +0000 | |||
35 | @@ -0,0 +1,378 @@ | |||
36 | 1 | body { | ||
37 | 2 | font-family: 'UbuntuBeta Regular', Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; | ||
38 | 3 | font-size: 12px; | ||
39 | 4 | line-height: 18px; /* The same as the sprite height. */ | ||
40 | 5 | color: #333; | ||
41 | 6 | } | ||
42 | 7 | body.private { | ||
43 | 8 | /* It must be obvious to the user that the context is private */ | ||
44 | 9 | background: url("/@@/private-y-bg") top left repeat-y; | ||
45 | 10 | } | ||
46 | 11 | /* Override for when the feature flag is active */ | ||
47 | 12 | body.feature-flag-bugs-private-notification-enabled.private { | ||
48 | 13 | background-image: none; | ||
49 | 14 | } | ||
50 | 15 | body.private .private-disallow { | ||
51 | 16 | /* We want to disable/hide some actions on private artifacts */ | ||
52 | 17 | display: none | ||
53 | 18 | } | ||
54 | 19 | .private-only { | ||
55 | 20 | /* We want to only show some items on private artifacts */ | ||
56 | 21 | display: none; | ||
57 | 22 | } | ||
58 | 23 | body.private .private-only { | ||
59 | 24 | /* We want to only show some items on private artifacts */ | ||
60 | 25 | display: block; | ||
61 | 26 | } | ||
62 | 27 | * html body { | ||
63 | 28 | /* stops floats dropping in IE 5.5/6 */ | ||
64 | 29 | word-wrap: break-word; | ||
65 | 30 | } | ||
66 | 31 | |||
67 | 32 | hr { | ||
68 | 33 | display: none; | ||
69 | 34 | } | ||
70 | 35 | |||
71 | 36 | dt { | ||
72 | 37 | margin-bottom: .3em; | ||
73 | 38 | margin-top: 0.5em; | ||
74 | 39 | font-weight: bold; | ||
75 | 40 | } | ||
76 | 41 | dt dfn { | ||
77 | 42 | font-weight: bold; | ||
78 | 43 | } | ||
79 | 44 | dd { | ||
80 | 45 | margin-bottom: .8em; | ||
81 | 46 | } | ||
82 | 47 | dl.faq dd { | ||
83 | 48 | margin: 1em 0 2em 4em; | ||
84 | 49 | } | ||
85 | 50 | .contributors dt strong { | ||
86 | 51 | padding-left: 1em; | ||
87 | 52 | } | ||
88 | 53 | ol { | ||
89 | 54 | margin-left: 1.8em; | ||
90 | 55 | } | ||
91 | 56 | ol li { | ||
92 | 57 | list-style: decimal outside; | ||
93 | 58 | } | ||
94 | 59 | li { | ||
95 | 60 | padding-bottom: .3em; | ||
96 | 61 | } | ||
97 | 62 | ul.news, li.news { | ||
98 | 63 | list-style-type: none; | ||
99 | 64 | margin-bottom: 1em; | ||
100 | 65 | } | ||
101 | 66 | ul.architecture, li.architecture { | ||
102 | 67 | list-style-image: url(/@@/architecture); | ||
103 | 68 | } | ||
104 | 69 | ul.build-success, li.build-success { | ||
105 | 70 | list-style-image: url(/@@/build-success); | ||
106 | 71 | } | ||
107 | 72 | ul.bug.remote, li.bug.remote { | ||
108 | 73 | list-style-image: url(/@@/bug-remote); | ||
109 | 74 | } | ||
110 | 75 | ul.language, li.language { | ||
111 | 76 | list-style-image: url(/@@/language); | ||
112 | 77 | /* Disable .language sprite. */ | ||
113 | 78 | background: inherit; | ||
114 | 79 | } | ||
115 | 80 | ul.mail, li.mail { | ||
116 | 81 | list-style-image: url(/@@/mail); | ||
117 | 82 | } | ||
118 | 83 | ul.meeting, li.meeting { | ||
119 | 84 | list-style-image: url(/@@/meeting); | ||
120 | 85 | } | ||
121 | 86 | ul.rss, li.rss { | ||
122 | 87 | list-style-image: url(/@@/rss); | ||
123 | 88 | } | ||
124 | 89 | ul.translation, li.translation { | ||
125 | 90 | list-style-image: url(/@@/translation); | ||
126 | 91 | } | ||
127 | 92 | ul.webref, li.webref { | ||
128 | 93 | list-style-image: url(/@@/link); | ||
129 | 94 | } | ||
130 | 95 | ul.iconed { | ||
131 | 96 | list-style-type: none; | ||
132 | 97 | padding-left: 0 !important; | ||
133 | 98 | margin: 0 !important; | ||
134 | 99 | } | ||
135 | 100 | ul.buttons { | ||
136 | 101 | /* without !important, gets overridden by the '#maincontent ol' rule */ | ||
137 | 102 | margin: 0.5em 0 0.5em 0 !important; | ||
138 | 103 | padding: 0 !important; | ||
139 | 104 | } | ||
140 | 105 | ul.buttons li { | ||
141 | 106 | display: inline; | ||
142 | 107 | margin: 0 0 0 0; | ||
143 | 108 | } | ||
144 | 109 | .bulleted { | ||
145 | 110 | margin-bottom: 0.5em; | ||
146 | 111 | } | ||
147 | 112 | .bulleted li { | ||
148 | 113 | margin: 0 0 0 2em; | ||
149 | 114 | list-style-type: disc; | ||
150 | 115 | } | ||
151 | 116 | .horizontal { | ||
152 | 117 | margin: 1em 0 0 0; | ||
153 | 118 | } | ||
154 | 119 | .horizontal li { | ||
155 | 120 | display: inline; | ||
156 | 121 | padding: 0 1.5em 0 0; | ||
157 | 122 | } | ||
158 | 123 | .subordinate { | ||
159 | 124 | margin-left: 2em; | ||
160 | 125 | } | ||
161 | 126 | ol.subordinate { | ||
162 | 127 | margin-left: 4em; | ||
163 | 128 | } | ||
164 | 129 | .two-column-list dl { | ||
165 | 130 | width: 48%; | ||
166 | 131 | float: left; | ||
167 | 132 | display: inline; | ||
168 | 133 | margin: 0 0.25em 0 0; | ||
169 | 134 | } | ||
170 | 135 | .two-column-list dl:first-child dt, | ||
171 | 136 | .two-column-list dl:first-child + dl dt { | ||
172 | 137 | margin-top: 0; | ||
173 | 138 | } | ||
174 | 139 | .three-column-list dl { | ||
175 | 140 | width: 31%; | ||
176 | 141 | float: left; | ||
177 | 142 | display: inline; | ||
178 | 143 | margin: 0 0.25em 0 0; | ||
179 | 144 | } | ||
180 | 145 | .two-column-list li { | ||
181 | 146 | width: 48%; | ||
182 | 147 | float: left; | ||
183 | 148 | display: inline; | ||
184 | 149 | margin: 0 0.25em 0 0; | ||
185 | 150 | } | ||
186 | 151 | .three-column-list li { | ||
187 | 152 | width: 31%; | ||
188 | 153 | float: left; | ||
189 | 154 | display: inline; | ||
190 | 155 | margin: 0 0.25em 0 0; | ||
191 | 156 | } | ||
192 | 157 | .two-column-list:after, | ||
193 | 158 | .three-column-list:after { | ||
194 | 159 | content: "."; | ||
195 | 160 | display: block; | ||
196 | 161 | height: 0; | ||
197 | 162 | clear: both; | ||
198 | 163 | visibility: hidden; | ||
199 | 164 | } | ||
200 | 165 | .two-column-list dl.unseen, | ||
201 | 166 | .two-column-list li.unseen, | ||
202 | 167 | .three-column-list dl.unseen, | ||
203 | 168 | .three-column-list li.unseen { | ||
204 | 169 | /* Keep the abilty to hide list entries. */ | ||
205 | 170 | display: none; | ||
206 | 171 | } | ||
207 | 172 | |||
208 | 173 | |||
209 | 174 | caption { | ||
210 | 175 | caption-side: bottom; | ||
211 | 176 | text-align: left; | ||
212 | 177 | } | ||
213 | 178 | th { | ||
214 | 179 | text-align: right; | ||
215 | 180 | } | ||
216 | 181 | th, td { | ||
217 | 182 | vertical-align: baseline; | ||
218 | 183 | } | ||
219 | 184 | .head th, | ||
220 | 185 | thead th, tr.thead th { | ||
221 | 186 | text-align: left; | ||
222 | 187 | vertical-align: bottom; | ||
223 | 188 | } | ||
224 | 189 | th.icon, td.icon { | ||
225 | 190 | vertical-align: top; | ||
226 | 191 | white-space: nowrap; | ||
227 | 192 | width: 1px; | ||
228 | 193 | } | ||
229 | 194 | th.icon.left, td.icon.left { | ||
230 | 195 | padding-right: 0; | ||
231 | 196 | } | ||
232 | 197 | th.icon.right, td.icon.right { | ||
233 | 198 | padding-left: 0; | ||
234 | 199 | } | ||
235 | 200 | th.nowrap, td.nowrap { | ||
236 | 201 | white-space: nowrap; | ||
237 | 202 | } | ||
238 | 203 | tfoot th, table.contributions th { | ||
239 | 204 | text-align: left; | ||
240 | 205 | } | ||
241 | 206 | tr.white { | ||
242 | 207 | background-color: #fff; | ||
243 | 208 | } | ||
244 | 209 | tr.shaded { | ||
245 | 210 | background-color: #f6f6f6; | ||
246 | 211 | } | ||
247 | 212 | table .amount { | ||
248 | 213 | text-align: right; | ||
249 | 214 | } | ||
250 | 215 | table.contributions th { | ||
251 | 216 | font-weight: normal; | ||
252 | 217 | } | ||
253 | 218 | table.contributions td { | ||
254 | 219 | vertical-align: middle; | ||
255 | 220 | width: 16px; | ||
256 | 221 | text-align: left; | ||
257 | 222 | } | ||
258 | 223 | table.latest th, table.latest td { | ||
259 | 224 | padding-bottom: 2em; | ||
260 | 225 | } | ||
261 | 226 | table.duplicate.listing * { | ||
262 | 227 | color: #999; | ||
263 | 228 | } | ||
264 | 229 | .table-actions:nth-child(2) { | ||
265 | 230 | /* text-align only works here because the <li> also has the | ||
266 | 231 | style display:inline. | ||
267 | 232 | */ | ||
268 | 233 | text-align: right; | ||
269 | 234 | } | ||
270 | 235 | .table-actions { | ||
271 | 236 | margin: 1em 0 0 0; | ||
272 | 237 | } | ||
273 | 238 | .table-actions li { | ||
274 | 239 | display: inline; | ||
275 | 240 | padding: 0 1.5em 0 0; | ||
276 | 241 | } | ||
277 | 242 | table.compressed { | ||
278 | 243 | width: auto; | ||
279 | 244 | } | ||
280 | 245 | table.compressed td { | ||
281 | 246 | padding: 0.25em 0.5em; | ||
282 | 247 | } | ||
283 | 248 | table.cozy-listing { | ||
284 | 249 | width: 20em; | ||
285 | 250 | background-color: #fff; | ||
286 | 251 | border: 1px solid #d2d2d2; | ||
287 | 252 | border-bottom: 1px solid #d2d2d2; | ||
288 | 253 | } | ||
289 | 254 | table.cozy-listing td { | ||
290 | 255 | border: 1px #d2d2d2; | ||
291 | 256 | border-style: dotted none none none; | ||
292 | 257 | } | ||
293 | 258 | table.sortable a.sortheader { | ||
294 | 259 | color: #666; | ||
295 | 260 | font-weight: bold; | ||
296 | 261 | text-decoration: none; | ||
297 | 262 | display: block; | ||
298 | 263 | } | ||
299 | 264 | table.sortable img.sortarrow { | ||
300 | 265 | padding-left: 2px; | ||
301 | 266 | } | ||
302 | 267 | th.ascending { | ||
303 | 268 | background-image: url(/@@/arrowDown); | ||
304 | 269 | background-position: center right; | ||
305 | 270 | background-repeat: no-repeat; | ||
306 | 271 | } | ||
307 | 272 | th.descending { | ||
308 | 273 | background-image: url(/@@/arrowUp); | ||
309 | 274 | background-position: center right; | ||
310 | 275 | background-repeat: no-repeat; | ||
311 | 276 | } | ||
312 | 277 | .sortkey, .revsortkey { | ||
313 | 278 | /* Used to indicate a value to be used to sort cells in a row */ | ||
314 | 279 | display: none; | ||
315 | 280 | } | ||
316 | 281 | table.listing { | ||
317 | 282 | margin: 0; | ||
318 | 283 | width: 100%; | ||
319 | 284 | } | ||
320 | 285 | table.listing, table.listing tbody, table.listing td.end-of-section { | ||
321 | 286 | border-bottom: 1px solid #d2d2d2; | ||
322 | 287 | } | ||
323 | 288 | table.listing th { | ||
324 | 289 | font-weight: bold; | ||
325 | 290 | } | ||
326 | 291 | table.listing .head, table.listing .head th, | ||
327 | 292 | table.listing thead, table.listing thead th, table.listing tfoot tr, | ||
328 | 293 | table.listing tr.thead th { | ||
329 | 294 | border: 1px solid #d2d2d2; | ||
330 | 295 | background-color: #fff; | ||
331 | 296 | } | ||
332 | 297 | table.listing tr.category { | ||
333 | 298 | border-bottom: 1px solid #d2d2d2; | ||
334 | 299 | } | ||
335 | 300 | table.listing tr.category th, table.listing tr.category td { | ||
336 | 301 | padding-top: 1em; | ||
337 | 302 | } | ||
338 | 303 | table.listing thead td, | ||
339 | 304 | table.listing table tbody, table.listing table thead, | ||
340 | 305 | table.listing table thead th, table.listing tfoot tr, | ||
341 | 306 | table.listing table tfoot td, table.listing table td { | ||
342 | 307 | border: none; | ||
343 | 308 | } | ||
344 | 309 | table.listing tfoot td { | ||
345 | 310 | border: 1px solid #d2d2d2; | ||
346 | 311 | } | ||
347 | 312 | table.listing th, table.listing td { | ||
348 | 313 | padding: 0.25em; | ||
349 | 314 | } | ||
350 | 315 | table.listing table th, table.listing table td { | ||
351 | 316 | /* We don't want extra padding on nested tables, like batch navigation. */ | ||
352 | 317 | padding: 0; | ||
353 | 318 | } | ||
354 | 319 | table.listing thead th, table.listing tr.thead th { | ||
355 | 320 | white-space: nowrap; | ||
356 | 321 | } | ||
357 | 322 | table.listing td { | ||
358 | 323 | border: 1px #d2d2d2; | ||
359 | 324 | border-style: dotted none none none; | ||
360 | 325 | } | ||
361 | 326 | table.listing .section-break td { | ||
362 | 327 | border-width: 1px 0 0 0; | ||
363 | 328 | border-style: solid; | ||
364 | 329 | border-color: #d2d2d2; | ||
365 | 330 | height: 1em; | ||
366 | 331 | } | ||
367 | 332 | table.listing .note td { | ||
368 | 333 | border-style: none; | ||
369 | 334 | } | ||
370 | 335 | table.listing img { | ||
371 | 336 | vertical-align: middle; | ||
372 | 337 | } | ||
373 | 338 | table.listing tr.secondary th, table.listing tr.secondary td { | ||
374 | 339 | border-top: none; | ||
375 | 340 | } | ||
376 | 341 | table.listing table.simple { | ||
377 | 342 | margin-left: 2em; | ||
378 | 343 | } | ||
379 | 344 | table.listing table.simple td { | ||
380 | 345 | padding: 0.25em; | ||
381 | 346 | } | ||
382 | 347 | table.listing .section-heading { | ||
383 | 348 | border: none; | ||
384 | 349 | padding-top: 1.5em; | ||
385 | 350 | } | ||
386 | 351 | table.summary th, table.summary td, | ||
387 | 352 | table.listing table.summary th, table.listing table.summary td { | ||
388 | 353 | /* Summary tables present information with subdued headers and a little | ||
389 | 354 | row spacing. */ | ||
390 | 355 | padding: 0 0.5em 0.5em 0; | ||
391 | 356 | } | ||
392 | 357 | table.summary th { | ||
393 | 358 | font-weight: normal; | ||
394 | 359 | } | ||
395 | 360 | table.summary caption { | ||
396 | 361 | font-style: italic; | ||
397 | 362 | margin-left: 1em; | ||
398 | 363 | } | ||
399 | 364 | table.summary ul, table.summary ul li { | ||
400 | 365 | list-style-position: inside; | ||
401 | 366 | margin: 0; | ||
402 | 367 | padding: 0; | ||
403 | 368 | } | ||
404 | 369 | .results { | ||
405 | 370 | background-color: #f4f4f4; | ||
406 | 371 | padding: 2px 10px 5px 10px; | ||
407 | 372 | -webkit-border-bottom-right-radius: 4px; | ||
408 | 373 | -webkit-border-bottom-left-radius: 4px; | ||
409 | 374 | -moz-border-radius-bottomright: 4px; | ||
410 | 375 | -moz-border-radius-bottomleft: 4px; | ||
411 | 376 | border-bottom-right-radius: 4px; | ||
412 | 377 | border-bottom-left-radius: 4px; | ||
413 | 378 | } | ||
414 | 0 | 379 | ||
415 | === added file 'lib/canonical/launchpad/icing/css/colours.css' | |||
416 | --- lib/canonical/launchpad/icing/css/colours.css 1970-01-01 00:00:00 +0000 | |||
417 | +++ lib/canonical/launchpad/icing/css/colours.css 2011-11-18 05:42:25 +0000 | |||
418 | @@ -0,0 +1,321 @@ | |||
419 | 1 | |||
420 | 2 | |||
421 | 3 | .questionstatusOPEN { | ||
422 | 4 | color: #000; | ||
423 | 5 | } | ||
424 | 6 | .questionstatusNEEDSINFO { | ||
425 | 7 | /* brown */ | ||
426 | 8 | color: #930; | ||
427 | 9 | } | ||
428 | 10 | .questionstatusANSWERED { | ||
429 | 11 | /* grey-green */ | ||
430 | 12 | color: #363; | ||
431 | 13 | } | ||
432 | 14 | .questionstatusSOLVED { | ||
433 | 15 | color: #090; | ||
434 | 16 | } | ||
435 | 17 | .questionstatusEXPIRED { | ||
436 | 18 | color: #666; | ||
437 | 19 | } | ||
438 | 20 | .questionstatusINVALID { | ||
439 | 21 | color: #c00; | ||
440 | 22 | } | ||
441 | 23 | |||
442 | 24 | |||
443 | 25 | .specstatusAPPROVED, .specstatusAPPROVED a { | ||
444 | 26 | color: green; | ||
445 | 27 | } | ||
446 | 28 | .specstatusPENDINGAPPROVAL, .specstatusPENDINGAPPROVAL a, | ||
447 | 29 | .specstatusPENDINGREVIEW, .specstatusPENDINGREVIEW a { | ||
448 | 30 | color: #f09; | ||
449 | 31 | } | ||
450 | 32 | .specstatusDRAFT, .specstatusDRAFT a, | ||
451 | 33 | .specstatusDISCUSSION, .specstatusDISCUSSION a { | ||
452 | 34 | color: #930; | ||
453 | 35 | } | ||
454 | 36 | .specstatusNEW, .specstatusNEW a { | ||
455 | 37 | color: red; | ||
456 | 38 | } | ||
457 | 39 | .specstatusSUPERSEDED, .specstatusSUPERSEDED a, | ||
458 | 40 | .specstatusOBSOLETE, .specstatusOBSOLETE a, | ||
459 | 41 | .specpriorityNOTFORUS, .specpriorityNOTFORUS a, | ||
460 | 42 | .specpriorityUNDEFINED, .specpriorityUNDEFINED a { | ||
461 | 43 | color: gray; | ||
462 | 44 | } | ||
463 | 45 | .specpriorityLOW, .specpriorityLOW a { | ||
464 | 46 | color: black; | ||
465 | 47 | } | ||
466 | 48 | .specpriorityMEDIUM, .specpriorityMEDIUM a { | ||
467 | 49 | color: #f60; | ||
468 | 50 | } | ||
469 | 51 | .specpriorityHIGH, .specpriorityHIGH a, | ||
470 | 52 | .specpriorityESSENTIAL, .specpriorityESSENTIAL a { | ||
471 | 53 | color: red; | ||
472 | 54 | } | ||
473 | 55 | .specdeliveryUNKNOWN, .specdeliveryUNKNOWN a, | ||
474 | 56 | .specdeliveryNOTSTARTED, .specdeliveryNOTSTARTED a { | ||
475 | 57 | color: gray; | ||
476 | 58 | } | ||
477 | 59 | .specdeliveryDEFERRED, .specdeliveryDEFERRED a, | ||
478 | 60 | .specdeliveryNEEDSINFRASTUCTURE, .specdeliveryNEEDSINFRASTUCTURE a, | ||
479 | 61 | .specdeliveryBLOCKED, .specdeliveryBLOCKED a { | ||
480 | 62 | color: red; | ||
481 | 63 | } | ||
482 | 64 | .specdeliverySTARTED, .specdeliverySTARTED a, | ||
483 | 65 | .specdeliveryGOOD, .specdeliveryGOOD a { | ||
484 | 66 | color: blue; | ||
485 | 67 | } | ||
486 | 68 | .specdeliverySLOW, .specdeliverySLOW a { | ||
487 | 69 | color: red; | ||
488 | 70 | } | ||
489 | 71 | .specdeliveryBETA, .specdeliveryBETA a { | ||
490 | 72 | color: #f60; | ||
491 | 73 | } | ||
492 | 74 | .specdeliveryNEEDSREVIEW, .specdeliveryNEEDSREVIEW a { | ||
493 | 75 | color: purple; | ||
494 | 76 | } | ||
495 | 77 | .specdeliveryAWAITINGDEPLOYMENT, .specdeliveryAWAITINGDEPLOYMENT a { | ||
496 | 78 | color: red; | ||
497 | 79 | } | ||
498 | 80 | .specdeliveryIMPLEMENTED, .specdeliveryIMPLEMENTED a, | ||
499 | 81 | .specdeliveryINFORMATIONAL, .specdeliveryINFORMATIONAL a { | ||
500 | 82 | color: green; | ||
501 | 83 | } | ||
502 | 84 | |||
503 | 85 | |||
504 | 86 | .bug-activity { | ||
505 | 87 | color: #555; | ||
506 | 88 | } | ||
507 | 89 | .statusNEW, .statusNEW a { | ||
508 | 90 | color: #930; | ||
509 | 91 | } | ||
510 | 92 | .statusINCOMPLETE, .statusINCOMPLETE a, | ||
511 | 93 | .statusCONFIRMED, .statusCONFIRMED a { | ||
512 | 94 | color: red; | ||
513 | 95 | } | ||
514 | 96 | .statusTRIAGED, .statusTRIAGED a { | ||
515 | 97 | color: #f60; | ||
516 | 98 | } | ||
517 | 99 | .statusINPROGRESS, .statusINPROGRESS a { | ||
518 | 100 | color: black; | ||
519 | 101 | } | ||
520 | 102 | .statusFIXCOMMITTED, .statusFIXCOMMITTED a { | ||
521 | 103 | color: #050; | ||
522 | 104 | } | ||
523 | 105 | .statusFIXRELEASED, .statusFIXRELEASED a { | ||
524 | 106 | color: green; | ||
525 | 107 | } | ||
526 | 108 | .statusINVALID, .statusINVALID a, | ||
527 | 109 | .statusWONTFIX, .statusWONTFIX a { | ||
528 | 110 | color: gray; | ||
529 | 111 | } | ||
530 | 112 | .importanceCRITICAL, .importanceCRITICAL a { | ||
531 | 113 | color: red; | ||
532 | 114 | } | ||
533 | 115 | .importanceHIGH, .importanceHIGH a { | ||
534 | 116 | color: #f60; | ||
535 | 117 | } | ||
536 | 118 | .importanceMEDIUM, .importanceMEDIUM a { | ||
537 | 119 | color: green; | ||
538 | 120 | } | ||
539 | 121 | .importanceLOW, .importanceLOW a { | ||
540 | 122 | color: black; | ||
541 | 123 | } | ||
542 | 124 | .importanceWISHLIST, .importanceWISHLIST a { | ||
543 | 125 | color: blue; | ||
544 | 126 | } | ||
545 | 127 | .importanceUNDECIDED, .importanceUNDECIDED a { | ||
546 | 128 | color: #999; | ||
547 | 129 | } | ||
548 | 130 | #client-listing .importanceCRITICAL, #client-listing .importanceCRITICAL a { | ||
549 | 131 | background: red; | ||
550 | 132 | color: white; | ||
551 | 133 | } | ||
552 | 134 | #client-listing .importanceHIGH, #client-listing .importanceHIGH a { | ||
553 | 135 | background:#f60; | ||
554 | 136 | color: white; | ||
555 | 137 | } | ||
556 | 138 | #client-listing .importanceMEDIUM, #client-listing .importanceMEDIUM a { | ||
557 | 139 | background: green; | ||
558 | 140 | color: white; | ||
559 | 141 | } | ||
560 | 142 | #client-listing .importanceLOW, #client-listing .importanceLOW a { | ||
561 | 143 | background: black; | ||
562 | 144 | color: white; | ||
563 | 145 | } | ||
564 | 146 | #client-listing .importanceWISHLIST, #client-listing .importanceWISHLIST a { | ||
565 | 147 | background: blue; | ||
566 | 148 | color: white; | ||
567 | 149 | } | ||
568 | 150 | #client-listing .importanceUNDECIDED, #client-listing .importanceUNDECIDED a { | ||
569 | 151 | background: #999; | ||
570 | 152 | color: white; | ||
571 | 153 | } | ||
572 | 154 | |||
573 | 155 | a.official-tag { | ||
574 | 156 | /* Looks just like a normal link */ | ||
575 | 157 | } | ||
576 | 158 | a.unofficial-tag { | ||
577 | 159 | color: #6699ee; | ||
578 | 160 | } | ||
579 | 161 | |||
580 | 162 | |||
581 | 163 | |||
582 | 164 | .vcsimportSUCCESS { | ||
583 | 165 | /* inherited text color */ | ||
584 | 166 | } | ||
585 | 167 | .vcsimportFAILURE { | ||
586 | 168 | color: Red; | ||
587 | 169 | } | ||
588 | 170 | .greylink a:link, .greylink a:visited { | ||
589 | 171 | color: gray; | ||
590 | 172 | } | ||
591 | 173 | .stale-diff { | ||
592 | 174 | color: #f60; | ||
593 | 175 | } | ||
594 | 176 | .conflicts-diff { | ||
595 | 177 | color: red; | ||
596 | 178 | } | ||
597 | 179 | .branchstatusMATURE, .branchstatusMATURE a { | ||
598 | 180 | color: #090; | ||
599 | 181 | } | ||
600 | 182 | .branchstatusDEVELOPMENT, .branchstatusDEVELOPMENT a { | ||
601 | 183 | color: #900; | ||
602 | 184 | } | ||
603 | 185 | .branchstatusEXPERIMENTAL, .branchstatusEXPERIMENTAL a { | ||
604 | 186 | color: #930; | ||
605 | 187 | } | ||
606 | 188 | .branchstatusMERGED, .branchstatusMERGED a, | ||
607 | 189 | .branchstatusABANDONED, .branchstatusABANDONED a { | ||
608 | 190 | color: gray; | ||
609 | 191 | } | ||
610 | 192 | .branchstatusNEW, .branchstatusNEW a { | ||
611 | 193 | color: black; | ||
612 | 194 | } | ||
613 | 195 | .voteAPPROVE { | ||
614 | 196 | color: green; | ||
615 | 197 | } | ||
616 | 198 | .voteNEEDS_FIXING { | ||
617 | 199 | color: #930; | ||
618 | 200 | } | ||
619 | 201 | .voteDISAPPROVE, | ||
620 | 202 | .voteRESUBMIT { | ||
621 | 203 | color: red; | ||
622 | 204 | } | ||
623 | 205 | .voteABSTAIN { | ||
624 | 206 | color: #bebebe; | ||
625 | 207 | } | ||
626 | 208 | .votePENDING { | ||
627 | 209 | color: #f60; | ||
628 | 210 | } | ||
629 | 211 | .mergestatusWORK_IN_PROGRESS, .mergestatusWORK_IN_PROGRESS a { | ||
630 | 212 | color: black; | ||
631 | 213 | } | ||
632 | 214 | .mergestatusNEEDS_REVIEW, .mergestatusNEEDS_REVIEW a { | ||
633 | 215 | color: #f60; | ||
634 | 216 | } | ||
635 | 217 | .mergestatusCODE_APPROVED, .mergestatusCODE_APPROVED a, | ||
636 | 218 | .mergestatusMERGED, .mergestatusMERGED a { | ||
637 | 219 | color: green; | ||
638 | 220 | } | ||
639 | 221 | .mergestatusREJECTED, .mergestatusREJECTED a, | ||
640 | 222 | .mergestatusMERGE_FAILED, .mergestatusMERGE_FAILED a { | ||
641 | 223 | color: red; | ||
642 | 224 | } | ||
643 | 225 | .mergestatusQUEUED, .mergestatusQUEUED a { | ||
644 | 226 | color: black; | ||
645 | 227 | } | ||
646 | 228 | .mergestatusSUPERSEDED, .mergestatusSUPERSEDED a { | ||
647 | 229 | color: #bebebe; | ||
648 | 230 | } | ||
649 | 231 | .codeimportNEW { | ||
650 | 232 | color: #930; | ||
651 | 233 | } | ||
652 | 234 | .codeimportREVIEWED { | ||
653 | 235 | color: green; | ||
654 | 236 | } | ||
655 | 237 | .codeimportINVALID, | ||
656 | 238 | .codeimportSUSPENDED, | ||
657 | 239 | .codeimportFAILING { | ||
658 | 240 | color: red; | ||
659 | 241 | } | ||
660 | 242 | |||
661 | 243 | |||
662 | 244 | .translationimportstatusAPPROVED, | ||
663 | 245 | .translationimportstatusAPPROVED a { | ||
664 | 246 | color: #050; | ||
665 | 247 | } | ||
666 | 248 | .translationimportstatusIMPORTED, | ||
667 | 249 | .translationimportstatusIMPORTED a { | ||
668 | 250 | color: green; | ||
669 | 251 | } | ||
670 | 252 | .translationimportstatusDELETED, | ||
671 | 253 | .translationimportstatusDELETED a { | ||
672 | 254 | color: black; | ||
673 | 255 | } | ||
674 | 256 | .translationimportstatusFAILED, | ||
675 | 257 | .translationimportstatusFAILED a { | ||
676 | 258 | color: red; | ||
677 | 259 | } | ||
678 | 260 | .translationimportstatusNEEDS_REVIEW, | ||
679 | 261 | .translationimportstatusNEEDS_REVIEW a { | ||
680 | 262 | color: #f60; | ||
681 | 263 | } | ||
682 | 264 | .translationimportstatusBLOCKED, | ||
683 | 265 | .translationimportstatusBLOCKED a { | ||
684 | 266 | color: blue; | ||
685 | 267 | } | ||
686 | 268 | .translationimportstatusNEEDS_INFORMATION, | ||
687 | 269 | .translationimportstatusNEEDS_INFORMATION a { | ||
688 | 270 | color: maroon; | ||
689 | 271 | } | ||
690 | 272 | |||
691 | 273 | |||
692 | 274 | |||
693 | 275 | .distromirrorstatusUP, | ||
694 | 276 | .distromirrorstatusONEHOURBEHIND, | ||
695 | 277 | .distromirrorstatusTWOHOURSBEHIND, | ||
696 | 278 | .distromirrorstatusFOURHOURSBEHIND, | ||
697 | 279 | .distromirrorstatusSIXHOURSBEHIND { | ||
698 | 280 | color: green; | ||
699 | 281 | } | ||
700 | 282 | .distromirrorstatusONEDAYBEHIND { | ||
701 | 283 | color: #f60; | ||
702 | 284 | } | ||
703 | 285 | .distromirrorstatusTWODAYSBEHIND, | ||
704 | 286 | .distromirrorstatusONEWEEKBEHIND { | ||
705 | 287 | color: red; | ||
706 | 288 | } | ||
707 | 289 | .distromirrorstatusUNKNOWN { | ||
708 | 290 | color: #bebebe; | ||
709 | 291 | } | ||
710 | 292 | .buildstatusNEEDSBUILD { | ||
711 | 293 | color: gray; | ||
712 | 294 | } | ||
713 | 295 | .buildstatusBUILDING { | ||
714 | 296 | color: black; | ||
715 | 297 | } | ||
716 | 298 | .buildstatusFULLYBUILT { | ||
717 | 299 | color: green; | ||
718 | 300 | } | ||
719 | 301 | .buildstatusFAILEDTOBUILD, | ||
720 | 302 | .buildstatusMANUALDEPWAIT, | ||
721 | 303 | .buildstatusCHROOTWAIT, | ||
722 | 304 | .buildstatusSUPERSEDED, | ||
723 | 305 | .buildstatusFAILEDTOUPLOAD { | ||
724 | 306 | color: red; | ||
725 | 307 | } | ||
726 | 308 | |||
727 | 309 | |||
728 | 310 | .launchpad-gold { | ||
729 | 311 | color: #F8C300; | ||
730 | 312 | } | ||
731 | 313 | |||
732 | 314 | |||
733 | 315 | .green { | ||
734 | 316 | color: green; | ||
735 | 317 | } | ||
736 | 318 | |||
737 | 319 | .red { | ||
738 | 320 | color: red; | ||
739 | 321 | } | ||
740 | 0 | 322 | ||
741 | === added directory 'lib/canonical/launchpad/icing/css/components' | |||
742 | === added file 'lib/canonical/launchpad/icing/css/components/batch_navigation.css' | |||
743 | --- lib/canonical/launchpad/icing/css/components/batch_navigation.css 1970-01-01 00:00:00 +0000 | |||
744 | +++ lib/canonical/launchpad/icing/css/components/batch_navigation.css 2011-11-18 05:42:25 +0000 | |||
745 | @@ -0,0 +1,23 @@ | |||
746 | 1 | .batch-navigation-links .next { | ||
747 | 2 | /* Next links have icons: */ | ||
748 | 3 | background: center right no-repeat; | ||
749 | 4 | padding-right: 14px; | ||
750 | 5 | } | ||
751 | 6 | .batch-navigation-links .next { | ||
752 | 7 | background-image: url(/@@/arrowRight); | ||
753 | 8 | } | ||
754 | 9 | .batch-navigation-links .next.inactive { | ||
755 | 10 | background-image: url(/@@/arrowRight-inactive); | ||
756 | 11 | } | ||
757 | 12 | .batch-navigation-links .inactive { | ||
758 | 13 | color: #999ea7; | ||
759 | 14 | } | ||
760 | 15 | .batch-navigation-links .previous, .batch-navigation-links .next, | ||
761 | 16 | .batch-navigation-links .last { | ||
762 | 17 | /* And all the links have spacing between them: */ | ||
763 | 18 | margin-left: 0.25em; | ||
764 | 19 | } | ||
765 | 20 | .batch-navigation-links .first, .batch-navigation-links .previous, | ||
766 | 21 | .batch-navigation-links .next { | ||
767 | 22 | margin-right: 0.25em; | ||
768 | 23 | } | ||
769 | 0 | 24 | ||
770 | === added file 'lib/canonical/launchpad/icing/css/components/beta_banner.css' | |||
771 | --- lib/canonical/launchpad/icing/css/components/beta_banner.css 1970-01-01 00:00:00 +0000 | |||
772 | +++ lib/canonical/launchpad/icing/css/components/beta_banner.css 2011-11-18 05:42:25 +0000 | |||
773 | @@ -0,0 +1,30 @@ | |||
774 | 1 | /* =========== | ||
775 | 2 | Beta banner | ||
776 | 3 | */ | ||
777 | 4 | .beta-banner { | ||
778 | 5 | position: fixed; | ||
779 | 6 | z-index: 9; | ||
780 | 7 | top: 0; | ||
781 | 8 | left: 0; | ||
782 | 9 | right: 0; | ||
783 | 10 | padding: 8px 20px; | ||
784 | 11 | /* Define colour for browsers that don't support transparency */ | ||
785 | 12 | background-color: #606060; | ||
786 | 13 | /* Set transparent background for browsers that support it */ | ||
787 | 14 | background-color: rgba(64, 64, 64,0.9); | ||
788 | 15 | color: #fff; | ||
789 | 16 | font-size: 14px; | ||
790 | 17 | line-height: 21px; | ||
791 | 18 | } | ||
792 | 19 | .beta-banner .info-link { | ||
793 | 20 | color: #4884ef; | ||
794 | 21 | } | ||
795 | 22 | .beta-warning { | ||
796 | 23 | padding: 4px; | ||
797 | 24 | margin-right: 8px; | ||
798 | 25 | background-color: #be0000; | ||
799 | 26 | font-weight: bold; | ||
800 | 27 | } | ||
801 | 28 | .beta-feature { | ||
802 | 29 | font-weight: bold; | ||
803 | 30 | } | ||
804 | 0 | 31 | ||
805 | === added file 'lib/canonical/launchpad/icing/css/components/global_notification.css' | |||
806 | --- lib/canonical/launchpad/icing/css/components/global_notification.css 1970-01-01 00:00:00 +0000 | |||
807 | +++ lib/canonical/launchpad/icing/css/components/global_notification.css 2011-11-18 05:42:25 +0000 | |||
808 | @@ -0,0 +1,59 @@ | |||
809 | 1 | /* ==================== | ||
810 | 2 | Global notifications | ||
811 | 3 | */ | ||
812 | 4 | /* Move the content down so the notification banner doesn't hide any content. */ | ||
813 | 5 | body.global-notification-visible { | ||
814 | 6 | padding-top: 40px; | ||
815 | 7 | } | ||
816 | 8 | body.global-notification-visible .login-logout { | ||
817 | 9 | top: 45px; | ||
818 | 10 | } | ||
819 | 11 | .global-notification { | ||
820 | 12 | position: fixed; | ||
821 | 13 | z-index: 10; | ||
822 | 14 | top: 0; | ||
823 | 15 | left: 0; | ||
824 | 16 | right: 0; | ||
825 | 17 | padding: 8px 20px; | ||
826 | 18 | /* Define colour for browsers that don't support transparency */ | ||
827 | 19 | background-color: #8d1f1f; | ||
828 | 20 | /* Set transparent background for browsers that support it */ | ||
829 | 21 | background-color: rgba(125,0,0,0.9); | ||
830 | 22 | color: #fff; | ||
831 | 23 | text-shadow: 0 -1px 0 #631616; | ||
832 | 24 | font-size: 14px; | ||
833 | 25 | line-height: 21px; | ||
834 | 26 | font-weight: bold; | ||
835 | 27 | -moz-box-shadow: 0 0 5px #333; | ||
836 | 28 | -webkit-box-shadow: 0 0 5px #333; | ||
837 | 29 | box-shadow: 0 0 5px #333; | ||
838 | 30 | } | ||
839 | 31 | .global-notification .sprite.notification-private { | ||
840 | 32 | float: left; | ||
841 | 33 | display: inline-block; | ||
842 | 34 | height: 21px; | ||
843 | 35 | width: 20px; | ||
844 | 36 | margin-right: 10px; | ||
845 | 37 | padding: 0; | ||
846 | 38 | } | ||
847 | 39 | .global-notification-close, .global-notification-close:active, | ||
848 | 40 | .global-notification-close:visited { | ||
849 | 41 | color: #e47a7a; | ||
850 | 42 | } | ||
851 | 43 | .global-notification-close { | ||
852 | 44 | display: block; | ||
853 | 45 | position: absolute; | ||
854 | 46 | top: 11px; | ||
855 | 47 | right: 20px; | ||
856 | 48 | font-size: 12px; | ||
857 | 49 | font-weight: normal; | ||
858 | 50 | line-height: 14px; | ||
859 | 51 | } | ||
860 | 52 | .global-notification-close .sprite.notification-close { | ||
861 | 53 | float: right; | ||
862 | 54 | display: block; | ||
863 | 55 | height: 9px; | ||
864 | 56 | width: 8px; | ||
865 | 57 | margin: 3px 0 0 7px; | ||
866 | 58 | padding: 0; | ||
867 | 59 | } | ||
868 | 0 | 60 | ||
869 | === added file 'lib/canonical/launchpad/icing/css/components/help_pane.css' | |||
870 | --- lib/canonical/launchpad/icing/css/components/help_pane.css 1970-01-01 00:00:00 +0000 | |||
871 | +++ lib/canonical/launchpad/icing/css/components/help_pane.css 2011-11-18 05:42:25 +0000 | |||
872 | @@ -0,0 +1,50 @@ | |||
873 | 1 | /* ========================= | ||
874 | 2 | Universal | ||
875 | 3 | Help pane | ||
876 | 4 | */ | ||
877 | 5 | #help-pane { | ||
878 | 6 | /* Inline help is dynamically positioned by JavaScript. | ||
879 | 7 | This should appear above all other content. Needs to be | ||
880 | 8 | above the Google Maps element on the profile pages, which | ||
881 | 9 | has a z-index of 9999. See bug #380349. */ | ||
882 | 10 | position: absolute; | ||
883 | 11 | border: 1px solid black; | ||
884 | 12 | padding: 1px 1px 5px 10px; | ||
885 | 13 | z-index: 11000; | ||
886 | 14 | background-color: #fff; | ||
887 | 15 | width: 600px; /* based on the help wiki, should change later */ | ||
888 | 16 | } | ||
889 | 17 | #help-pane.invisible { | ||
890 | 18 | /* We want the hidden pane to have dimensions so that we can position the | ||
891 | 19 | frame with them. This works because the element an absolute position, | ||
892 | 20 | taking it out of the page flow. */ | ||
893 | 21 | position: absolute; | ||
894 | 22 | visibility: hidden; | ||
895 | 23 | display: block; | ||
896 | 24 | left: 0px; | ||
897 | 25 | top: 0px; | ||
898 | 26 | } | ||
899 | 27 | #help-body { | ||
900 | 28 | background: url(/@@/spinner) no-repeat center center; | ||
901 | 29 | } | ||
902 | 30 | #help-pane iframe { | ||
903 | 31 | width: 100%; | ||
904 | 32 | height: 300px; | ||
905 | 33 | border: 0; | ||
906 | 34 | } | ||
907 | 35 | #help-pane iframe.invisible { | ||
908 | 36 | visibility: hidden; | ||
909 | 37 | display: block; | ||
910 | 38 | } | ||
911 | 39 | #help-footer { | ||
912 | 40 | padding: 3px; | ||
913 | 41 | border-top: 1px solid #ddd; | ||
914 | 42 | text-align: right; | ||
915 | 43 | } | ||
916 | 44 | #help-footer button { | ||
917 | 45 | margin-bottom: 10px; | ||
918 | 46 | margin-top: 3px; | ||
919 | 47 | } | ||
920 | 48 | span.help { | ||
921 | 49 | font-weight: normal; | ||
922 | 50 | } | ||
923 | 0 | 51 | ||
924 | === added file 'lib/canonical/launchpad/icing/css/components/pofiling_info.css' | |||
925 | --- lib/canonical/launchpad/icing/css/components/pofiling_info.css 1970-01-01 00:00:00 +0000 | |||
926 | +++ lib/canonical/launchpad/icing/css/components/pofiling_info.css 2011-11-18 05:42:25 +0000 | |||
927 | @@ -0,0 +1,26 @@ | |||
928 | 1 | div.profiling_info { | ||
929 | 2 | position: absolute; | ||
930 | 3 | top: 0; | ||
931 | 4 | left: 0; | ||
932 | 5 | border: 3px solid red; | ||
933 | 6 | background-color: white; | ||
934 | 7 | text-align: left; | ||
935 | 8 | padding: 1em; | ||
936 | 9 | } | ||
937 | 10 | div.profiling_info h1 { | ||
938 | 11 | color: red; | ||
939 | 12 | } | ||
940 | 13 | div.profiling_info h2 { | ||
941 | 14 | border-bottom: 3px solid gray; | ||
942 | 15 | } | ||
943 | 16 | div.profiling_info h3 { | ||
944 | 17 | border-bottom: 1px solid gray; | ||
945 | 18 | } | ||
946 | 19 | div.profiling_info p { | ||
947 | 20 | color: black; | ||
948 | 21 | } | ||
949 | 22 | div.hide_reveal_profiling { | ||
950 | 23 | text-decoration: underline; | ||
951 | 24 | color: #093; | ||
952 | 25 | font-size: 10px; | ||
953 | 26 | } | ||
954 | 0 | 27 | ||
955 | === added file 'lib/canonical/launchpad/icing/css/components/portlet.css' | |||
956 | --- lib/canonical/launchpad/icing/css/components/portlet.css 1970-01-01 00:00:00 +0000 | |||
957 | +++ lib/canonical/launchpad/icing/css/components/portlet.css 2011-11-18 05:42:25 +0000 | |||
958 | @@ -0,0 +1,94 @@ | |||
959 | 1 | .portlet dd { | ||
960 | 2 | margin-bottom: 0.5em; | ||
961 | 3 | } | ||
962 | 4 | .portlet dl strong { | ||
963 | 5 | color: #000; | ||
964 | 6 | font-weight: normal; | ||
965 | 7 | } | ||
966 | 8 | .related { | ||
967 | 9 | /* Lists that link to related content. */ | ||
968 | 10 | margin-top: 4em; | ||
969 | 11 | border-top: 1px solid #cbcbcb; /* matches color of mainarea_* images */ | ||
970 | 12 | padding-top: 1em; | ||
971 | 13 | } | ||
972 | 14 | .related ul { | ||
973 | 15 | list-style: none; | ||
974 | 16 | margin-left: 0 !important; | ||
975 | 17 | padding-left: 0 !important; | ||
976 | 18 | text-indent: 0.5em; | ||
977 | 19 | } | ||
978 | 20 | .related ul.sourcepackage-links li.sourcepackage-not-dev-focus:before { | ||
979 | 21 | content: ""; | ||
980 | 22 | display: inline-block; | ||
981 | 23 | width: 1.5em; | ||
982 | 24 | } | ||
983 | 25 | .related ul.sourcepackage-links li.sourcepackage-dev-focus:before { | ||
984 | 26 | content: "⇒ "; | ||
985 | 27 | display: inline-block; | ||
986 | 28 | width: 1.5em; | ||
987 | 29 | } | ||
988 | 30 | .related ul li:before { | ||
989 | 31 | content: "\00BB \0020"; | ||
990 | 32 | } | ||
991 | 33 | .gridflow { | ||
992 | 34 | /* A list that positions the items in a grid (like a table). */ | ||
993 | 35 | margin: 0.0em; | ||
994 | 36 | padding: 0.0em; | ||
995 | 37 | } | ||
996 | 38 | .gridflow ul { | ||
997 | 39 | margin: 0.5em 0.0em 0.5em 0.0em; | ||
998 | 40 | padding: 0.5em 0.0em 0.0em 0.0em; | ||
999 | 41 | } | ||
1000 | 42 | .gridflow li { | ||
1001 | 43 | display: inline; | ||
1002 | 44 | margin: 0.0em; | ||
1003 | 45 | padding: 0.2em; | ||
1004 | 46 | } | ||
1005 | 47 | .gridflow li span { | ||
1006 | 48 | display: table-cell; | ||
1007 | 49 | display: inline-table; | ||
1008 | 50 | display: inline-block; | ||
1009 | 51 | width: 192px; | ||
1010 | 52 | text-align: center; | ||
1011 | 53 | vertical-align: middle; | ||
1012 | 54 | padding: 1em 1em 1em 0; | ||
1013 | 55 | } | ||
1014 | 56 | .portlet-border { | ||
1015 | 57 | border-top: 1px solid #EBEBEB; | ||
1016 | 58 | padding: 1em 0; | ||
1017 | 59 | } | ||
1018 | 60 | .portlet, .aside { | ||
1019 | 61 | clear: both; | ||
1020 | 62 | border-top: 1px solid #EBEBEB; | ||
1021 | 63 | padding: 1em 0; | ||
1022 | 64 | } | ||
1023 | 65 | .portlet > h2:first-child { | ||
1024 | 66 | margin-top: 0; | ||
1025 | 67 | } | ||
1026 | 68 | .top-portlet { | ||
1027 | 69 | padding: 0 0 0.5em 0; | ||
1028 | 70 | margin: 0 0 1em; | ||
1029 | 71 | } | ||
1030 | 72 | .full-page-width { | ||
1031 | 73 | z-index: 10; | ||
1032 | 74 | width: 131%; | ||
1033 | 75 | } | ||
1034 | 76 | .full-page-width .full-page-width { | ||
1035 | 77 | /* The content is already full width. */ | ||
1036 | 78 | width: 100%; | ||
1037 | 79 | } | ||
1038 | 80 | .warning.message { | ||
1039 | 81 | margin-top: 17px; | ||
1040 | 82 | } | ||
1041 | 83 | |||
1042 | 84 | div.three.column.middle { | ||
1043 | 85 | margin-right: 1%; | ||
1044 | 86 | } | ||
1045 | 87 | div.three.column.left, div.three.column.middle, div.three.column.right { | ||
1046 | 88 | clear: none; | ||
1047 | 89 | float: left; | ||
1048 | 90 | width: 33%; | ||
1049 | 91 | } | ||
1050 | 92 | div.three.column.left, div.three.column.right { | ||
1051 | 93 | margin: 0; | ||
1052 | 94 | } | ||
1053 | 0 | 95 | ||
1054 | === added file 'lib/canonical/launchpad/icing/css/components/sidebar_components.css' | |||
1055 | --- lib/canonical/launchpad/icing/css/components/sidebar_components.css 1970-01-01 00:00:00 +0000 | |||
1056 | +++ lib/canonical/launchpad/icing/css/components/sidebar_components.css 2011-11-18 05:42:25 +0000 | |||
1057 | @@ -0,0 +1,130 @@ | |||
1058 | 1 | /* ========================= | ||
1059 | 2 | Universal | ||
1060 | 3 | Side portlets | ||
1061 | 4 | */ | ||
1062 | 5 | .side { | ||
1063 | 6 | padding: 0.5em; | ||
1064 | 7 | } | ||
1065 | 8 | .side .portlet { | ||
1066 | 9 | width: 90%; | ||
1067 | 10 | margin: 0 auto 1em; | ||
1068 | 11 | border: 1px solid #dedede; | ||
1069 | 12 | -moz-border-radius: 5px; | ||
1070 | 13 | -webkit-border-radius: 5px; | ||
1071 | 14 | -khtml-border-radius: 5px; | ||
1072 | 15 | border-radius: 5px; | ||
1073 | 16 | padding: 0.5em; | ||
1074 | 17 | background: #fbfbfb; | ||
1075 | 18 | } | ||
1076 | 19 | .side h2 { | ||
1077 | 20 | font-size: 16px; | ||
1078 | 21 | line-height: 20px; | ||
1079 | 22 | } | ||
1080 | 23 | .side h3 { | ||
1081 | 24 | font-size: 14px; | ||
1082 | 25 | line-height: 18px; | ||
1083 | 26 | } | ||
1084 | 27 | .side ul { | ||
1085 | 28 | background: #fbfbfb; | ||
1086 | 29 | } | ||
1087 | 30 | #privacy.private { | ||
1088 | 31 | background: url(/@@/private-bg) top left repeat-x; /* 8px high */ | ||
1089 | 32 | padding-top: 12px; /* = 8px + the usual 4px top padding */ | ||
1090 | 33 | } | ||
1091 | 34 | /* Override for when the feature flag is active */ | ||
1092 | 35 | .feature-flag-bugs-private-notification-enabled #privacy.private { | ||
1093 | 36 | background-image: none; | ||
1094 | 37 | background-color: #FBFBFB; | ||
1095 | 38 | padding-top: 0.5em; | ||
1096 | 39 | } | ||
1097 | 40 | .downloads li { | ||
1098 | 41 | margin: 0; | ||
1099 | 42 | padding: 2px 0 0; | ||
1100 | 43 | font-weight: bold; | ||
1101 | 44 | } | ||
1102 | 45 | .downloads li a { | ||
1103 | 46 | display: block; | ||
1104 | 47 | margin: 0; | ||
1105 | 48 | border: 1px solid #4f843c; | ||
1106 | 49 | -moz-border-radius: 3px; | ||
1107 | 50 | -webkit-border-radius: 3px; | ||
1108 | 51 | -khtml-border-radius: 3px; | ||
1109 | 52 | border-radius: 3px; | ||
1110 | 53 | background: #4f843c url(/@@/bg-project-downloads.png) center right no-repeat; | ||
1111 | 54 | padding: 6%; | ||
1112 | 55 | padding-right: 40px; | ||
1113 | 56 | color: #fff; | ||
1114 | 57 | } | ||
1115 | 58 | .downloads .version { | ||
1116 | 59 | -moz-border-radius: 5px 5px 0 0; | ||
1117 | 60 | -webkit-border-radius: 5px 5px 0 0; | ||
1118 | 61 | -khtml-border-radius: 5px 5px 0 0; | ||
1119 | 62 | border-radius: 5px 5px 0 0; | ||
1120 | 63 | background: #d3e3c7; | ||
1121 | 64 | padding: 0.2em 1em; | ||
1122 | 65 | } | ||
1123 | 66 | .downloads .released { | ||
1124 | 67 | margin: .3em 0 .5em 0; | ||
1125 | 68 | -moz-border-radius: 0 0 5px 5px; | ||
1126 | 69 | -webkit-border-radius: 0 0 5px 5px; | ||
1127 | 70 | -khtml-border-radius: 0 0 5px 5px; | ||
1128 | 71 | border-radius: 0 0 5px 5px; | ||
1129 | 72 | background: #d3e3c7; | ||
1130 | 73 | padding: 0.2em 1em; | ||
1131 | 74 | } | ||
1132 | 75 | .downloads .alternate { | ||
1133 | 76 | padding: 0 0 0 1em; | ||
1134 | 77 | } | ||
1135 | 78 | .involvement li { | ||
1136 | 79 | border-top: 1px solid #d0d0d0; | ||
1137 | 80 | padding: 0; | ||
1138 | 81 | font-weight: bold; | ||
1139 | 82 | } | ||
1140 | 83 | .involvement li.single { | ||
1141 | 84 | border-top: 0; | ||
1142 | 85 | } | ||
1143 | 86 | .involvement a { | ||
1144 | 87 | display: block; | ||
1145 | 88 | padding: 0.3em; | ||
1146 | 89 | } | ||
1147 | 90 | .involvement li.disabled { | ||
1148 | 91 | color: #cccccc; | ||
1149 | 92 | } | ||
1150 | 93 | .involvement-service-links li.disabled img { | ||
1151 | 94 | margin-bottom: 0; | ||
1152 | 95 | } | ||
1153 | 96 | .involvement-service-links li.disabled span { | ||
1154 | 97 | margin-bottom: 0; | ||
1155 | 98 | } | ||
1156 | 99 | .involvement-service-links li.disabled table { | ||
1157 | 100 | padding-top: 0.3em; | ||
1158 | 101 | padding-bottom: 0.3em; | ||
1159 | 102 | } | ||
1160 | 103 | .involvement a.bugs, .involvement a.answers, | ||
1161 | 104 | .involvement a.translations, .involvement a.code, .involvement a.blueprints { | ||
1162 | 105 | background: url(/@@/answers-arrow-right.png) right center no-repeat; | ||
1163 | 106 | } | ||
1164 | 107 | .involvement a:hover { | ||
1165 | 108 | text-decoration: none; | ||
1166 | 109 | background-color: #eee; | ||
1167 | 110 | } | ||
1168 | 111 | .announcements li { | ||
1169 | 112 | margin-bottom: 0.5em; | ||
1170 | 113 | /* Some announcements have long strings of characters as section headers | ||
1171 | 114 | * and such. Since they don't have whitespace they can't wrap, so they | ||
1172 | 115 | * would break out of their container if we didn't clip them here. */ | ||
1173 | 116 | overflow: hidden; | ||
1174 | 117 | } | ||
1175 | 118 | .announcements li strong, | ||
1176 | 119 | .announcements li a { | ||
1177 | 120 | font-weight: bold; | ||
1178 | 121 | } | ||
1179 | 122 | .latest-announcement { | ||
1180 | 123 | padding: 0.5em; | ||
1181 | 124 | background: #dfe5f6; | ||
1182 | 125 | border-top: 1px solid #d0d0d0; | ||
1183 | 126 | border-bottom: 1px solid #d0d0d0; | ||
1184 | 127 | } | ||
1185 | 128 | .announcement .registered { | ||
1186 | 129 | margin-top: -2px; | ||
1187 | 130 | } | ||
1188 | 0 | 131 | ||
1189 | === added file 'lib/canonical/launchpad/icing/css/components/yui_picker.css' | |||
1190 | --- lib/canonical/launchpad/icing/css/components/yui_picker.css 1970-01-01 00:00:00 +0000 | |||
1191 | +++ lib/canonical/launchpad/icing/css/components/yui_picker.css 2011-11-18 05:42:25 +0000 | |||
1192 | @@ -0,0 +1,26 @@ | |||
1193 | 1 | .yui3-picker { | ||
1194 | 2 | width: 40%; | ||
1195 | 3 | } | ||
1196 | 4 | |||
1197 | 5 | .yui3-picker-results div.badge { | ||
1198 | 6 | position: absolute; | ||
1199 | 7 | top: 3px; | ||
1200 | 8 | right: 3px; | ||
1201 | 9 | left: auto; | ||
1202 | 10 | } | ||
1203 | 11 | .yui3-picker-results div.badge img { | ||
1204 | 12 | position: relative; | ||
1205 | 13 | padding-left: 3px; | ||
1206 | 14 | padding-right: 0.5em; | ||
1207 | 15 | } | ||
1208 | 16 | .yui3-picker-results div.affiliation img { | ||
1209 | 17 | position: relative; | ||
1210 | 18 | padding-left: 3px; | ||
1211 | 19 | padding-right: 0.5em; | ||
1212 | 20 | } | ||
1213 | 21 | .yui3-picker-results .affiliation-text { | ||
1214 | 22 | padding-left: 20px; | ||
1215 | 23 | } | ||
1216 | 24 | .yui3-picker-filter div { | ||
1217 | 25 | padding-bottom: 1em; | ||
1218 | 26 | } | ||
1219 | 0 | 27 | ||
1220 | === added file 'lib/canonical/launchpad/icing/css/forms.css' | |||
1221 | --- lib/canonical/launchpad/icing/css/forms.css 1970-01-01 00:00:00 +0000 | |||
1222 | +++ lib/canonical/launchpad/icing/css/forms.css 2011-11-18 05:42:25 +0000 | |||
1223 | @@ -0,0 +1,440 @@ | |||
1224 | 1 | form { | ||
1225 | 2 | margin-bottom: 1em; | ||
1226 | 3 | } | ||
1227 | 4 | form h1 { | ||
1228 | 5 | margin-bottom: 1em; | ||
1229 | 6 | } | ||
1230 | 7 | form table th, form table td { | ||
1231 | 8 | padding: 2px; | ||
1232 | 9 | } | ||
1233 | 10 | form table tbody th { | ||
1234 | 11 | font-weight: bold; | ||
1235 | 12 | } | ||
1236 | 13 | form table label { | ||
1237 | 14 | font-weight: bold; | ||
1238 | 15 | } | ||
1239 | 16 | .compound { | ||
1240 | 17 | margin-bottom: .5em; | ||
1241 | 18 | } | ||
1242 | 19 | .field.subordinate label { | ||
1243 | 20 | font-weight: normal; | ||
1244 | 21 | } | ||
1245 | 22 | fieldset { | ||
1246 | 23 | border-width: 2px 0 0; | ||
1247 | 24 | margin: 1em 0; | ||
1248 | 25 | padding: 1em 0 0; | ||
1249 | 26 | } | ||
1250 | 27 | label { | ||
1251 | 28 | white-space: nowrap; | ||
1252 | 29 | } | ||
1253 | 30 | input[type='image'] { | ||
1254 | 31 | vertical-align: middle; | ||
1255 | 32 | } | ||
1256 | 33 | input { | ||
1257 | 34 | visibility: inherit; | ||
1258 | 35 | } | ||
1259 | 36 | input[type=radio] { | ||
1260 | 37 | margin-left: 1em; | ||
1261 | 38 | } | ||
1262 | 39 | input.urlTextType { | ||
1263 | 40 | width: 40em; | ||
1264 | 41 | } | ||
1265 | 42 | textarea { | ||
1266 | 43 | display: block; | ||
1267 | 44 | width: 90%; | ||
1268 | 45 | max-width: 60em; | ||
1269 | 46 | } | ||
1270 | 47 | button { | ||
1271 | 48 | padding: 0; | ||
1272 | 49 | } | ||
1273 | 50 | button.overlay-close-button { | ||
1274 | 51 | float: right; | ||
1275 | 52 | width: 15px; | ||
1276 | 53 | height: 15px; | ||
1277 | 54 | display: block; | ||
1278 | 55 | margin-top: 4px; | ||
1279 | 56 | } | ||
1280 | 57 | .fieldRequired, .fieldOptional { | ||
1281 | 58 | color: #999; | ||
1282 | 59 | } | ||
1283 | 60 | .field.subordinate { | ||
1284 | 61 | margin-left: 2.6em; | ||
1285 | 62 | } | ||
1286 | 63 | .formHelp { | ||
1287 | 64 | max-width: 45em; | ||
1288 | 65 | margin: 0.2em 0 0.5em 0.2em; | ||
1289 | 66 | color: #777; | ||
1290 | 67 | } | ||
1291 | 68 | .listbox { | ||
1292 | 69 | /* a scrolling list of checkboxes or radio buttons */ | ||
1293 | 70 | border: 1px solid #8cacbb; | ||
1294 | 71 | display: inline-block; | ||
1295 | 72 | max-height: 12em; | ||
1296 | 73 | overflow: auto; | ||
1297 | 74 | overflow: -moz-scrollbars-vertical; | ||
1298 | 75 | } | ||
1299 | 76 | .listbox label { | ||
1300 | 77 | background-color: #f6f6f6; | ||
1301 | 78 | border: solid white; | ||
1302 | 79 | border-width: 0 0 1px 0; | ||
1303 | 80 | display: block; | ||
1304 | 81 | } | ||
1305 | 82 | .extra-form-buttons { | ||
1306 | 83 | text-align: center; | ||
1307 | 84 | padding-top: 1em; | ||
1308 | 85 | white-space: nowrap; | ||
1309 | 86 | } | ||
1310 | 87 | .extra-form-buttons button { | ||
1311 | 88 | margin-right: 0.7em; | ||
1312 | 89 | } | ||
1313 | 90 | .actions * { | ||
1314 | 91 | /* | ||
1315 | 92 | Action links are those that begin the process of doing something. | ||
1316 | 93 | For example, "Register a branch", "Edit profile", "Link to CVE". | ||
1317 | 94 | When presented inline, they are rendered by launchpad-inline-link.pt. | ||
1318 | 95 | |||
1319 | 96 | Action buttons are those that submit a multi-row form. | ||
1320 | 97 | Often an action button will have an "or _Cancel_" link next to it. | ||
1321 | 98 | |||
1322 | 99 | We want 0.5em horizontal gap between links and buttons in these | ||
1323 | 100 | sections. Using margin-left would cause a bad gap to the left of a | ||
1324 | 101 | leftmost item. Using margin-right would cause a bad gap to the right of | ||
1325 | 102 | a rightmost item. We could fix these problems with :first-child/:last- | ||
1326 | 103 | child, but not in IE. So we do something a little tricky. We go ahead | ||
1327 | 104 | and give each child of the actions container a right margin: | ||
1328 | 105 | */ | ||
1329 | 106 | margin-right: 0.5em; | ||
1330 | 107 | } | ||
1331 | 108 | .actions * * { | ||
1332 | 109 | /* because ">" doesn't work in IE6 */ | ||
1333 | 110 | margin-right: 0; | ||
1334 | 111 | } | ||
1335 | 112 | .actions { | ||
1336 | 113 | /* Then in addition to the top/bottom margins of the actions container, | ||
1337 | 114 | we give it a *negative* right margin, cancelling out that of the last | ||
1338 | 115 | child. */ | ||
1339 | 116 | margin: 1em -0.5em 1em 0; | ||
1340 | 117 | } | ||
1341 | 118 | table.radio-button-widget tr td { | ||
1342 | 119 | /* Opera doesn't use the general tr above for the radio button table */ | ||
1343 | 120 | vertical-align: top; | ||
1344 | 121 | } | ||
1345 | 122 | table.listing div.field>table { | ||
1346 | 123 | /* Hack to add breathing room to bug status forms: */ | ||
1347 | 124 | margin-top: 0.5em; | ||
1348 | 125 | } | ||
1349 | 126 | table.listing div.field>label, | ||
1350 | 127 | table.listing div.field>div>label, | ||
1351 | 128 | table.listing div.actions { | ||
1352 | 129 | display: block; | ||
1353 | 130 | margin-top: 1em; | ||
1354 | 131 | } | ||
1355 | 132 | table.form, table.extra-options { | ||
1356 | 133 | /* Many forms are laid out using tables, with appropriate spacing: */ | ||
1357 | 134 | /* http://launchpad.dev/firefox/+edit */ | ||
1358 | 135 | margin: 1em 0; | ||
1359 | 136 | width: 100%; | ||
1360 | 137 | } | ||
1361 | 138 | table.form th { | ||
1362 | 139 | font-weight: normal; | ||
1363 | 140 | } | ||
1364 | 141 | table.form th, table.form td, | ||
1365 | 142 | table.form table.extra-options td, | ||
1366 | 143 | table.form table.extra-options th { | ||
1367 | 144 | padding-bottom: 1em; | ||
1368 | 145 | } | ||
1369 | 146 | table.form table.listing th, | ||
1370 | 147 | table.form table.listing td { | ||
1371 | 148 | padding-bottom: 0.25em; | ||
1372 | 149 | } | ||
1373 | 150 | table.form td td { | ||
1374 | 151 | padding-bottom: 0; | ||
1375 | 152 | } | ||
1376 | 153 | .long td { | ||
1377 | 154 | /* Long forms are composed of multiple tables and visible fieldsets */ | ||
1378 | 155 | padding-right: 1em; | ||
1379 | 156 | } | ||
1380 | 157 | .long fieldset { | ||
1381 | 158 | margin-top: 1em; | ||
1382 | 159 | } | ||
1383 | 160 | .long legend { | ||
1384 | 161 | color: #666; | ||
1385 | 162 | font-weight: bold; | ||
1386 | 163 | } | ||
1387 | 164 | fieldset.collapsible { | ||
1388 | 165 | /* Collapsible sections | ||
1389 | 166 | Some page sections are hidden by default, expanded by clicking a link. | ||
1390 | 167 | see lp.js:activate_collapsibles() */ | ||
1391 | 168 | border: none; | ||
1392 | 169 | margin: 0; | ||
1393 | 170 | padding: 16px 0 0; /* "Add a comment/attachment" form in bug reports */ | ||
1394 | 171 | } | ||
1395 | 172 | fieldset.collapsible h2 { | ||
1396 | 173 | margin-top: 0; | ||
1397 | 174 | } | ||
1398 | 175 | fieldset .collapsed { | ||
1399 | 176 | display: none; | ||
1400 | 177 | } | ||
1401 | 178 | fieldset .expanded { | ||
1402 | 179 | display: block; | ||
1403 | 180 | } | ||
1404 | 181 | fieldset.collapsible legend { | ||
1405 | 182 | font-weight: normal; | ||
1406 | 183 | } | ||
1407 | 184 | .collapsible legend a, .collapsible legend a:hover { | ||
1408 | 185 | text-decoration: none; | ||
1409 | 186 | } | ||
1410 | 187 | img.collapseIcon { | ||
1411 | 188 | text-decoration: none; | ||
1412 | 189 | vertical-align: middle; | ||
1413 | 190 | } | ||
1414 | 191 | .collapsible legend a span { | ||
1415 | 192 | text-decoration: underline; | ||
1416 | 193 | } | ||
1417 | 194 | .collapsed { | ||
1418 | 195 | border: none; | ||
1419 | 196 | margin-bottom: 0; | ||
1420 | 197 | } | ||
1421 | 198 | .yui3-pretty-overlay #yui3-pretty-overlay-modal h1, | ||
1422 | 199 | .yui3-pretty-overlay #yui3-pretty-overlay-modal h2 { | ||
1423 | 200 | /* lazr is injecting presumptive markup. */ | ||
1424 | 201 | color: #333; | ||
1425 | 202 | margin-right: 15px; | ||
1426 | 203 | } | ||
1427 | 204 | h1 .edit { | ||
1428 | 205 | font-size: 12px; | ||
1429 | 206 | position: relative; | ||
1430 | 207 | top: -3px; | ||
1431 | 208 | margin-left: 0.5em; | ||
1432 | 209 | } | ||
1433 | 210 | .yui3-editable_text { | ||
1434 | 211 | outline: none; | ||
1435 | 212 | } | ||
1436 | 213 | .yui3-ieditor { | ||
1437 | 214 | padding-right: 288px; | ||
1438 | 215 | } | ||
1439 | 216 | .yui3-skin-sam .yui3-ieditor-input { | ||
1440 | 217 | margin-top: 0; | ||
1441 | 218 | } | ||
1442 | 219 | h1 .yui3-ieditor-errors { | ||
1443 | 220 | font-size: 12px; | ||
1444 | 221 | } | ||
1445 | 222 | .steps h2 { | ||
1446 | 223 | /* lazr is injecting presumptive markup. */ | ||
1447 | 224 | font-size: 12px; | ||
1448 | 225 | line-height: 30px; | ||
1449 | 226 | } | ||
1450 | 227 | .lazr-multiline-edit .yui3-ieditor { | ||
1451 | 228 | padding-right: 0; | ||
1452 | 229 | } | ||
1453 | 230 | .lazr-multiline-edit textarea { | ||
1454 | 231 | max-width: inherit; | ||
1455 | 232 | } | ||
1456 | 233 | .lazr-multiline-edit .clearfix h3 { | ||
1457 | 234 | /* Undo the damage done by lazr. */ | ||
1458 | 235 | font-family: 'UbuntuBeta Regular', Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; | ||
1459 | 236 | line-height: 12px; | ||
1460 | 237 | } | ||
1461 | 238 | .widget-hd.js-action { | ||
1462 | 239 | /* The js-action class is also used for non-links, for example, with | ||
1463 | 240 | expand/collapse sections. */ | ||
1464 | 241 | color: #093; | ||
1465 | 242 | cursor: pointer; | ||
1466 | 243 | } | ||
1467 | 244 | .widget-hd.js-action:hover { | ||
1468 | 245 | text-decoration: underline; | ||
1469 | 246 | } | ||
1470 | 247 | |||
1471 | 248 | .yui3-ichoicesource-content .value:hover { | ||
1472 | 249 | text-decoration: underline; | ||
1473 | 250 | cursor: pointer; | ||
1474 | 251 | } | ||
1475 | 252 | .yui3-buglisting-config-util a { | ||
1476 | 253 | position: relative; | ||
1477 | 254 | top: 3px; | ||
1478 | 255 | left: 4px; | ||
1479 | 256 | } | ||
1480 | 257 | .yui3-baseconfigutil a { | ||
1481 | 258 | cursor: pointer; | ||
1482 | 259 | } | ||
1483 | 260 | .yui3-buglisting-config-util-overlay a.close-button { | ||
1484 | 261 | visibility: inherit; | ||
1485 | 262 | } | ||
1486 | 263 | .yui3-buglisting-config-util-overlay form { | ||
1487 | 264 | width: 80%; | ||
1488 | 265 | } | ||
1489 | 266 | .yui3-buglisting-config-util-overlay div.yui3-lazr-formoverlay-actions { | ||
1490 | 267 | text-align: left; | ||
1491 | 268 | } | ||
1492 | 269 | .yui3-buglisting-config-util-overlay .reset-buglisting { | ||
1493 | 270 | position: relative; | ||
1494 | 271 | top: 20px; | ||
1495 | 272 | left: 75px; | ||
1496 | 273 | cursor: pointer; | ||
1497 | 274 | } | ||
1498 | 275 | .error.message, .warning.message, .informational.message { | ||
1499 | 276 | border: solid #666; | ||
1500 | 277 | border-width: 1px 2px 2px 1px; | ||
1501 | 278 | color: black; | ||
1502 | 279 | margin: 1em auto 1em auto; | ||
1503 | 280 | padding: 0 1em 1em 2em; | ||
1504 | 281 | width: 30em; | ||
1505 | 282 | } | ||
1506 | 283 | .error.message::before, .warning.message::before, | ||
1507 | 284 | .informational.message::before { | ||
1508 | 285 | /* The alerts are preceded with an icon overlaying the top left corner: */ | ||
1509 | 286 | display: block; | ||
1510 | 287 | margin: -15px 0 -6px -35px; | ||
1511 | 288 | } | ||
1512 | 289 | .error { | ||
1513 | 290 | /* Error messages are pink, with alerts having an error icon: */ | ||
1514 | 291 | background: #ffe4e4; | ||
1515 | 292 | } | ||
1516 | 293 | .error.message::before { | ||
1517 | 294 | content: url(/@@/error-large); | ||
1518 | 295 | } | ||
1519 | 296 | .warning { | ||
1520 | 297 | /* Warning messages are orange, with alerts having a warning icon: */ | ||
1521 | 298 | background: #fff59c; | ||
1522 | 299 | } | ||
1523 | 300 | .warning.message::before { | ||
1524 | 301 | content: url(/@@/warning-large); | ||
1525 | 302 | } | ||
1526 | 303 | .informational { | ||
1527 | 304 | /* Informational messages are blue-to-grey, alerts have an info icon. */ | ||
1528 | 305 | |||
1529 | 306 | background: #d4e8ff url(/+icing/blue-fade-to-grey); | ||
1530 | 307 | } | ||
1531 | 308 | .informational.message::before { | ||
1532 | 309 | content: url(/@@/info-large); | ||
1533 | 310 | } | ||
1534 | 311 | .informational p.last { | ||
1535 | 312 | margin-bottom: 0; | ||
1536 | 313 | } | ||
1537 | 314 | .debugging { | ||
1538 | 315 | /* Debugging messages are white on grey, alerts have an info icon. */ | ||
1539 | 316 | background: #666; | ||
1540 | 317 | color: white; | ||
1541 | 318 | } | ||
1542 | 319 | .debugging.message::before { | ||
1543 | 320 | content: url(/@@/info-large); | ||
1544 | 321 | } | ||
1545 | 322 | .error .message { | ||
1546 | 323 | /* And inside, the error message itself uses a smaller icon. */ | ||
1547 | 324 | background: url(/@@/error) center left no-repeat; | ||
1548 | 325 | margin-bottom: 0.25em; | ||
1549 | 326 | padding-left: 18px; | ||
1550 | 327 | } | ||
1551 | 328 | table.form .error { | ||
1552 | 329 | /* Form errors override this background color, because the lack of space | ||
1553 | 330 | between the edge of fields and the edge of the color would look bad. */ | ||
1554 | 331 | background: none; | ||
1555 | 332 | } | ||
1556 | 333 | .inline-warning { | ||
1557 | 334 | /* Warning messages inlined in the page. */ | ||
1558 | 335 | color: red; | ||
1559 | 336 | font-weight: bold; | ||
1560 | 337 | } | ||
1561 | 338 | .sml-informational { | ||
1562 | 339 | background: #d4e8ff url('/+icing/blue-fade-to-grey'); | ||
1563 | 340 | border: solid #666; | ||
1564 | 341 | border-width: 1px 2px 2px 1px; | ||
1565 | 342 | padding: 5px 5px 5px 5px; | ||
1566 | 343 | width: 44em; | ||
1567 | 344 | } | ||
1568 | 345 | .sml-informational::before { | ||
1569 | 346 | content: url('/@@/info'); | ||
1570 | 347 | } | ||
1571 | 348 | .important-notice-popup { | ||
1572 | 349 | padding: 1em 1em 0 1em; | ||
1573 | 350 | width: auto; | ||
1574 | 351 | overflow: hidden; | ||
1575 | 352 | } | ||
1576 | 353 | .important-notice-container { | ||
1577 | 354 | text-align: center; | ||
1578 | 355 | width: 100%; | ||
1579 | 356 | padding-bottom: 1em; | ||
1580 | 357 | position: relative; | ||
1581 | 358 | } | ||
1582 | 359 | .important-notice-balloon { | ||
1583 | 360 | -moz-border-radius: 5px; | ||
1584 | 361 | -o-border-radius: 5px; | ||
1585 | 362 | -webkit-border-radius: 5px; | ||
1586 | 363 | background-color: #ededed; | ||
1587 | 364 | padding: 1em; | ||
1588 | 365 | border: 1px solid #000; | ||
1589 | 366 | width: auto; | ||
1590 | 367 | overflow: hidden; | ||
1591 | 368 | } | ||
1592 | 369 | .important-notice-buttons { | ||
1593 | 370 | float: right; | ||
1594 | 371 | } | ||
1595 | 372 | .important-notice-cancel-button { | ||
1596 | 373 | visibility: hidden; | ||
1597 | 374 | cursor: pointer; | ||
1598 | 375 | } | ||
1599 | 376 | .important-notice { | ||
1600 | 377 | padding: 0px 0px 40px 0px; | ||
1601 | 378 | height: 32px; | ||
1602 | 379 | overflow: hidden; | ||
1603 | 380 | } | ||
1604 | 381 | .important-notice a { | ||
1605 | 382 | font-weight: bold; | ||
1606 | 383 | text-decoration: underline; | ||
1607 | 384 | } | ||
1608 | 385 | |||
1609 | 386 | |||
1610 | 387 | /* ================== | ||
1611 | 388 | Translations Forms | ||
1612 | 389 | */ | ||
1613 | 390 | |||
1614 | 391 | /* ==== Translations hand-made forms ==== */ | ||
1615 | 392 | |||
1616 | 393 | form.translations div.fields { | ||
1617 | 394 | padding: 1em; | ||
1618 | 395 | } | ||
1619 | 396 | form.translations div.actions { | ||
1620 | 397 | padding: 1em; | ||
1621 | 398 | text-align: left; | ||
1622 | 399 | clear: both; | ||
1623 | 400 | } | ||
1624 | 401 | form.translations input { | ||
1625 | 402 | padding-left: 0.5em; | ||
1626 | 403 | padding-right: 0.5em; | ||
1627 | 404 | } | ||
1628 | 405 | form.translations select { | ||
1629 | 406 | margin-left: 0.5em; | ||
1630 | 407 | padding-right: 0.5em; | ||
1631 | 408 | } | ||
1632 | 409 | form.translations label { | ||
1633 | 410 | padding-left: 0.5em; | ||
1634 | 411 | padding-right: 1em; | ||
1635 | 412 | } | ||
1636 | 413 | form.translations .listbox label { | ||
1637 | 414 | padding: 2px 1em 2px 2px; | ||
1638 | 415 | } | ||
1639 | 416 | |||
1640 | 417 | /* Provide top-alignment for radio boxes and longer explanations | ||
1641 | 418 | * without using tables. | ||
1642 | 419 | * | ||
1643 | 420 | * Examples: | ||
1644 | 421 | * https://translations.launchpad.dev/evolution/trunk/+pots/evolution-2.2/es/+upload | ||
1645 | 422 | * https://translations.launchpad.dev/evolution/trunk/+pots/evolution-2.2/+export | ||
1646 | 423 | */ | ||
1647 | 424 | form.translations div.alignment .content { | ||
1648 | 425 | float: left; | ||
1649 | 426 | } | ||
1650 | 427 | form.translations div.alignment .selector { | ||
1651 | 428 | margin-right: 0.5em; | ||
1652 | 429 | float: left; | ||
1653 | 430 | clear: both; | ||
1654 | 431 | } | ||
1655 | 432 | form.translations div.alignment .content label { | ||
1656 | 433 | padding: 0px; | ||
1657 | 434 | margin: 0px; | ||
1658 | 435 | font-weight: bold; | ||
1659 | 436 | } | ||
1660 | 437 | form.translations div.alignment .secondary label { | ||
1661 | 438 | font-weight: normal; | ||
1662 | 439 | padding: 2px 1em 2px 2px; | ||
1663 | 440 | } | ||
1664 | 0 | 441 | ||
1665 | === added file 'lib/canonical/launchpad/icing/css/layout.css' | |||
1666 | --- lib/canonical/launchpad/icing/css/layout.css 1970-01-01 00:00:00 +0000 | |||
1667 | +++ lib/canonical/launchpad/icing/css/layout.css 2011-11-18 05:42:25 +0000 | |||
1668 | @@ -0,0 +1,227 @@ | |||
1669 | 1 | /* This probably shouldn't be here, but I'm not sure where to put it yet */ | ||
1670 | 2 | .yui-d0 { | ||
1671 | 3 | margin: 10px 20px; | ||
1672 | 4 | } | ||
1673 | 5 | .yui-t4 .yui-b { | ||
1674 | 6 | width: 21%; | ||
1675 | 7 | } | ||
1676 | 8 | .yui-t4 .yui-main { | ||
1677 | 9 | clear: both; | ||
1678 | 10 | float: left; | ||
1679 | 11 | margin-right: -25%; | ||
1680 | 12 | } | ||
1681 | 13 | .yui-t4 .yui-main .yui-b { | ||
1682 | 14 | width: auto; | ||
1683 | 15 | margin-right: 25%; | ||
1684 | 16 | } | ||
1685 | 17 | |||
1686 | 18 | |||
1687 | 19 | |||
1688 | 20 | /* ========================= | ||
1689 | 21 | Header | ||
1690 | 22 | */ | ||
1691 | 23 | .demo { | ||
1692 | 24 | background-color: #fee; | ||
1693 | 25 | } | ||
1694 | 26 | .login-logout { | ||
1695 | 27 | position: absolute; | ||
1696 | 28 | top: .5em; | ||
1697 | 29 | right: 1.5em; | ||
1698 | 30 | } | ||
1699 | 31 | #rendertime { | ||
1700 | 32 | float: left; | ||
1701 | 33 | margin: 0.1em 1.2em 0 0; | ||
1702 | 34 | color: #666; | ||
1703 | 35 | font-size: 10px; | ||
1704 | 36 | } | ||
1705 | 37 | #ajax-time { | ||
1706 | 38 | float: left; | ||
1707 | 39 | margin: 0 1.2em 0 0.2em; | ||
1708 | 40 | position: relative; | ||
1709 | 41 | } | ||
1710 | 42 | #ajax-time-list { | ||
1711 | 43 | position: absolute; | ||
1712 | 44 | z-index: 10; | ||
1713 | 45 | top: 20px; | ||
1714 | 46 | right: 0; | ||
1715 | 47 | width: 200px; | ||
1716 | 48 | background-color: #f2f2f2; | ||
1717 | 49 | border: 2px solid #fff; | ||
1718 | 50 | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
1719 | 51 | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
1720 | 52 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
1721 | 53 | -webkit-border-radius: 4px; | ||
1722 | 54 | -moz-border-radius: 4px; | ||
1723 | 55 | border-radius: 4px; | ||
1724 | 56 | } | ||
1725 | 57 | #ajax-time-list li { | ||
1726 | 58 | border-bottom: 1px solid #e0e0e0; | ||
1727 | 59 | padding: 3px 5px; | ||
1728 | 60 | } | ||
1729 | 61 | #ajax-time-list li:last-child { | ||
1730 | 62 | border-bottom: none; | ||
1731 | 63 | } | ||
1732 | 64 | #ajax-time-list li span { | ||
1733 | 65 | color: #999; | ||
1734 | 66 | font-size: 11px; | ||
1735 | 67 | display: block; | ||
1736 | 68 | } | ||
1737 | 69 | #ajax-time-list strong.warning { | ||
1738 | 70 | color: #f00; | ||
1739 | 71 | background-color: transparent; | ||
1740 | 72 | } | ||
1741 | 73 | div.watermark-apps-portlet { | ||
1742 | 74 | clear: both; | ||
1743 | 75 | margin-bottom: .5em; | ||
1744 | 76 | white-space: no-wrap; | ||
1745 | 77 | } | ||
1746 | 78 | div.watermark-apps-portlet .wide { | ||
1747 | 79 | width: 75%; | ||
1748 | 80 | vertical-align: bottom; | ||
1749 | 81 | margin-bottom: 0.3em; | ||
1750 | 82 | } | ||
1751 | 83 | div.watermark-apps-portlet img { | ||
1752 | 84 | margin: 0 1.5em 0 0; | ||
1753 | 85 | } | ||
1754 | 86 | div.watermark-apps-portlet h1, div.watermark-apps-portlet h2 { | ||
1755 | 87 | margin-top: 0px; | ||
1756 | 88 | margin-bottom: 6px; | ||
1757 | 89 | color: #000000; | ||
1758 | 90 | font-weight: bold; | ||
1759 | 91 | font-size: 30px; | ||
1760 | 92 | line-height: 34px; | ||
1761 | 93 | clear: none; | ||
1762 | 94 | } | ||
1763 | 95 | div.watermark-apps-portlet span img { | ||
1764 | 96 | float: none; | ||
1765 | 97 | margin: 0; | ||
1766 | 98 | font-weight: bold; | ||
1767 | 99 | clear: none; | ||
1768 | 100 | } | ||
1769 | 101 | .watermark-apps-portlet li { | ||
1770 | 102 | display: inline; | ||
1771 | 103 | list-style-type: none; | ||
1772 | 104 | } | ||
1773 | 105 | .watermark-apps-portlet li a, .watermark-apps-portlet li span { | ||
1774 | 106 | padding: 0.3em 0.5em; | ||
1775 | 107 | margin-right: 0.4em; | ||
1776 | 108 | } | ||
1777 | 109 | .watermark-apps-portlet li:first-child a, | ||
1778 | 110 | .watermark-apps-portlet li:first-child span { | ||
1779 | 111 | /* The text of the first tab should align with the heading directly | ||
1780 | 112 | above it */ | ||
1781 | 113 | margin-left: -0.5em; | ||
1782 | 114 | } | ||
1783 | 115 | .watermark-apps-portlet li a:link, .watermark-apps-portlet li a:visited { | ||
1784 | 116 | color: #000; | ||
1785 | 117 | background-color: #fff; | ||
1786 | 118 | text-decoration: none; | ||
1787 | 119 | } | ||
1788 | 120 | .watermark-apps-portlet li.active a, .watermark-apps-portlet li.active span { | ||
1789 | 121 | font-weight: bold; | ||
1790 | 122 | color: #fff; | ||
1791 | 123 | background-color: #747474; | ||
1792 | 124 | } | ||
1793 | 125 | .watermark-apps-portlet li a:hover { | ||
1794 | 126 | color: #000; | ||
1795 | 127 | background-color: #f3f3f3; | ||
1796 | 128 | } | ||
1797 | 129 | .watermark-apps-portlet li.disabled-tab { | ||
1798 | 130 | color: #747474; | ||
1799 | 131 | } | ||
1800 | 132 | .flowed-block { | ||
1801 | 133 | display: table-cell; | ||
1802 | 134 | display: inline-table; | ||
1803 | 135 | display: inline-block; | ||
1804 | 136 | text-align: left; | ||
1805 | 137 | vertical-align: top; | ||
1806 | 138 | } | ||
1807 | 139 | .facetmenu { | ||
1808 | 140 | /* Facet menu, a.k.a. application tabs */ | ||
1809 | 141 | width: 100%; | ||
1810 | 142 | white-space: nowrap; | ||
1811 | 143 | } | ||
1812 | 144 | .context-publication { | ||
1813 | 145 | margin-bottom: 1em; | ||
1814 | 146 | } | ||
1815 | 147 | .registering { | ||
1816 | 148 | /* Registered slot */ | ||
1817 | 149 | margin: .5em 0 1em 0; | ||
1818 | 150 | font-size: 10px; | ||
1819 | 151 | color: #666; | ||
1820 | 152 | } | ||
1821 | 153 | .breadcrumbs { | ||
1822 | 154 | margin-left: 0; | ||
1823 | 155 | list-style-type: none; | ||
1824 | 156 | clear: both; | ||
1825 | 157 | font-size: 10px; | ||
1826 | 158 | } | ||
1827 | 159 | .breadcrumbs li { | ||
1828 | 160 | display: inline; | ||
1829 | 161 | padding: 0; | ||
1830 | 162 | } | ||
1831 | 163 | .breadcrumbs li a { | ||
1832 | 164 | color: #494949; | ||
1833 | 165 | } | ||
1834 | 166 | .breadcrumbs li:after { | ||
1835 | 167 | content: "\00BB \0020" | ||
1836 | 168 | } | ||
1837 | 169 | .breadcrumbs li:last-child { | ||
1838 | 170 | /* The following leaves a small margin in chrome/webkit, but using none | ||
1839 | 171 | doesn't hide the » in webkit either (both work for FF3.5). */ | ||
1840 | 172 | font-weight: bold; | ||
1841 | 173 | } | ||
1842 | 174 | .breadcrumbs li:last-child:after { | ||
1843 | 175 | content: ''; | ||
1844 | 176 | } | ||
1845 | 177 | #logincontrol { | ||
1846 | 178 | /* Top right of the page is a link to log in or a button to log out: */ | ||
1847 | 179 | float: right; | ||
1848 | 180 | } | ||
1849 | 181 | #logincontrol img { | ||
1850 | 182 | /* align the image with the text */ | ||
1851 | 183 | margin-bottom: -2px; | ||
1852 | 184 | } | ||
1853 | 185 | #logincontrol form { | ||
1854 | 186 | margin: 0; | ||
1855 | 187 | } | ||
1856 | 188 | #logincontrol input[type='submit'] { | ||
1857 | 189 | /* The button lacks the right margin that buttons usually have: */ | ||
1858 | 190 | font-size: 10px; | ||
1859 | 191 | margin-right: 0; | ||
1860 | 192 | } | ||
1861 | 193 | |||
1862 | 194 | |||
1863 | 195 | /* ========================= | ||
1864 | 196 | Footer | ||
1865 | 197 | */ | ||
1866 | 198 | .footer { | ||
1867 | 199 | clear: both; | ||
1868 | 200 | margin-top: 4em; | ||
1869 | 201 | padding-top: 0.5em; | ||
1870 | 202 | } | ||
1871 | 203 | .footer .lp-arcana { | ||
1872 | 204 | background: url(/@@/footer-background.png) top left repeat-x; | ||
1873 | 205 | padding: 0.8em; | ||
1874 | 206 | -moz-border-radius: 5px 5px 0 0; | ||
1875 | 207 | -webkit-border-radius: 5px 5px 0 0; | ||
1876 | 208 | -khtml-border-radius: 5px 5px 0 0; | ||
1877 | 209 | border-radius: 5px 5px 0 0; | ||
1878 | 210 | height: 2em; | ||
1879 | 211 | } | ||
1880 | 212 | .footer .lp-arcana img { | ||
1881 | 213 | vertical-align: middle; | ||
1882 | 214 | } | ||
1883 | 215 | .footer .sitemessage { | ||
1884 | 216 | text-align: right; | ||
1885 | 217 | } | ||
1886 | 218 | .footer .colophon { | ||
1887 | 219 | margin: 3em 3em 1em 3em; | ||
1888 | 220 | text-align: center; | ||
1889 | 221 | } | ||
1890 | 222 | .footer .lp-branding { | ||
1891 | 223 | float: left; | ||
1892 | 224 | } | ||
1893 | 225 | .footer form { | ||
1894 | 226 | display: inline; | ||
1895 | 227 | } | ||
1896 | 0 | 228 | ||
1897 | === added file 'lib/canonical/launchpad/icing/css/modifiers.css' | |||
1898 | --- lib/canonical/launchpad/icing/css/modifiers.css 1970-01-01 00:00:00 +0000 | |||
1899 | +++ lib/canonical/launchpad/icing/css/modifiers.css 2011-11-18 05:42:25 +0000 | |||
1900 | @@ -0,0 +1,208 @@ | |||
1901 | 1 | div.left, div.right { | ||
1902 | 2 | width: 50%; | ||
1903 | 3 | } | ||
1904 | 4 | div.left, .cves { | ||
1905 | 5 | clear: both; | ||
1906 | 6 | float: left; | ||
1907 | 7 | } | ||
1908 | 8 | div.right { | ||
1909 | 9 | clear: right; | ||
1910 | 10 | float: right; | ||
1911 | 11 | } | ||
1912 | 12 | div.centered { | ||
1913 | 13 | text-align: center; | ||
1914 | 14 | } | ||
1915 | 15 | div.centered table { | ||
1916 | 16 | margin: 0 auto; | ||
1917 | 17 | text-align: left; | ||
1918 | 18 | } | ||
1919 | 19 | div.see-all { | ||
1920 | 20 | text-align: right; | ||
1921 | 21 | } | ||
1922 | 22 | span.nolink { | ||
1923 | 23 | font-weight: bold; | ||
1924 | 24 | } | ||
1925 | 25 | span.see-all { | ||
1926 | 26 | float: right; | ||
1927 | 27 | } | ||
1928 | 28 | .see-all a { | ||
1929 | 29 | padding-left: 8px; | ||
1930 | 30 | background: inherit; | ||
1931 | 31 | font-size: 12px; | ||
1932 | 32 | text-decoration: underline; | ||
1933 | 33 | } | ||
1934 | 34 | .unseen, .hidden { | ||
1935 | 35 | display: none; | ||
1936 | 36 | } | ||
1937 | 37 | .invisible-link { | ||
1938 | 38 | display: none; | ||
1939 | 39 | } | ||
1940 | 40 | .invisible { | ||
1941 | 41 | left: -9999em; | ||
1942 | 42 | display: block; | ||
1943 | 43 | } | ||
1944 | 44 | .transparent { | ||
1945 | 45 | opacity: 0; | ||
1946 | 46 | filter: alpha(opacity=0); | ||
1947 | 47 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
1948 | 48 | } | ||
1949 | 49 | .rss-right { | ||
1950 | 50 | background: url(/@@/rss.png) right center no-repeat; | ||
1951 | 51 | } | ||
1952 | 52 | .logo { | ||
1953 | 53 | float: left; | ||
1954 | 54 | display: inline; | ||
1955 | 55 | width: 64px; | ||
1956 | 56 | height: 64px; | ||
1957 | 57 | margin: 0 5px 0 0; | ||
1958 | 58 | } | ||
1959 | 59 | .registered { | ||
1960 | 60 | color: #666; | ||
1961 | 61 | } | ||
1962 | 62 | .description { | ||
1963 | 63 | clear: both; | ||
1964 | 64 | } | ||
1965 | 65 | .search-results { | ||
1966 | 66 | margin-top: 1em; | ||
1967 | 67 | } | ||
1968 | 68 | .top-portlet .summary { | ||
1969 | 69 | margin: 0 0 1em 0; | ||
1970 | 70 | font-size: 16px; /* Same as h3, this appears under a h1. */ | ||
1971 | 71 | } | ||
1972 | 72 | .main-portlet { | ||
1973 | 73 | margin: 1em 0 1em 0; | ||
1974 | 74 | } | ||
1975 | 75 | .pre { | ||
1976 | 76 | white-space: pre; | ||
1977 | 77 | } | ||
1978 | 78 | .clearfix:after { | ||
1979 | 79 | /* use class="clearfix" whenever floats should be enclosed */ | ||
1980 | 80 | content: "."; | ||
1981 | 81 | display: block; | ||
1982 | 82 | height: 0; | ||
1983 | 83 | clear: both; | ||
1984 | 84 | visibility: hidden; | ||
1985 | 85 | } | ||
1986 | 86 | * html .clearfix { | ||
1987 | 87 | /* Work around float bug in MSIE */ | ||
1988 | 88 | height: 1%; | ||
1989 | 89 | } | ||
1990 | 90 | div.beta { | ||
1991 | 91 | background-color: #c24848; | ||
1992 | 92 | margin-bottom: 7px; | ||
1993 | 93 | margin-top: 7px; | ||
1994 | 94 | height: 10px; | ||
1995 | 95 | width: 175px; | ||
1996 | 96 | } | ||
1997 | 97 | div.beta img { | ||
1998 | 98 | height: 10px; | ||
1999 | 99 | } | ||
2000 | 100 | .exception { | ||
2001 | 101 | color: #cc0000; | ||
2002 | 102 | } | ||
2003 | 103 | .highlight { | ||
2004 | 104 | background: #ddd; | ||
2005 | 105 | border: 1px solid #ddd; | ||
2006 | 106 | } | ||
2007 | 107 | .lowlight { | ||
2008 | 108 | opacity: .5; | ||
2009 | 109 | filter: alpha(opacity=50); | ||
2010 | 110 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
2011 | 111 | } | ||
2012 | 112 | .status :link, .importance :link { | ||
2013 | 113 | text-decoration: none; | ||
2014 | 114 | } | ||
2015 | 115 | |||
2016 | 116 | .discreet, .lesser, .duplicate-details { | ||
2017 | 117 | font-size: 10px; | ||
2018 | 118 | clear: left; | ||
2019 | 119 | } | ||
2020 | 120 | pre.changelog, table.diff, | ||
2021 | 121 | .bug-comment, .bug-activity, .codereviewcomment { | ||
2022 | 122 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
2023 | 123 | } | ||
2024 | 124 | .cloud-size-smallest { | ||
2025 | 125 | font-size: 10px; | ||
2026 | 126 | } | ||
2027 | 127 | .cloud-size-small { | ||
2028 | 128 | font-size: 12px; | ||
2029 | 129 | } | ||
2030 | 130 | .cloud-size-medium { | ||
2031 | 131 | font-size: 14px; | ||
2032 | 132 | } | ||
2033 | 133 | .cloud-size-large { | ||
2034 | 134 | font-size: 16px; | ||
2035 | 135 | } | ||
2036 | 136 | .cloud-size-largest { | ||
2037 | 137 | font-size: 18px; | ||
2038 | 138 | } | ||
2039 | 139 | .cloud-dark { | ||
2040 | 140 | color: #00f; | ||
2041 | 141 | } | ||
2042 | 142 | .cloud-medium { | ||
2043 | 143 | color: #7878ff; | ||
2044 | 144 | } | ||
2045 | 145 | .cloud-light { | ||
2046 | 146 | color: #b8b8ff; | ||
2047 | 147 | } | ||
2048 | 148 | |||
2049 | 149 | /* ========================= | ||
2050 | 150 | Universal presentation | ||
2051 | 151 | Sprites | ||
2052 | 152 | */ | ||
2053 | 153 | .sprite { | ||
2054 | 154 | padding: 0px 0 0px 18px; | ||
2055 | 155 | line-height: 18px; | ||
2056 | 156 | } | ||
2057 | 157 | .sprite-after { | ||
2058 | 158 | padding: 2px 18px 0 0; | ||
2059 | 159 | } | ||
2060 | 160 | h1 a.sprite, h2 a.sprite, h3 a.sprite { | ||
2061 | 161 | font-size: 12px; | ||
2062 | 162 | } | ||
2063 | 163 | .icon-only { | ||
2064 | 164 | border: 0; | ||
2065 | 165 | padding: 0; | ||
2066 | 166 | width: 14px; | ||
2067 | 167 | } | ||
2068 | 168 | div.icon-only { | ||
2069 | 169 | height: 14px; | ||
2070 | 170 | } | ||
2071 | 171 | input[type="submit"].icon-only { | ||
2072 | 172 | height: 14px; | ||
2073 | 173 | background-color: inherit; | ||
2074 | 174 | cursor: pointer; | ||
2075 | 175 | } | ||
2076 | 176 | span.icon-only { | ||
2077 | 177 | padding-right: 14px; | ||
2078 | 178 | line-height: 14px; | ||
2079 | 179 | } | ||
2080 | 180 | .vertical .sprite { | ||
2081 | 181 | /* XXX: EdwinGrubbs 2009-10-29 bug=463032 | ||
2082 | 182 | The reduced padding is only necessary to prevent parts of the | ||
2083 | 183 | adjacent sprites in the consolidated image from appearing | ||
2084 | 184 | when the line wraps and the default font size is 16. | ||
2085 | 185 | */ | ||
2086 | 186 | padding-bottom: 0px; | ||
2087 | 187 | display: inline-block; | ||
2088 | 188 | min-height: 16px; | ||
2089 | 189 | width: 90%; | ||
2090 | 190 | } | ||
2091 | 191 | .vertical .sprite:first-line { | ||
2092 | 192 | line-height: 12px; | ||
2093 | 193 | } | ||
2094 | 194 | body.tab-bugs #portlet-subscribers .sprite { | ||
2095 | 195 | /* XXX: mars 2009-11-22 bug=484848 | ||
2096 | 196 | Override the styling in the Bug Subscribers portlet. Trying to display | ||
2097 | 197 | as inline-block is of little use, as the maximum name width is 20 | ||
2098 | 198 | characters, and we are unlikely to wrap the text. Not to mention that | ||
2099 | 199 | setting the display in this way breaks the icons. | ||
2100 | 200 | */ | ||
2101 | 201 | display: inline; | ||
2102 | 202 | } | ||
2103 | 203 | body.tab-bugs #duplicate-actions .sprite { | ||
2104 | 204 | /* Override sprite style for edit icon on "Mark as duplicate" | ||
2105 | 205 | to make the text not appear on a second line. | ||
2106 | 206 | */ | ||
2107 | 207 | display: inline; | ||
2108 | 208 | } | ||
2109 | 0 | 209 | ||
2110 | === added file 'lib/canonical/launchpad/icing/css/typography.css' | |||
2111 | --- lib/canonical/launchpad/icing/css/typography.css 1970-01-01 00:00:00 +0000 | |||
2112 | +++ lib/canonical/launchpad/icing/css/typography.css 2011-11-18 05:42:25 +0000 | |||
2113 | @@ -0,0 +1,112 @@ | |||
2114 | 1 | |||
2115 | 2 | h1, h2, h3, h4, h5, h6 { | ||
2116 | 3 | background: none; | ||
2117 | 4 | clear: left; | ||
2118 | 5 | } | ||
2119 | 6 | h1 { | ||
2120 | 7 | clear: none; | ||
2121 | 8 | font-size: 30px; | ||
2122 | 9 | line-height: 34px; | ||
2123 | 10 | } | ||
2124 | 11 | h2 { | ||
2125 | 12 | margin-top: 16px; | ||
2126 | 13 | margin-bottom: 8px; | ||
2127 | 14 | font-size: 22px; | ||
2128 | 15 | line-height: 26px; | ||
2129 | 16 | } | ||
2130 | 17 | h3 { | ||
2131 | 18 | margin-top: 16px; | ||
2132 | 19 | margin-bottom: 8px; | ||
2133 | 20 | font-size: 16px; | ||
2134 | 21 | line-height: 20px; | ||
2135 | 22 | } | ||
2136 | 23 | .yui-u > div > h3:first-child { | ||
2137 | 24 | margin-top: 0; | ||
2138 | 25 | } | ||
2139 | 26 | p { | ||
2140 | 27 | width: auto; | ||
2141 | 28 | margin-bottom: 0.8em; | ||
2142 | 29 | } | ||
2143 | 30 | p, li, dt, dd, blockquote, .narrow, .narrow-listing { | ||
2144 | 31 | /* Wrap the text before the eye gets lost. */ | ||
2145 | 32 | max-width: 45em; | ||
2146 | 33 | } | ||
2147 | 34 | .wide * { | ||
2148 | 35 | max-width: 60em; | ||
2149 | 36 | } | ||
2150 | 37 | table.wide { | ||
2151 | 38 | width: 60em; | ||
2152 | 39 | } | ||
2153 | 40 | pre, code, samp, tt, .console { | ||
2154 | 41 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
2155 | 42 | margin-bottom: 0.8em; | ||
2156 | 43 | } | ||
2157 | 44 | pre.wrap { | ||
2158 | 45 | /* From nice_pre in tales.py */ | ||
2159 | 46 | white-space: -moz-pre-wrap; | ||
2160 | 47 | white-space: -o-pre-wrap; | ||
2161 | 48 | white-space: pre-wrap; | ||
2162 | 49 | word-wrap: break-word; | ||
2163 | 50 | } | ||
2164 | 51 | :link, :visited { | ||
2165 | 52 | /* Links are blue, brighter when clicked, and greyer once visited. */ | ||
2166 | 53 | color: #03a; | ||
2167 | 54 | text-decoration: none; | ||
2168 | 55 | } | ||
2169 | 56 | :link:hover, :visited:hover { | ||
2170 | 57 | text-decoration: underline; | ||
2171 | 58 | } | ||
2172 | 59 | :link:active, :visited:active { | ||
2173 | 60 | color: #36c; | ||
2174 | 61 | } | ||
2175 | 62 | a[onclick], .collapsible legend a, a.js-action, | ||
2176 | 63 | a[onclick]:active, .collapsible legend a:active, a.js-action, | ||
2177 | 64 | a.js-action:active { | ||
2178 | 65 | /* Links that don't open separate pages are green. */ | ||
2179 | 66 | color: #093; | ||
2180 | 67 | } | ||
2181 | 68 | a.help { | ||
2182 | 69 | border-bottom: 1px dotted #03a; | ||
2183 | 70 | cursor: help; | ||
2184 | 71 | } | ||
2185 | 72 | a.help:hover, a.help:hover { | ||
2186 | 73 | text-decoration: none; | ||
2187 | 74 | } | ||
2188 | 75 | a.help.icon, a.sprite.maybe.help { | ||
2189 | 76 | border: none; | ||
2190 | 77 | } | ||
2191 | 78 | a.invalid-link { | ||
2192 | 79 | disabled: True; | ||
2193 | 80 | color: #909090; | ||
2194 | 81 | text-decoration: none; | ||
2195 | 82 | cursor: default; | ||
2196 | 83 | } | ||
2197 | 84 | img, a img { | ||
2198 | 85 | /* No border on images that are links. */ | ||
2199 | 86 | border: none; | ||
2200 | 87 | } | ||
2201 | 88 | abbr[title], acronym[title] { | ||
2202 | 89 | border-bottom: 1px dotted black; | ||
2203 | 90 | cursor: help; | ||
2204 | 91 | } | ||
2205 | 92 | em { | ||
2206 | 93 | font-style: italic; | ||
2207 | 94 | } | ||
2208 | 95 | strong { | ||
2209 | 96 | font-weight: bold; | ||
2210 | 97 | } | ||
2211 | 98 | .title { | ||
2212 | 99 | font-weight: bold; | ||
2213 | 100 | } | ||
2214 | 101 | kbd { | ||
2215 | 102 | background-color: #ddd; | ||
2216 | 103 | border: 1px solid; | ||
2217 | 104 | border-color: white gray gray white; | ||
2218 | 105 | color: black; | ||
2219 | 106 | margin: 1px; | ||
2220 | 107 | min-width: 1em; | ||
2221 | 108 | outline: 1px #666; | ||
2222 | 109 | } | ||
2223 | 110 | .nowrap { | ||
2224 | 111 | white-space: nowrap; | ||
2225 | 112 | } | ||
2226 | 0 | 113 | ||
2227 | === added file 'lib/canonical/launchpad/icing/import.css' | |||
2228 | --- lib/canonical/launchpad/icing/import.css 1970-01-01 00:00:00 +0000 | |||
2229 | +++ lib/canonical/launchpad/icing/import.css 2011-11-18 05:42:25 +0000 | |||
2230 | @@ -0,0 +1,11 @@ | |||
2231 | 1 | @import url("css/base.css"); | ||
2232 | 2 | @import url("css/typography.css"); | ||
2233 | 3 | @import url("css/colours.css"); | ||
2234 | 4 | @import url("css/forms.css"); | ||
2235 | 5 | @import url("css/layout.css"); | ||
2236 | 6 | @import url("css/modifiers.css"); | ||
2237 | 7 | |||
2238 | 8 | /* We have a few files that need to include some base CSS. | ||
2239 | 9 | This file is purely for that | ||
2240 | 10 | */ | ||
2241 | 11 | |||
2242 | 0 | 12 | ||
2243 | === removed file 'lib/canonical/launchpad/icing/style-3-0.css' | |||
2244 | --- lib/canonical/launchpad/icing/style-3-0.css 2011-11-17 17:57:58 +0000 | |||
2245 | +++ lib/canonical/launchpad/icing/style-3-0.css 1970-01-01 00:00:00 +0000 | |||
2246 | @@ -1,2378 +0,0 @@ | |||
2247 | 1 | /* A brief introduction to this stylesheet | ||
2248 | 2 | or how not to kill kittens. | ||
2249 | 3 | |||
2250 | 4 | 1. This is a global style sheet. Add styles that can be used by all | ||
2251 | 5 | launchpad. Rules for just an application or a page do not belong | ||
2252 | 6 | in this file. | ||
2253 | 7 | 2. Do not use IDs because they discourage reuse. | ||
2254 | 8 | 3. Only use these font-sizes for text people read. Users use the zoom to | ||
2255 | 9 | scale fonts, and rendering is optimized for this behavior. | ||
2256 | 10 | 10px -- smallest text | ||
2257 | 11 | 12px -- body | ||
2258 | 12 | 14px -- navigation | ||
2259 | 13 | 16px -- h3 | ||
2260 | 14 | 22px -- h2 | ||
2261 | 15 | 30px -- h1 | ||
2262 | 16 | 4. Add rules to the appropriate section. | ||
2263 | 17 | * Page layout | ||
2264 | 18 | * Block | ||
2265 | 19 | * Inline | ||
2266 | 20 | * Block-lists | ||
2267 | 21 | * Block-tables | ||
2268 | 22 | * Forms | ||
2269 | 23 | * Common presentations. | ||
2270 | 24 | * Header, footer, side, help | ||
2271 | 25 | * Colors | ||
2272 | 26 | * Sprites | ||
2273 | 27 | * Global notifications | ||
2274 | 28 | * Application or page specifc styles that do not belong in this file. | ||
2275 | 29 | */ | ||
2276 | 30 | |||
2277 | 31 | /* ========================= | ||
2278 | 32 | Universal presentation | ||
2279 | 33 | Page layout | ||
2280 | 34 | */ | ||
2281 | 35 | .yui-d0 { | ||
2282 | 36 | margin: 10px 20px; | ||
2283 | 37 | } | ||
2284 | 38 | .yui-t4 .yui-b { | ||
2285 | 39 | width: 21%; | ||
2286 | 40 | } | ||
2287 | 41 | .yui-t4 .yui-main { | ||
2288 | 42 | clear: both; | ||
2289 | 43 | float: left; | ||
2290 | 44 | margin-right: -25%; | ||
2291 | 45 | } | ||
2292 | 46 | .yui-t4 .yui-main .yui-b { | ||
2293 | 47 | width: auto; | ||
2294 | 48 | margin-right: 25%; | ||
2295 | 49 | } | ||
2296 | 50 | .footer { | ||
2297 | 51 | clear: both; | ||
2298 | 52 | margin-top: 4em; | ||
2299 | 53 | padding-top: 0.5em; | ||
2300 | 54 | } | ||
2301 | 55 | .footer .lp-arcana { | ||
2302 | 56 | background: url(/@@/footer-background.png) top left repeat-x; | ||
2303 | 57 | padding: 0.8em; | ||
2304 | 58 | -moz-border-radius: 5px 5px 0 0; | ||
2305 | 59 | -webkit-border-radius: 5px 5px 0 0; | ||
2306 | 60 | -khtml-border-radius: 5px 5px 0 0; | ||
2307 | 61 | border-radius: 5px 5px 0 0; | ||
2308 | 62 | height: 2em; | ||
2309 | 63 | } | ||
2310 | 64 | .footer .lp-arcana img { | ||
2311 | 65 | vertical-align: middle; | ||
2312 | 66 | } | ||
2313 | 67 | .footer .sitemessage { | ||
2314 | 68 | text-align: right; | ||
2315 | 69 | } | ||
2316 | 70 | .footer .colophon { | ||
2317 | 71 | margin: 3em 3em 1em 3em; | ||
2318 | 72 | text-align: center; | ||
2319 | 73 | } | ||
2320 | 74 | .footer .lp-branding { | ||
2321 | 75 | float: left; | ||
2322 | 76 | } | ||
2323 | 77 | .footer form { | ||
2324 | 78 | display: inline; | ||
2325 | 79 | } | ||
2326 | 80 | .portlet-border { | ||
2327 | 81 | border-top: 1px solid #EBEBEB; | ||
2328 | 82 | padding: 1em 0; | ||
2329 | 83 | } | ||
2330 | 84 | .portlet, .aside { | ||
2331 | 85 | clear: both; | ||
2332 | 86 | border-top: 1px solid #EBEBEB; | ||
2333 | 87 | padding: 1em 0; | ||
2334 | 88 | } | ||
2335 | 89 | .portlet > h2:first-child { | ||
2336 | 90 | margin-top: 0; | ||
2337 | 91 | } | ||
2338 | 92 | .top-portlet { | ||
2339 | 93 | padding: 0 0 0.5em 0; | ||
2340 | 94 | margin: 0 0 1em; | ||
2341 | 95 | } | ||
2342 | 96 | .full-page-width { | ||
2343 | 97 | z-index: 10; | ||
2344 | 98 | width: 131%; | ||
2345 | 99 | } | ||
2346 | 100 | .full-page-width .full-page-width { | ||
2347 | 101 | /* The content is already full width. */ | ||
2348 | 102 | width: 100%; | ||
2349 | 103 | } | ||
2350 | 104 | .warning.message { | ||
2351 | 105 | margin-top: 17px; | ||
2352 | 106 | } | ||
2353 | 107 | |||
2354 | 108 | |||
2355 | 109 | /* ========================= | ||
2356 | 110 | Universal presentation | ||
2357 | 111 | Block elements. | ||
2358 | 112 | */ | ||
2359 | 113 | /* XXX EdwinGrubbs 2010-06-18 bug=570354 | ||
2360 | 114 | * The PrettyOverlay css uses static values for the width, but | ||
2361 | 115 | * the overlay needs to stretch for forms with wide input fields. | ||
2362 | 116 | */ | ||
2363 | 117 | .yui-pretty-overlay { | ||
2364 | 118 | width: auto !important; | ||
2365 | 119 | min-width: 402px; | ||
2366 | 120 | } | ||
2367 | 121 | |||
2368 | 122 | .yui-pretty-overlay #yui-pretty-overlay-modal { | ||
2369 | 123 | width: auto !important; | ||
2370 | 124 | min-width: 340px; | ||
2371 | 125 | } | ||
2372 | 126 | body { | ||
2373 | 127 | font-family: 'UbuntuBeta Regular', Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; | ||
2374 | 128 | font-size: 12px; | ||
2375 | 129 | line-height: 18px; /* The same as the sprite height. */ | ||
2376 | 130 | color: #333; | ||
2377 | 131 | } | ||
2378 | 132 | body.private { | ||
2379 | 133 | /* It must be obvious to the user that the context is private */ | ||
2380 | 134 | background: url("/@@/private-y-bg") top left repeat-y; | ||
2381 | 135 | } | ||
2382 | 136 | /* Override for when the feature flag is active */ | ||
2383 | 137 | body.feature-flag-bugs-private-notification-enabled.private { | ||
2384 | 138 | background-image: none; | ||
2385 | 139 | } | ||
2386 | 140 | body.private .private-disallow { | ||
2387 | 141 | /* We want to disable/hide some actions on private artifacts */ | ||
2388 | 142 | display: none | ||
2389 | 143 | } | ||
2390 | 144 | .private-only { | ||
2391 | 145 | /* We want to only show some items on private artifacts */ | ||
2392 | 146 | display: none; | ||
2393 | 147 | } | ||
2394 | 148 | body.private .private-only { | ||
2395 | 149 | /* We want to only show some items on private artifacts */ | ||
2396 | 150 | display: block; | ||
2397 | 151 | } | ||
2398 | 152 | * html body { | ||
2399 | 153 | /* stops floats dropping in IE 5.5/6 */ | ||
2400 | 154 | word-wrap: break-word; | ||
2401 | 155 | } | ||
2402 | 156 | |||
2403 | 157 | h1, h2, h3, h4, h5, h6 { | ||
2404 | 158 | background: none; | ||
2405 | 159 | clear: left; | ||
2406 | 160 | } | ||
2407 | 161 | h1 { | ||
2408 | 162 | clear: none; | ||
2409 | 163 | font-size: 30px; | ||
2410 | 164 | line-height: 34px; | ||
2411 | 165 | } | ||
2412 | 166 | h2 { | ||
2413 | 167 | margin-top: 16px; | ||
2414 | 168 | margin-bottom: 8px; | ||
2415 | 169 | font-size: 22px; | ||
2416 | 170 | line-height: 26px; | ||
2417 | 171 | } | ||
2418 | 172 | h3 { | ||
2419 | 173 | margin-top: 16px; | ||
2420 | 174 | margin-bottom: 8px; | ||
2421 | 175 | font-size: 16px; | ||
2422 | 176 | line-height: 20px; | ||
2423 | 177 | } | ||
2424 | 178 | .yui-u > div > h3:first-child { | ||
2425 | 179 | margin-top: 0; | ||
2426 | 180 | } | ||
2427 | 181 | p { | ||
2428 | 182 | width: auto; | ||
2429 | 183 | margin-bottom: 0.8em; | ||
2430 | 184 | } | ||
2431 | 185 | p, li, dt, dd, blockquote, .narrow, .narrow-listing { | ||
2432 | 186 | /* Wrap the text before the eye gets lost. */ | ||
2433 | 187 | max-width: 45em; | ||
2434 | 188 | } | ||
2435 | 189 | .wide * { | ||
2436 | 190 | max-width: 60em; | ||
2437 | 191 | } | ||
2438 | 192 | table.wide { | ||
2439 | 193 | width: 60em; | ||
2440 | 194 | } | ||
2441 | 195 | pre, code, samp, tt, .console { | ||
2442 | 196 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
2443 | 197 | margin-bottom: 0.8em; | ||
2444 | 198 | } | ||
2445 | 199 | pre.wrap { | ||
2446 | 200 | /* From nice_pre in tales.py */ | ||
2447 | 201 | white-space: -moz-pre-wrap; | ||
2448 | 202 | white-space: -o-pre-wrap; | ||
2449 | 203 | white-space: pre-wrap; | ||
2450 | 204 | word-wrap: break-word; | ||
2451 | 205 | } | ||
2452 | 206 | div.left, div.right { | ||
2453 | 207 | width: 50%; | ||
2454 | 208 | } | ||
2455 | 209 | div.left, .cves { | ||
2456 | 210 | clear: both; | ||
2457 | 211 | float: left; | ||
2458 | 212 | } | ||
2459 | 213 | div.right { | ||
2460 | 214 | clear: right; | ||
2461 | 215 | float: right; | ||
2462 | 216 | } | ||
2463 | 217 | div.three.column.middle { | ||
2464 | 218 | margin-right: 1%; | ||
2465 | 219 | } | ||
2466 | 220 | div.three.column.left, div.three.column.middle, div.three.column.right { | ||
2467 | 221 | clear: none; | ||
2468 | 222 | float: left; | ||
2469 | 223 | width: 33%; | ||
2470 | 224 | } | ||
2471 | 225 | div.three.column.left, div.three.column.right { | ||
2472 | 226 | margin: 0; | ||
2473 | 227 | } | ||
2474 | 228 | hr { | ||
2475 | 229 | display: none; | ||
2476 | 230 | } | ||
2477 | 231 | div.profiling_info { | ||
2478 | 232 | position: absolute; | ||
2479 | 233 | top: 0; | ||
2480 | 234 | left: 0; | ||
2481 | 235 | border: 3px solid red; | ||
2482 | 236 | background-color: white; | ||
2483 | 237 | text-align: left; | ||
2484 | 238 | padding: 1em; | ||
2485 | 239 | } | ||
2486 | 240 | div.profiling_info h1 { | ||
2487 | 241 | color: red; | ||
2488 | 242 | } | ||
2489 | 243 | div.profiling_info h2 { | ||
2490 | 244 | border-bottom: 3px solid gray; | ||
2491 | 245 | } | ||
2492 | 246 | div.profiling_info h3 { | ||
2493 | 247 | border-bottom: 1px solid gray; | ||
2494 | 248 | } | ||
2495 | 249 | div.profiling_info p { | ||
2496 | 250 | color: black; | ||
2497 | 251 | } | ||
2498 | 252 | div.hide_reveal_profiling { | ||
2499 | 253 | text-decoration: underline; | ||
2500 | 254 | color: #093; | ||
2501 | 255 | font-size: 10px; | ||
2502 | 256 | } | ||
2503 | 257 | |||
2504 | 258 | /* ========================= | ||
2505 | 259 | Universal presentation | ||
2506 | 260 | Inline elements. | ||
2507 | 261 | */ | ||
2508 | 262 | :link, :visited { | ||
2509 | 263 | /* Links are blue, brighter when clicked, and greyer once visited. */ | ||
2510 | 264 | color: #03a; | ||
2511 | 265 | text-decoration: none; | ||
2512 | 266 | } | ||
2513 | 267 | :link:hover, :visited:hover { | ||
2514 | 268 | text-decoration: underline; | ||
2515 | 269 | } | ||
2516 | 270 | :link:active, :visited:active { | ||
2517 | 271 | color: #36c; | ||
2518 | 272 | } | ||
2519 | 273 | a[onclick], .collapsible legend a, a.js-action, | ||
2520 | 274 | a[onclick]:active, .collapsible legend a:active, a.js-action, | ||
2521 | 275 | a.js-action:active { | ||
2522 | 276 | /* Links that don't open separate pages are green. */ | ||
2523 | 277 | color: #093; | ||
2524 | 278 | } | ||
2525 | 279 | a.help { | ||
2526 | 280 | border-bottom: 1px dotted #03a; | ||
2527 | 281 | cursor: help; | ||
2528 | 282 | } | ||
2529 | 283 | a.help:hover, a.help:hover { | ||
2530 | 284 | text-decoration: none; | ||
2531 | 285 | } | ||
2532 | 286 | a.help.icon, a.sprite.maybe.help { | ||
2533 | 287 | border: none; | ||
2534 | 288 | } | ||
2535 | 289 | a.invalid-link { | ||
2536 | 290 | disabled: True; | ||
2537 | 291 | color: #909090; | ||
2538 | 292 | text-decoration: none; | ||
2539 | 293 | cursor: default; | ||
2540 | 294 | } | ||
2541 | 295 | img, a img { | ||
2542 | 296 | /* No border on images that are links. */ | ||
2543 | 297 | border: none; | ||
2544 | 298 | } | ||
2545 | 299 | abbr[title], acronym[title] { | ||
2546 | 300 | border-bottom: 1px dotted black; | ||
2547 | 301 | cursor: help; | ||
2548 | 302 | } | ||
2549 | 303 | em { | ||
2550 | 304 | font-style: italic; | ||
2551 | 305 | } | ||
2552 | 306 | strong { | ||
2553 | 307 | font-weight: bold; | ||
2554 | 308 | } | ||
2555 | 309 | .title { | ||
2556 | 310 | font-weight: bold; | ||
2557 | 311 | } | ||
2558 | 312 | kbd { | ||
2559 | 313 | background-color: #ddd; | ||
2560 | 314 | border: 1px solid; | ||
2561 | 315 | border-color: white gray gray white; | ||
2562 | 316 | color: black; | ||
2563 | 317 | margin: 1px; | ||
2564 | 318 | min-width: 1em; | ||
2565 | 319 | outline: 1px #666; | ||
2566 | 320 | } | ||
2567 | 321 | .nowrap { | ||
2568 | 322 | white-space: nowrap; | ||
2569 | 323 | } | ||
2570 | 324 | |||
2571 | 325 | /* ========================= | ||
2572 | 326 | Universal presentation | ||
2573 | 327 | Block-list elements. | ||
2574 | 328 | */ | ||
2575 | 329 | dt { | ||
2576 | 330 | margin-bottom: .3em; | ||
2577 | 331 | margin-top: 0.5em; | ||
2578 | 332 | font-weight: bold; | ||
2579 | 333 | } | ||
2580 | 334 | dt dfn { | ||
2581 | 335 | font-weight: bold; | ||
2582 | 336 | } | ||
2583 | 337 | dd { | ||
2584 | 338 | margin-bottom: .8em; | ||
2585 | 339 | } | ||
2586 | 340 | dl.faq dd { | ||
2587 | 341 | margin: 1em 0 2em 4em; | ||
2588 | 342 | } | ||
2589 | 343 | .contributors dt strong { | ||
2590 | 344 | padding-left: 1em; | ||
2591 | 345 | } | ||
2592 | 346 | ol { | ||
2593 | 347 | margin-left: 1.8em; | ||
2594 | 348 | } | ||
2595 | 349 | ol li { | ||
2596 | 350 | list-style: decimal outside; | ||
2597 | 351 | } | ||
2598 | 352 | li { | ||
2599 | 353 | padding-bottom: .3em; | ||
2600 | 354 | } | ||
2601 | 355 | ul.news, li.news { | ||
2602 | 356 | list-style-type: none; | ||
2603 | 357 | margin-bottom: 1em; | ||
2604 | 358 | } | ||
2605 | 359 | ul.architecture, li.architecture { | ||
2606 | 360 | list-style-image: url(/@@/architecture); | ||
2607 | 361 | } | ||
2608 | 362 | ul.build-success, li.build-success { | ||
2609 | 363 | list-style-image: url(/@@/build-success); | ||
2610 | 364 | } | ||
2611 | 365 | ul.bug.remote, li.bug.remote { | ||
2612 | 366 | list-style-image: url(/@@/bug-remote); | ||
2613 | 367 | } | ||
2614 | 368 | ul.language, li.language { | ||
2615 | 369 | list-style-image: url(/@@/language); | ||
2616 | 370 | /* Disable .language sprite. */ | ||
2617 | 371 | background: inherit; | ||
2618 | 372 | } | ||
2619 | 373 | ul.mail, li.mail { | ||
2620 | 374 | list-style-image: url(/@@/mail); | ||
2621 | 375 | } | ||
2622 | 376 | ul.meeting, li.meeting { | ||
2623 | 377 | list-style-image: url(/@@/meeting); | ||
2624 | 378 | } | ||
2625 | 379 | ul.rss, li.rss { | ||
2626 | 380 | list-style-image: url(/@@/rss); | ||
2627 | 381 | } | ||
2628 | 382 | ul.translation, li.translation { | ||
2629 | 383 | list-style-image: url(/@@/translation); | ||
2630 | 384 | } | ||
2631 | 385 | ul.webref, li.webref { | ||
2632 | 386 | list-style-image: url(/@@/link); | ||
2633 | 387 | } | ||
2634 | 388 | ul.iconed { | ||
2635 | 389 | list-style-type: none; | ||
2636 | 390 | padding-left: 0 !important; | ||
2637 | 391 | margin: 0 !important; | ||
2638 | 392 | } | ||
2639 | 393 | ul.buttons { | ||
2640 | 394 | /* without !important, gets overridden by the '#maincontent ol' rule */ | ||
2641 | 395 | margin: 0.5em 0 0.5em 0 !important; | ||
2642 | 396 | padding: 0 !important; | ||
2643 | 397 | } | ||
2644 | 398 | ul.buttons li { | ||
2645 | 399 | display: inline; | ||
2646 | 400 | margin: 0 0 0 0; | ||
2647 | 401 | } | ||
2648 | 402 | .bulleted { | ||
2649 | 403 | margin-bottom: 0.5em; | ||
2650 | 404 | } | ||
2651 | 405 | .bulleted li { | ||
2652 | 406 | margin: 0 0 0 2em; | ||
2653 | 407 | list-style-type: disc; | ||
2654 | 408 | } | ||
2655 | 409 | .horizontal { | ||
2656 | 410 | margin: 1em 0 0 0; | ||
2657 | 411 | } | ||
2658 | 412 | .horizontal li { | ||
2659 | 413 | display: inline; | ||
2660 | 414 | padding: 0 1.5em 0 0; | ||
2661 | 415 | } | ||
2662 | 416 | .subordinate { | ||
2663 | 417 | margin-left: 2em; | ||
2664 | 418 | } | ||
2665 | 419 | ol.subordinate { | ||
2666 | 420 | margin-left: 4em; | ||
2667 | 421 | } | ||
2668 | 422 | .two-column-list dl { | ||
2669 | 423 | width: 48%; | ||
2670 | 424 | float: left; | ||
2671 | 425 | display: inline; | ||
2672 | 426 | margin: 0 0.25em 0 0; | ||
2673 | 427 | } | ||
2674 | 428 | .two-column-list dl:first-child dt, | ||
2675 | 429 | .two-column-list dl:first-child + dl dt { | ||
2676 | 430 | margin-top: 0; | ||
2677 | 431 | } | ||
2678 | 432 | .three-column-list dl { | ||
2679 | 433 | width: 31%; | ||
2680 | 434 | float: left; | ||
2681 | 435 | display: inline; | ||
2682 | 436 | margin: 0 0.25em 0 0; | ||
2683 | 437 | } | ||
2684 | 438 | .two-column-list li { | ||
2685 | 439 | width: 48%; | ||
2686 | 440 | float: left; | ||
2687 | 441 | display: inline; | ||
2688 | 442 | margin: 0 0.25em 0 0; | ||
2689 | 443 | } | ||
2690 | 444 | .three-column-list li { | ||
2691 | 445 | width: 31%; | ||
2692 | 446 | float: left; | ||
2693 | 447 | display: inline; | ||
2694 | 448 | margin: 0 0.25em 0 0; | ||
2695 | 449 | } | ||
2696 | 450 | .two-column-list:after, | ||
2697 | 451 | .three-column-list:after { | ||
2698 | 452 | content: "."; | ||
2699 | 453 | display: block; | ||
2700 | 454 | height: 0; | ||
2701 | 455 | clear: both; | ||
2702 | 456 | visibility: hidden; | ||
2703 | 457 | } | ||
2704 | 458 | .two-column-list dl.unseen, | ||
2705 | 459 | .two-column-list li.unseen, | ||
2706 | 460 | .three-column-list dl.unseen, | ||
2707 | 461 | .three-column-list li.unseen { | ||
2708 | 462 | /* Keep the abilty to hide list entries. */ | ||
2709 | 463 | display: none; | ||
2710 | 464 | } | ||
2711 | 465 | .portlet dd { | ||
2712 | 466 | margin-bottom: 0.5em; | ||
2713 | 467 | } | ||
2714 | 468 | .portlet dl strong { | ||
2715 | 469 | color: #000; | ||
2716 | 470 | font-weight: normal; | ||
2717 | 471 | } | ||
2718 | 472 | .related { | ||
2719 | 473 | /* Lists that link to related content. */ | ||
2720 | 474 | margin-top: 4em; | ||
2721 | 475 | border-top: 1px solid #cbcbcb; /* matches color of mainarea_* images */ | ||
2722 | 476 | padding-top: 1em; | ||
2723 | 477 | } | ||
2724 | 478 | .related ul { | ||
2725 | 479 | list-style: none; | ||
2726 | 480 | margin-left: 0 !important; | ||
2727 | 481 | padding-left: 0 !important; | ||
2728 | 482 | text-indent: 0.5em; | ||
2729 | 483 | } | ||
2730 | 484 | .related ul.sourcepackage-links li.sourcepackage-not-dev-focus:before { | ||
2731 | 485 | content: ""; | ||
2732 | 486 | display: inline-block; | ||
2733 | 487 | width: 1.5em; | ||
2734 | 488 | } | ||
2735 | 489 | .related ul.sourcepackage-links li.sourcepackage-dev-focus:before { | ||
2736 | 490 | content: "⇒ "; | ||
2737 | 491 | display: inline-block; | ||
2738 | 492 | width: 1.5em; | ||
2739 | 493 | } | ||
2740 | 494 | .related ul li:before { | ||
2741 | 495 | content: "\00BB \0020"; | ||
2742 | 496 | } | ||
2743 | 497 | .gridflow { | ||
2744 | 498 | /* A list that positions the items in a grid (like a table). */ | ||
2745 | 499 | margin: 0.0em; | ||
2746 | 500 | padding: 0.0em; | ||
2747 | 501 | } | ||
2748 | 502 | .gridflow ul { | ||
2749 | 503 | margin: 0.5em 0.0em 0.5em 0.0em; | ||
2750 | 504 | padding: 0.5em 0.0em 0.0em 0.0em; | ||
2751 | 505 | } | ||
2752 | 506 | .gridflow li { | ||
2753 | 507 | display: inline; | ||
2754 | 508 | margin: 0.0em; | ||
2755 | 509 | padding: 0.2em; | ||
2756 | 510 | } | ||
2757 | 511 | .gridflow li span { | ||
2758 | 512 | display: table-cell; | ||
2759 | 513 | display: inline-table; | ||
2760 | 514 | display: inline-block; | ||
2761 | 515 | width: 192px; | ||
2762 | 516 | text-align: center; | ||
2763 | 517 | vertical-align: middle; | ||
2764 | 518 | padding: 1em 1em 1em 0; | ||
2765 | 519 | } | ||
2766 | 520 | |||
2767 | 521 | |||
2768 | 522 | /* ========================= | ||
2769 | 523 | Universal presentation | ||
2770 | 524 | Block-table elements. | ||
2771 | 525 | */ | ||
2772 | 526 | caption { | ||
2773 | 527 | caption-side: bottom; | ||
2774 | 528 | text-align: left; | ||
2775 | 529 | } | ||
2776 | 530 | th { | ||
2777 | 531 | text-align: right; | ||
2778 | 532 | } | ||
2779 | 533 | th, td { | ||
2780 | 534 | vertical-align: baseline; | ||
2781 | 535 | } | ||
2782 | 536 | .head th, | ||
2783 | 537 | thead th, tr.thead th { | ||
2784 | 538 | text-align: left; | ||
2785 | 539 | vertical-align: bottom; | ||
2786 | 540 | } | ||
2787 | 541 | th.icon, td.icon { | ||
2788 | 542 | vertical-align: top; | ||
2789 | 543 | white-space: nowrap; | ||
2790 | 544 | width: 1px; | ||
2791 | 545 | } | ||
2792 | 546 | th.icon.left, td.icon.left { | ||
2793 | 547 | padding-right: 0; | ||
2794 | 548 | } | ||
2795 | 549 | th.icon.right, td.icon.right { | ||
2796 | 550 | padding-left: 0; | ||
2797 | 551 | } | ||
2798 | 552 | th.nowrap, td.nowrap { | ||
2799 | 553 | white-space: nowrap; | ||
2800 | 554 | } | ||
2801 | 555 | tfoot th, table.contributions th { | ||
2802 | 556 | text-align: left; | ||
2803 | 557 | } | ||
2804 | 558 | tr.white { | ||
2805 | 559 | background-color: #fff; | ||
2806 | 560 | } | ||
2807 | 561 | tr.shaded { | ||
2808 | 562 | background-color: #f6f6f6; | ||
2809 | 563 | } | ||
2810 | 564 | table .amount { | ||
2811 | 565 | text-align: right; | ||
2812 | 566 | } | ||
2813 | 567 | table.contributions th { | ||
2814 | 568 | font-weight: normal; | ||
2815 | 569 | } | ||
2816 | 570 | table.contributions td { | ||
2817 | 571 | vertical-align: middle; | ||
2818 | 572 | width: 16px; | ||
2819 | 573 | text-align: left; | ||
2820 | 574 | } | ||
2821 | 575 | table.latest th, table.latest td { | ||
2822 | 576 | padding-bottom: 2em; | ||
2823 | 577 | } | ||
2824 | 578 | table.duplicate.listing * { | ||
2825 | 579 | color: #999; | ||
2826 | 580 | } | ||
2827 | 581 | .table-actions:nth-child(2) { | ||
2828 | 582 | /* text-align only works here because the <li> also has the | ||
2829 | 583 | style display:inline. | ||
2830 | 584 | */ | ||
2831 | 585 | text-align: right; | ||
2832 | 586 | } | ||
2833 | 587 | .table-actions { | ||
2834 | 588 | margin: 1em 0 0 0; | ||
2835 | 589 | } | ||
2836 | 590 | .table-actions li { | ||
2837 | 591 | display: inline; | ||
2838 | 592 | padding: 0 1.5em 0 0; | ||
2839 | 593 | } | ||
2840 | 594 | table.compressed { | ||
2841 | 595 | width: auto; | ||
2842 | 596 | } | ||
2843 | 597 | table.compressed td { | ||
2844 | 598 | padding: 0.25em 0.5em; | ||
2845 | 599 | } | ||
2846 | 600 | table.cozy-listing { | ||
2847 | 601 | width: 20em; | ||
2848 | 602 | background-color: #fff; | ||
2849 | 603 | border: 1px solid #d2d2d2; | ||
2850 | 604 | border-bottom: 1px solid #d2d2d2; | ||
2851 | 605 | } | ||
2852 | 606 | table.cozy-listing td { | ||
2853 | 607 | border: 1px #d2d2d2; | ||
2854 | 608 | border-style: dotted none none none; | ||
2855 | 609 | } | ||
2856 | 610 | table.sortable a.sortheader { | ||
2857 | 611 | color: #666; | ||
2858 | 612 | font-weight: bold; | ||
2859 | 613 | text-decoration: none; | ||
2860 | 614 | display: block; | ||
2861 | 615 | } | ||
2862 | 616 | table.sortable img.sortarrow { | ||
2863 | 617 | padding-left: 2px; | ||
2864 | 618 | } | ||
2865 | 619 | th.ascending { | ||
2866 | 620 | background-image: url(/@@/arrowDown); | ||
2867 | 621 | background-position: center right; | ||
2868 | 622 | background-repeat: no-repeat; | ||
2869 | 623 | } | ||
2870 | 624 | th.descending { | ||
2871 | 625 | background-image: url(/@@/arrowUp); | ||
2872 | 626 | background-position: center right; | ||
2873 | 627 | background-repeat: no-repeat; | ||
2874 | 628 | } | ||
2875 | 629 | .sortkey, .revsortkey { | ||
2876 | 630 | /* Used to indicate a value to be used to sort cells in a row */ | ||
2877 | 631 | display: none; | ||
2878 | 632 | } | ||
2879 | 633 | table.listing { | ||
2880 | 634 | margin: 0; | ||
2881 | 635 | width: 100%; | ||
2882 | 636 | } | ||
2883 | 637 | table.listing, table.listing tbody, table.listing td.end-of-section { | ||
2884 | 638 | border-bottom: 1px solid #d2d2d2; | ||
2885 | 639 | } | ||
2886 | 640 | table.listing th { | ||
2887 | 641 | font-weight: bold; | ||
2888 | 642 | } | ||
2889 | 643 | table.listing .head, table.listing .head th, | ||
2890 | 644 | table.listing thead, table.listing thead th, table.listing tfoot tr, | ||
2891 | 645 | table.listing tr.thead th { | ||
2892 | 646 | border: 1px solid #d2d2d2; | ||
2893 | 647 | background-color: #fff; | ||
2894 | 648 | } | ||
2895 | 649 | table.listing tr.category { | ||
2896 | 650 | border-bottom: 1px solid #d2d2d2; | ||
2897 | 651 | } | ||
2898 | 652 | table.listing tr.category th, table.listing tr.category td { | ||
2899 | 653 | padding-top: 1em; | ||
2900 | 654 | } | ||
2901 | 655 | table.listing thead td, | ||
2902 | 656 | table.listing table tbody, table.listing table thead, | ||
2903 | 657 | table.listing table thead th, table.listing tfoot tr, | ||
2904 | 658 | table.listing table tfoot td, table.listing table td { | ||
2905 | 659 | border: none; | ||
2906 | 660 | } | ||
2907 | 661 | table.listing tfoot td { | ||
2908 | 662 | border: 1px solid #d2d2d2; | ||
2909 | 663 | } | ||
2910 | 664 | table.listing th, table.listing td { | ||
2911 | 665 | padding: 0.25em; | ||
2912 | 666 | } | ||
2913 | 667 | table.listing table th, table.listing table td { | ||
2914 | 668 | /* We don't want extra padding on nested tables, like batch navigation. */ | ||
2915 | 669 | padding: 0; | ||
2916 | 670 | } | ||
2917 | 671 | table.listing thead th, table.listing tr.thead th { | ||
2918 | 672 | white-space: nowrap; | ||
2919 | 673 | } | ||
2920 | 674 | table.listing td { | ||
2921 | 675 | border: 1px #d2d2d2; | ||
2922 | 676 | border-style: dotted none none none; | ||
2923 | 677 | } | ||
2924 | 678 | table.listing .section-break td { | ||
2925 | 679 | border-width: 1px 0 0 0; | ||
2926 | 680 | border-style: solid; | ||
2927 | 681 | border-color: #d2d2d2; | ||
2928 | 682 | height: 1em; | ||
2929 | 683 | } | ||
2930 | 684 | table.listing .note td { | ||
2931 | 685 | border-style: none; | ||
2932 | 686 | } | ||
2933 | 687 | table.listing img { | ||
2934 | 688 | vertical-align: middle; | ||
2935 | 689 | } | ||
2936 | 690 | table.listing tr.secondary th, table.listing tr.secondary td { | ||
2937 | 691 | border-top: none; | ||
2938 | 692 | } | ||
2939 | 693 | table.listing table.simple { | ||
2940 | 694 | margin-left: 2em; | ||
2941 | 695 | } | ||
2942 | 696 | table.listing table.simple td { | ||
2943 | 697 | padding: 0.25em; | ||
2944 | 698 | } | ||
2945 | 699 | table.listing .section-heading { | ||
2946 | 700 | border: none; | ||
2947 | 701 | padding-top: 1.5em; | ||
2948 | 702 | } | ||
2949 | 703 | table.summary th, table.summary td, | ||
2950 | 704 | table.listing table.summary th, table.listing table.summary td { | ||
2951 | 705 | /* Summary tables present information with subdued headers and a little | ||
2952 | 706 | row spacing. */ | ||
2953 | 707 | padding: 0 0.5em 0.5em 0; | ||
2954 | 708 | } | ||
2955 | 709 | table.summary th { | ||
2956 | 710 | font-weight: normal; | ||
2957 | 711 | } | ||
2958 | 712 | table.summary caption { | ||
2959 | 713 | font-style: italic; | ||
2960 | 714 | margin-left: 1em; | ||
2961 | 715 | } | ||
2962 | 716 | table.summary ul, table.summary ul li { | ||
2963 | 717 | list-style-position: inside; | ||
2964 | 718 | margin: 0; | ||
2965 | 719 | padding: 0; | ||
2966 | 720 | } | ||
2967 | 721 | div.centered { | ||
2968 | 722 | text-align: center; | ||
2969 | 723 | } | ||
2970 | 724 | div.centered table { | ||
2971 | 725 | margin: 0 auto; | ||
2972 | 726 | text-align: left; | ||
2973 | 727 | } | ||
2974 | 728 | .batch-navigation-links .next { | ||
2975 | 729 | /* Next links have icons: */ | ||
2976 | 730 | background: center right no-repeat; | ||
2977 | 731 | padding-right: 14px; | ||
2978 | 732 | } | ||
2979 | 733 | .batch-navigation-links .next { | ||
2980 | 734 | background-image: url(/@@/arrowRight); | ||
2981 | 735 | } | ||
2982 | 736 | .batch-navigation-links .next.inactive { | ||
2983 | 737 | background-image: url(/@@/arrowRight-inactive); | ||
2984 | 738 | } | ||
2985 | 739 | .batch-navigation-links .inactive { | ||
2986 | 740 | color: #999ea7; | ||
2987 | 741 | } | ||
2988 | 742 | .batch-navigation-links .previous, .batch-navigation-links .next, | ||
2989 | 743 | .batch-navigation-links .last { | ||
2990 | 744 | /* And all the links have spacing between them: */ | ||
2991 | 745 | margin-left: 0.25em; | ||
2992 | 746 | } | ||
2993 | 747 | .batch-navigation-links .first, .batch-navigation-links .previous, | ||
2994 | 748 | .batch-navigation-links .next { | ||
2995 | 749 | margin-right: 0.25em; | ||
2996 | 750 | } | ||
2997 | 751 | .flowed-block { | ||
2998 | 752 | display: table-cell; | ||
2999 | 753 | display: inline-table; | ||
3000 | 754 | display: inline-block; | ||
3001 | 755 | text-align: left; | ||
3002 | 756 | vertical-align: top; | ||
3003 | 757 | } | ||
3004 | 758 | .results { | ||
3005 | 759 | background-color: #f4f4f4; | ||
3006 | 760 | padding: 2px 10px 5px 10px; | ||
3007 | 761 | -webkit-border-bottom-right-radius: 4px; | ||
3008 | 762 | -webkit-border-bottom-left-radius: 4px; | ||
3009 | 763 | -moz-border-radius-bottomright: 4px; | ||
3010 | 764 | -moz-border-radius-bottomleft: 4px; | ||
3011 | 765 | border-bottom-right-radius: 4px; | ||
3012 | 766 | border-bottom-left-radius: 4px; | ||
3013 | 767 | } | ||
3014 | 768 | |||
3015 | 769 | /* ========================= | ||
3016 | 770 | Universal presentation | ||
3017 | 771 | Form elements. | ||
3018 | 772 | */ | ||
3019 | 773 | form { | ||
3020 | 774 | margin-bottom: 1em; | ||
3021 | 775 | } | ||
3022 | 776 | form h1 { | ||
3023 | 777 | margin-bottom: 1em; | ||
3024 | 778 | } | ||
3025 | 779 | form table th, form table td { | ||
3026 | 780 | padding: 2px; | ||
3027 | 781 | } | ||
3028 | 782 | form table tbody th { | ||
3029 | 783 | font-weight: bold; | ||
3030 | 784 | } | ||
3031 | 785 | form table label { | ||
3032 | 786 | font-weight: bold; | ||
3033 | 787 | } | ||
3034 | 788 | .compound { | ||
3035 | 789 | margin-bottom: .5em; | ||
3036 | 790 | } | ||
3037 | 791 | .field.subordinate label { | ||
3038 | 792 | font-weight: normal; | ||
3039 | 793 | } | ||
3040 | 794 | fieldset { | ||
3041 | 795 | border-width: 2px 0 0; | ||
3042 | 796 | margin: 1em 0; | ||
3043 | 797 | padding: 1em 0 0; | ||
3044 | 798 | } | ||
3045 | 799 | label { | ||
3046 | 800 | white-space: nowrap; | ||
3047 | 801 | } | ||
3048 | 802 | input[type='image'] { | ||
3049 | 803 | vertical-align: middle; | ||
3050 | 804 | } | ||
3051 | 805 | input { | ||
3052 | 806 | visibility: inherit; | ||
3053 | 807 | } | ||
3054 | 808 | input[type=radio] { | ||
3055 | 809 | margin-left: 1em; | ||
3056 | 810 | } | ||
3057 | 811 | input.urlTextType { | ||
3058 | 812 | width: 40em; | ||
3059 | 813 | } | ||
3060 | 814 | textarea { | ||
3061 | 815 | display: block; | ||
3062 | 816 | width: 90%; | ||
3063 | 817 | max-width: 60em; | ||
3064 | 818 | } | ||
3065 | 819 | button { | ||
3066 | 820 | padding: 0; | ||
3067 | 821 | } | ||
3068 | 822 | button.overlay-close-button { | ||
3069 | 823 | float: right; | ||
3070 | 824 | width: 15px; | ||
3071 | 825 | height: 15px; | ||
3072 | 826 | display: block; | ||
3073 | 827 | margin-top: 4px; | ||
3074 | 828 | } | ||
3075 | 829 | .fieldRequired, .fieldOptional { | ||
3076 | 830 | color: #999; | ||
3077 | 831 | } | ||
3078 | 832 | .field.subordinate { | ||
3079 | 833 | margin-left: 2.6em; | ||
3080 | 834 | } | ||
3081 | 835 | .formHelp { | ||
3082 | 836 | max-width: 45em; | ||
3083 | 837 | margin: 0.2em 0 0.5em 0.2em; | ||
3084 | 838 | color: #777; | ||
3085 | 839 | } | ||
3086 | 840 | .listbox { | ||
3087 | 841 | /* a scrolling list of checkboxes or radio buttons */ | ||
3088 | 842 | border: 1px solid #8cacbb; | ||
3089 | 843 | display: inline-block; | ||
3090 | 844 | max-height: 12em; | ||
3091 | 845 | overflow: auto; | ||
3092 | 846 | overflow: -moz-scrollbars-vertical; | ||
3093 | 847 | } | ||
3094 | 848 | .listbox label { | ||
3095 | 849 | background-color: #f6f6f6; | ||
3096 | 850 | border: solid white; | ||
3097 | 851 | border-width: 0 0 1px 0; | ||
3098 | 852 | display: block; | ||
3099 | 853 | } | ||
3100 | 854 | .extra-form-buttons { | ||
3101 | 855 | text-align: center; | ||
3102 | 856 | padding-top: 1em; | ||
3103 | 857 | white-space: nowrap; | ||
3104 | 858 | } | ||
3105 | 859 | .extra-form-buttons button { | ||
3106 | 860 | margin-right: 0.7em; | ||
3107 | 861 | } | ||
3108 | 862 | .actions * { | ||
3109 | 863 | /* | ||
3110 | 864 | Action links are those that begin the process of doing something. | ||
3111 | 865 | For example, "Register a branch", "Edit profile", "Link to CVE". | ||
3112 | 866 | When presented inline, they are rendered by launchpad-inline-link.pt. | ||
3113 | 867 | |||
3114 | 868 | Action buttons are those that submit a multi-row form. | ||
3115 | 869 | Often an action button will have an "or _Cancel_" link next to it. | ||
3116 | 870 | |||
3117 | 871 | We want 0.5em horizontal gap between links and buttons in these | ||
3118 | 872 | sections. Using margin-left would cause a bad gap to the left of a | ||
3119 | 873 | leftmost item. Using margin-right would cause a bad gap to the right of | ||
3120 | 874 | a rightmost item. We could fix these problems with :first-child/:last- | ||
3121 | 875 | child, but not in IE. So we do something a little tricky. We go ahead | ||
3122 | 876 | and give each child of the actions container a right margin: | ||
3123 | 877 | */ | ||
3124 | 878 | margin-right: 0.5em; | ||
3125 | 879 | } | ||
3126 | 880 | .actions * * { | ||
3127 | 881 | /* because ">" doesn't work in IE6 */ | ||
3128 | 882 | margin-right: 0; | ||
3129 | 883 | } | ||
3130 | 884 | .actions { | ||
3131 | 885 | /* Then in addition to the top/bottom margins of the actions container, | ||
3132 | 886 | we give it a *negative* right margin, cancelling out that of the last | ||
3133 | 887 | child. */ | ||
3134 | 888 | margin: 1em -0.5em 1em 0; | ||
3135 | 889 | } | ||
3136 | 890 | table.radio-button-widget tr td { | ||
3137 | 891 | /* Opera doesn't use the general tr above for the radio button table */ | ||
3138 | 892 | vertical-align: top; | ||
3139 | 893 | } | ||
3140 | 894 | table.listing div.field>table { | ||
3141 | 895 | /* Hack to add breathing room to bug status forms: */ | ||
3142 | 896 | margin-top: 0.5em; | ||
3143 | 897 | } | ||
3144 | 898 | table.listing div.field>label, | ||
3145 | 899 | table.listing div.field>div>label, | ||
3146 | 900 | table.listing div.actions { | ||
3147 | 901 | display: block; | ||
3148 | 902 | margin-top: 1em; | ||
3149 | 903 | } | ||
3150 | 904 | table.form, table.extra-options { | ||
3151 | 905 | /* Many forms are laid out using tables, with appropriate spacing: */ | ||
3152 | 906 | /* http://launchpad.dev/firefox/+edit */ | ||
3153 | 907 | margin: 1em 0; | ||
3154 | 908 | width: 100%; | ||
3155 | 909 | } | ||
3156 | 910 | table.form th { | ||
3157 | 911 | font-weight: normal; | ||
3158 | 912 | } | ||
3159 | 913 | table.form th, table.form td, | ||
3160 | 914 | table.form table.extra-options td, | ||
3161 | 915 | table.form table.extra-options th { | ||
3162 | 916 | padding-bottom: 1em; | ||
3163 | 917 | } | ||
3164 | 918 | table.form table.listing th, | ||
3165 | 919 | table.form table.listing td { | ||
3166 | 920 | padding-bottom: 0.25em; | ||
3167 | 921 | } | ||
3168 | 922 | table.form td td { | ||
3169 | 923 | padding-bottom: 0; | ||
3170 | 924 | } | ||
3171 | 925 | .long td { | ||
3172 | 926 | /* Long forms are composed of multiple tables and visible fieldsets */ | ||
3173 | 927 | padding-right: 1em; | ||
3174 | 928 | } | ||
3175 | 929 | .long fieldset { | ||
3176 | 930 | margin-top: 1em; | ||
3177 | 931 | } | ||
3178 | 932 | .long legend { | ||
3179 | 933 | color: #666; | ||
3180 | 934 | font-weight: bold; | ||
3181 | 935 | } | ||
3182 | 936 | fieldset.collapsible { | ||
3183 | 937 | /* Collapsible sections | ||
3184 | 938 | Some page sections are hidden by default, expanded by clicking a link. | ||
3185 | 939 | see lp.js:activate_collapsibles() */ | ||
3186 | 940 | border: none; | ||
3187 | 941 | margin: 0; | ||
3188 | 942 | padding: 16px 0 0; /* "Add a comment/attachment" form in bug reports */ | ||
3189 | 943 | } | ||
3190 | 944 | fieldset.collapsible h2 { | ||
3191 | 945 | margin-top: 0; | ||
3192 | 946 | } | ||
3193 | 947 | fieldset .collapsed { | ||
3194 | 948 | display: none; | ||
3195 | 949 | } | ||
3196 | 950 | fieldset .expanded { | ||
3197 | 951 | display: block; | ||
3198 | 952 | } | ||
3199 | 953 | fieldset.collapsible legend { | ||
3200 | 954 | font-weight: normal; | ||
3201 | 955 | } | ||
3202 | 956 | .collapsible legend a, .collapsible legend a:hover { | ||
3203 | 957 | text-decoration: none; | ||
3204 | 958 | } | ||
3205 | 959 | img.collapseIcon { | ||
3206 | 960 | text-decoration: none; | ||
3207 | 961 | vertical-align: middle; | ||
3208 | 962 | } | ||
3209 | 963 | .collapsible legend a span { | ||
3210 | 964 | text-decoration: underline; | ||
3211 | 965 | } | ||
3212 | 966 | .collapsed { | ||
3213 | 967 | border: none; | ||
3214 | 968 | margin-bottom: 0; | ||
3215 | 969 | } | ||
3216 | 970 | .yui3-pretty-overlay #yui3-pretty-overlay-modal h1, | ||
3217 | 971 | .yui3-pretty-overlay #yui3-pretty-overlay-modal h2 { | ||
3218 | 972 | /* lazr is injecting presumptive markup. */ | ||
3219 | 973 | color: #333; | ||
3220 | 974 | margin-right: 15px; | ||
3221 | 975 | } | ||
3222 | 976 | h1 .edit { | ||
3223 | 977 | font-size: 12px; | ||
3224 | 978 | position: relative; | ||
3225 | 979 | top: -3px; | ||
3226 | 980 | margin-left: 0.5em; | ||
3227 | 981 | } | ||
3228 | 982 | .yui3-editable_text { | ||
3229 | 983 | outline: none; | ||
3230 | 984 | } | ||
3231 | 985 | .yui3-ieditor { | ||
3232 | 986 | padding-right: 288px; | ||
3233 | 987 | } | ||
3234 | 988 | .yui3-skin-sam .yui3-ieditor-input { | ||
3235 | 989 | margin-top: 0; | ||
3236 | 990 | } | ||
3237 | 991 | h1 .yui3-ieditor-errors { | ||
3238 | 992 | font-size: 12px; | ||
3239 | 993 | } | ||
3240 | 994 | .steps h2 { | ||
3241 | 995 | /* lazr is injecting presumptive markup. */ | ||
3242 | 996 | font-size: 12px; | ||
3243 | 997 | line-height: 30px; | ||
3244 | 998 | } | ||
3245 | 999 | .lazr-multiline-edit .yui3-ieditor { | ||
3246 | 1000 | padding-right: 0; | ||
3247 | 1001 | } | ||
3248 | 1002 | .lazr-multiline-edit textarea { | ||
3249 | 1003 | max-width: inherit; | ||
3250 | 1004 | } | ||
3251 | 1005 | .lazr-multiline-edit .clearfix h3 { | ||
3252 | 1006 | /* Undo the damage done by lazr. */ | ||
3253 | 1007 | font-family: 'UbuntuBeta Regular', Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif; | ||
3254 | 1008 | line-height: 12px; | ||
3255 | 1009 | } | ||
3256 | 1010 | .widget-hd.js-action { | ||
3257 | 1011 | /* The js-action class is also used for non-links, for example, with | ||
3258 | 1012 | expand/collapse sections. */ | ||
3259 | 1013 | color: #093; | ||
3260 | 1014 | cursor: pointer; | ||
3261 | 1015 | } | ||
3262 | 1016 | .widget-hd.js-action:hover { | ||
3263 | 1017 | text-decoration: underline; | ||
3264 | 1018 | } | ||
3265 | 1019 | |||
3266 | 1020 | .yui3-ichoicesource-content .value:hover { | ||
3267 | 1021 | text-decoration: underline; | ||
3268 | 1022 | cursor: pointer; | ||
3269 | 1023 | } | ||
3270 | 1024 | .yui3-buglisting-config-util a { | ||
3271 | 1025 | position: relative; | ||
3272 | 1026 | top: 3px; | ||
3273 | 1027 | left: 4px; | ||
3274 | 1028 | } | ||
3275 | 1029 | .yui3-baseconfigutil a { | ||
3276 | 1030 | cursor: pointer; | ||
3277 | 1031 | } | ||
3278 | 1032 | .yui3-buglisting-config-util-overlay a.close-button { | ||
3279 | 1033 | visibility: inherit; | ||
3280 | 1034 | } | ||
3281 | 1035 | .yui3-buglisting-config-util-overlay form { | ||
3282 | 1036 | width: 80%; | ||
3283 | 1037 | } | ||
3284 | 1038 | .yui3-buglisting-config-util-overlay div.yui3-lazr-formoverlay-actions { | ||
3285 | 1039 | text-align: left; | ||
3286 | 1040 | } | ||
3287 | 1041 | .yui3-buglisting-config-util-overlay .reset-buglisting { | ||
3288 | 1042 | position: relative; | ||
3289 | 1043 | top: 20px; | ||
3290 | 1044 | left: 75px; | ||
3291 | 1045 | cursor: pointer; | ||
3292 | 1046 | } | ||
3293 | 1047 | .error.message, .warning.message, .informational.message { | ||
3294 | 1048 | border: solid #666; | ||
3295 | 1049 | border-width: 1px 2px 2px 1px; | ||
3296 | 1050 | color: black; | ||
3297 | 1051 | margin: 1em auto 1em auto; | ||
3298 | 1052 | padding: 0 1em 1em 2em; | ||
3299 | 1053 | width: 30em; | ||
3300 | 1054 | } | ||
3301 | 1055 | .error.message::before, .warning.message::before, | ||
3302 | 1056 | .informational.message::before { | ||
3303 | 1057 | /* The alerts are preceded with an icon overlaying the top left corner: */ | ||
3304 | 1058 | display: block; | ||
3305 | 1059 | margin: -15px 0 -6px -35px; | ||
3306 | 1060 | } | ||
3307 | 1061 | .error { | ||
3308 | 1062 | /* Error messages are pink, with alerts having an error icon: */ | ||
3309 | 1063 | background: #ffe4e4; | ||
3310 | 1064 | } | ||
3311 | 1065 | .error.message::before { | ||
3312 | 1066 | content: url(/@@/error-large); | ||
3313 | 1067 | } | ||
3314 | 1068 | .warning { | ||
3315 | 1069 | /* Warning messages are orange, with alerts having a warning icon: */ | ||
3316 | 1070 | background: #fff59c; | ||
3317 | 1071 | } | ||
3318 | 1072 | .warning.message::before { | ||
3319 | 1073 | content: url(/@@/warning-large); | ||
3320 | 1074 | } | ||
3321 | 1075 | .informational { | ||
3322 | 1076 | /* Informational messages are blue-to-grey, alerts have an info icon. */ | ||
3323 | 1077 | |||
3324 | 1078 | background: #d4e8ff url(/+icing/blue-fade-to-grey); | ||
3325 | 1079 | } | ||
3326 | 1080 | .informational.message::before { | ||
3327 | 1081 | content: url(/@@/info-large); | ||
3328 | 1082 | } | ||
3329 | 1083 | .informational p.last { | ||
3330 | 1084 | margin-bottom: 0; | ||
3331 | 1085 | } | ||
3332 | 1086 | .debugging { | ||
3333 | 1087 | /* Debugging messages are white on grey, alerts have an info icon. */ | ||
3334 | 1088 | background: #666; | ||
3335 | 1089 | color: white; | ||
3336 | 1090 | } | ||
3337 | 1091 | .debugging.message::before { | ||
3338 | 1092 | content: url(/@@/info-large); | ||
3339 | 1093 | } | ||
3340 | 1094 | .error .message { | ||
3341 | 1095 | /* And inside, the error message itself uses a smaller icon. */ | ||
3342 | 1096 | background: url(/@@/error) center left no-repeat; | ||
3343 | 1097 | margin-bottom: 0.25em; | ||
3344 | 1098 | padding-left: 18px; | ||
3345 | 1099 | } | ||
3346 | 1100 | table.form .error { | ||
3347 | 1101 | /* Form errors override this background color, because the lack of space | ||
3348 | 1102 | between the edge of fields and the edge of the color would look bad. */ | ||
3349 | 1103 | background: none; | ||
3350 | 1104 | } | ||
3351 | 1105 | .inline-warning { | ||
3352 | 1106 | /* Warning messages inlined in the page. */ | ||
3353 | 1107 | color: red; | ||
3354 | 1108 | font-weight: bold; | ||
3355 | 1109 | } | ||
3356 | 1110 | .sml-informational { | ||
3357 | 1111 | background: #d4e8ff url('/+icing/blue-fade-to-grey'); | ||
3358 | 1112 | border: solid #666; | ||
3359 | 1113 | border-width: 1px 2px 2px 1px; | ||
3360 | 1114 | padding: 5px 5px 5px 5px; | ||
3361 | 1115 | width: 44em; | ||
3362 | 1116 | } | ||
3363 | 1117 | .sml-informational::before { | ||
3364 | 1118 | content: url('/@@/info'); | ||
3365 | 1119 | } | ||
3366 | 1120 | .important-notice-popup { | ||
3367 | 1121 | padding: 1em 1em 0 1em; | ||
3368 | 1122 | width: auto; | ||
3369 | 1123 | overflow: hidden; | ||
3370 | 1124 | } | ||
3371 | 1125 | .important-notice-container { | ||
3372 | 1126 | text-align: center; | ||
3373 | 1127 | width: 100%; | ||
3374 | 1128 | padding-bottom: 1em; | ||
3375 | 1129 | position: relative; | ||
3376 | 1130 | } | ||
3377 | 1131 | .important-notice-balloon { | ||
3378 | 1132 | -moz-border-radius: 5px; | ||
3379 | 1133 | -o-border-radius: 5px; | ||
3380 | 1134 | -webkit-border-radius: 5px; | ||
3381 | 1135 | background-color: #ededed; | ||
3382 | 1136 | padding: 1em; | ||
3383 | 1137 | border: 1px solid #000; | ||
3384 | 1138 | width: auto; | ||
3385 | 1139 | overflow: hidden; | ||
3386 | 1140 | } | ||
3387 | 1141 | .important-notice-buttons { | ||
3388 | 1142 | float: right; | ||
3389 | 1143 | } | ||
3390 | 1144 | .important-notice-cancel-button { | ||
3391 | 1145 | visibility: hidden; | ||
3392 | 1146 | cursor: pointer; | ||
3393 | 1147 | } | ||
3394 | 1148 | .important-notice { | ||
3395 | 1149 | padding: 0px 0px 40px 0px; | ||
3396 | 1150 | height: 32px; | ||
3397 | 1151 | overflow: hidden; | ||
3398 | 1152 | } | ||
3399 | 1153 | .important-notice a { | ||
3400 | 1154 | font-weight: bold; | ||
3401 | 1155 | text-decoration: underline; | ||
3402 | 1156 | } | ||
3403 | 1157 | |||
3404 | 1158 | |||
3405 | 1159 | /* ========================= | ||
3406 | 1160 | Common presentations | ||
3407 | 1161 | These appear to be 3.0 specific. | ||
3408 | 1162 | */ | ||
3409 | 1163 | div.see-all { | ||
3410 | 1164 | text-align: right; | ||
3411 | 1165 | } | ||
3412 | 1166 | span.nolink { | ||
3413 | 1167 | font-weight: bold; | ||
3414 | 1168 | } | ||
3415 | 1169 | span.see-all { | ||
3416 | 1170 | float: right; | ||
3417 | 1171 | } | ||
3418 | 1172 | .see-all a { | ||
3419 | 1173 | padding-left: 8px; | ||
3420 | 1174 | background: inherit; | ||
3421 | 1175 | font-size: 12px; | ||
3422 | 1176 | text-decoration: underline; | ||
3423 | 1177 | } | ||
3424 | 1178 | .unseen, .hidden { | ||
3425 | 1179 | display: none; | ||
3426 | 1180 | } | ||
3427 | 1181 | .invisible-link { | ||
3428 | 1182 | display: none; | ||
3429 | 1183 | } | ||
3430 | 1184 | .invisible { | ||
3431 | 1185 | left: -9999em; | ||
3432 | 1186 | display: block; | ||
3433 | 1187 | } | ||
3434 | 1188 | .transparent { | ||
3435 | 1189 | opacity: 0; | ||
3436 | 1190 | filter: alpha(opacity=0); | ||
3437 | 1191 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
3438 | 1192 | } | ||
3439 | 1193 | .rss-right { | ||
3440 | 1194 | background: url(/@@/rss.png) right center no-repeat; | ||
3441 | 1195 | } | ||
3442 | 1196 | .logo { | ||
3443 | 1197 | float: left; | ||
3444 | 1198 | display: inline; | ||
3445 | 1199 | width: 64px; | ||
3446 | 1200 | height: 64px; | ||
3447 | 1201 | margin: 0 5px 0 0; | ||
3448 | 1202 | } | ||
3449 | 1203 | .registered { | ||
3450 | 1204 | color: #666; | ||
3451 | 1205 | } | ||
3452 | 1206 | .description { | ||
3453 | 1207 | clear: both; | ||
3454 | 1208 | } | ||
3455 | 1209 | .search-results { | ||
3456 | 1210 | margin-top: 1em; | ||
3457 | 1211 | } | ||
3458 | 1212 | .top-portlet .summary { | ||
3459 | 1213 | margin: 0 0 1em 0; | ||
3460 | 1214 | font-size: 16px; /* Same as h3, this appears under a h1. */ | ||
3461 | 1215 | } | ||
3462 | 1216 | .main-portlet { | ||
3463 | 1217 | margin: 1em 0 1em 0; | ||
3464 | 1218 | } | ||
3465 | 1219 | .pre { | ||
3466 | 1220 | white-space: pre; | ||
3467 | 1221 | } | ||
3468 | 1222 | .clearfix:after { | ||
3469 | 1223 | /* use class="clearfix" whenever floats should be enclosed */ | ||
3470 | 1224 | content: "."; | ||
3471 | 1225 | display: block; | ||
3472 | 1226 | height: 0; | ||
3473 | 1227 | clear: both; | ||
3474 | 1228 | visibility: hidden; | ||
3475 | 1229 | } | ||
3476 | 1230 | * html .clearfix { | ||
3477 | 1231 | /* Work around float bug in MSIE */ | ||
3478 | 1232 | height: 1%; | ||
3479 | 1233 | } | ||
3480 | 1234 | div.beta { | ||
3481 | 1235 | background-color: #c24848; | ||
3482 | 1236 | margin-bottom: 7px; | ||
3483 | 1237 | margin-top: 7px; | ||
3484 | 1238 | height: 10px; | ||
3485 | 1239 | width: 175px; | ||
3486 | 1240 | } | ||
3487 | 1241 | div.beta img { | ||
3488 | 1242 | height: 10px; | ||
3489 | 1243 | } | ||
3490 | 1244 | |||
3491 | 1245 | /* ========================= | ||
3492 | 1246 | Universal | ||
3493 | 1247 | Header | ||
3494 | 1248 | */ | ||
3495 | 1249 | .demo { | ||
3496 | 1250 | background-color: #fee; | ||
3497 | 1251 | } | ||
3498 | 1252 | .login-logout { | ||
3499 | 1253 | position: absolute; | ||
3500 | 1254 | top: .5em; | ||
3501 | 1255 | right: 1.5em; | ||
3502 | 1256 | } | ||
3503 | 1257 | #rendertime { | ||
3504 | 1258 | float: left; | ||
3505 | 1259 | margin: 0.1em 1.2em 0 0; | ||
3506 | 1260 | color: #666; | ||
3507 | 1261 | font-size: 10px; | ||
3508 | 1262 | } | ||
3509 | 1263 | #ajax-time { | ||
3510 | 1264 | float: left; | ||
3511 | 1265 | margin: 0 1.2em 0 0.2em; | ||
3512 | 1266 | position: relative; | ||
3513 | 1267 | } | ||
3514 | 1268 | #ajax-time-list { | ||
3515 | 1269 | position: absolute; | ||
3516 | 1270 | z-index: 10; | ||
3517 | 1271 | top: 20px; | ||
3518 | 1272 | right: 0; | ||
3519 | 1273 | width: 200px; | ||
3520 | 1274 | background-color: #f2f2f2; | ||
3521 | 1275 | border: 2px solid #fff; | ||
3522 | 1276 | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
3523 | 1277 | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
3524 | 1278 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
3525 | 1279 | -webkit-border-radius: 4px; | ||
3526 | 1280 | -moz-border-radius: 4px; | ||
3527 | 1281 | border-radius: 4px; | ||
3528 | 1282 | } | ||
3529 | 1283 | #ajax-time-list li { | ||
3530 | 1284 | border-bottom: 1px solid #e0e0e0; | ||
3531 | 1285 | padding: 3px 5px; | ||
3532 | 1286 | } | ||
3533 | 1287 | #ajax-time-list li:last-child { | ||
3534 | 1288 | border-bottom: none; | ||
3535 | 1289 | } | ||
3536 | 1290 | #ajax-time-list li span { | ||
3537 | 1291 | color: #999; | ||
3538 | 1292 | font-size: 11px; | ||
3539 | 1293 | display: block; | ||
3540 | 1294 | } | ||
3541 | 1295 | #ajax-time-list strong.warning { | ||
3542 | 1296 | color: #f00; | ||
3543 | 1297 | background-color: transparent; | ||
3544 | 1298 | } | ||
3545 | 1299 | div.watermark-apps-portlet { | ||
3546 | 1300 | clear: both; | ||
3547 | 1301 | margin-bottom: .5em; | ||
3548 | 1302 | white-space: no-wrap; | ||
3549 | 1303 | } | ||
3550 | 1304 | div.watermark-apps-portlet .wide { | ||
3551 | 1305 | width: 75%; | ||
3552 | 1306 | vertical-align: bottom; | ||
3553 | 1307 | margin-bottom: 0.3em; | ||
3554 | 1308 | } | ||
3555 | 1309 | div.watermark-apps-portlet img { | ||
3556 | 1310 | margin: 0 1.5em 0 0; | ||
3557 | 1311 | } | ||
3558 | 1312 | div.watermark-apps-portlet h1, div.watermark-apps-portlet h2 { | ||
3559 | 1313 | margin-top: 0px; | ||
3560 | 1314 | margin-bottom: 6px; | ||
3561 | 1315 | color: #000000; | ||
3562 | 1316 | font-weight: bold; | ||
3563 | 1317 | font-size: 30px; | ||
3564 | 1318 | line-height: 34px; | ||
3565 | 1319 | clear: none; | ||
3566 | 1320 | } | ||
3567 | 1321 | div.watermark-apps-portlet span img { | ||
3568 | 1322 | float: none; | ||
3569 | 1323 | margin: 0; | ||
3570 | 1324 | font-weight: bold; | ||
3571 | 1325 | clear: none; | ||
3572 | 1326 | } | ||
3573 | 1327 | .watermark-apps-portlet li { | ||
3574 | 1328 | display: inline; | ||
3575 | 1329 | list-style-type: none; | ||
3576 | 1330 | } | ||
3577 | 1331 | .watermark-apps-portlet li a, .watermark-apps-portlet li span { | ||
3578 | 1332 | padding: 0.3em 0.5em; | ||
3579 | 1333 | margin-right: 0.4em; | ||
3580 | 1334 | } | ||
3581 | 1335 | .watermark-apps-portlet li:first-child a, | ||
3582 | 1336 | .watermark-apps-portlet li:first-child span { | ||
3583 | 1337 | /* The text of the first tab should align with the heading directly | ||
3584 | 1338 | above it */ | ||
3585 | 1339 | margin-left: -0.5em; | ||
3586 | 1340 | } | ||
3587 | 1341 | .watermark-apps-portlet li a:link, .watermark-apps-portlet li a:visited { | ||
3588 | 1342 | color: #000; | ||
3589 | 1343 | background-color: #fff; | ||
3590 | 1344 | text-decoration: none; | ||
3591 | 1345 | } | ||
3592 | 1346 | .watermark-apps-portlet li.active a, .watermark-apps-portlet li.active span { | ||
3593 | 1347 | font-weight: bold; | ||
3594 | 1348 | color: #fff; | ||
3595 | 1349 | background-color: #747474; | ||
3596 | 1350 | } | ||
3597 | 1351 | .watermark-apps-portlet li a:hover { | ||
3598 | 1352 | color: #000; | ||
3599 | 1353 | background-color: #f3f3f3; | ||
3600 | 1354 | } | ||
3601 | 1355 | .watermark-apps-portlet li.disabled-tab { | ||
3602 | 1356 | color: #747474; | ||
3603 | 1357 | } | ||
3604 | 1358 | .facetmenu { | ||
3605 | 1359 | /* Facet menu, a.k.a. application tabs */ | ||
3606 | 1360 | width: 100%; | ||
3607 | 1361 | white-space: nowrap; | ||
3608 | 1362 | } | ||
3609 | 1363 | .context-publication { | ||
3610 | 1364 | margin-bottom: 1em; | ||
3611 | 1365 | } | ||
3612 | 1366 | .registering { | ||
3613 | 1367 | /* Registered slot */ | ||
3614 | 1368 | margin: .5em 0 1em 0; | ||
3615 | 1369 | font-size: 10px; | ||
3616 | 1370 | color: #666; | ||
3617 | 1371 | } | ||
3618 | 1372 | .breadcrumbs { | ||
3619 | 1373 | margin-left: 0; | ||
3620 | 1374 | list-style-type: none; | ||
3621 | 1375 | clear: both; | ||
3622 | 1376 | font-size: 10px; | ||
3623 | 1377 | } | ||
3624 | 1378 | .breadcrumbs li { | ||
3625 | 1379 | display: inline; | ||
3626 | 1380 | padding: 0; | ||
3627 | 1381 | } | ||
3628 | 1382 | .breadcrumbs li a { | ||
3629 | 1383 | color: #494949; | ||
3630 | 1384 | } | ||
3631 | 1385 | .breadcrumbs li:after { | ||
3632 | 1386 | content: "\00BB \0020" | ||
3633 | 1387 | } | ||
3634 | 1388 | .breadcrumbs li:last-child { | ||
3635 | 1389 | /* The following leaves a small margin in chrome/webkit, but using none | ||
3636 | 1390 | doesn't hide the » in webkit either (both work for FF3.5). */ | ||
3637 | 1391 | font-weight: bold; | ||
3638 | 1392 | } | ||
3639 | 1393 | .breadcrumbs li:last-child:after { | ||
3640 | 1394 | content: ''; | ||
3641 | 1395 | } | ||
3642 | 1396 | #logincontrol { | ||
3643 | 1397 | /* Top right of the page is a link to log in or a button to log out: */ | ||
3644 | 1398 | float: right; | ||
3645 | 1399 | } | ||
3646 | 1400 | #logincontrol img { | ||
3647 | 1401 | /* align the image with the text */ | ||
3648 | 1402 | margin-bottom: -2px; | ||
3649 | 1403 | } | ||
3650 | 1404 | #logincontrol form { | ||
3651 | 1405 | margin: 0; | ||
3652 | 1406 | } | ||
3653 | 1407 | #logincontrol input[type='submit'] { | ||
3654 | 1408 | /* The button lacks the right margin that buttons usually have: */ | ||
3655 | 1409 | font-size: 10px; | ||
3656 | 1410 | margin-right: 0; | ||
3657 | 1411 | } | ||
3658 | 1412 | |||
3659 | 1413 | |||
3660 | 1414 | /* ========================= | ||
3661 | 1415 | Universal | ||
3662 | 1416 | Side portlets | ||
3663 | 1417 | */ | ||
3664 | 1418 | .side { | ||
3665 | 1419 | padding: 0.5em; | ||
3666 | 1420 | } | ||
3667 | 1421 | .side .portlet { | ||
3668 | 1422 | width: 90%; | ||
3669 | 1423 | margin: 0 auto 1em; | ||
3670 | 1424 | border: 1px solid #dedede; | ||
3671 | 1425 | -moz-border-radius: 5px; | ||
3672 | 1426 | -webkit-border-radius: 5px; | ||
3673 | 1427 | -khtml-border-radius: 5px; | ||
3674 | 1428 | border-radius: 5px; | ||
3675 | 1429 | padding: 0.5em; | ||
3676 | 1430 | background: #fbfbfb; | ||
3677 | 1431 | } | ||
3678 | 1432 | .side h2 { | ||
3679 | 1433 | font-size: 16px; | ||
3680 | 1434 | line-height: 20px; | ||
3681 | 1435 | } | ||
3682 | 1436 | .side h3 { | ||
3683 | 1437 | font-size: 14px; | ||
3684 | 1438 | line-height: 18px; | ||
3685 | 1439 | } | ||
3686 | 1440 | .side ul { | ||
3687 | 1441 | background: #fbfbfb; | ||
3688 | 1442 | } | ||
3689 | 1443 | #privacy.private { | ||
3690 | 1444 | background: url(/@@/private-bg) top left repeat-x; /* 8px high */ | ||
3691 | 1445 | padding-top: 12px; /* = 8px + the usual 4px top padding */ | ||
3692 | 1446 | } | ||
3693 | 1447 | /* Override for when the feature flag is active */ | ||
3694 | 1448 | .feature-flag-bugs-private-notification-enabled #privacy.private { | ||
3695 | 1449 | background-image: none; | ||
3696 | 1450 | background-color: #FBFBFB; | ||
3697 | 1451 | padding-top: 0.5em; | ||
3698 | 1452 | } | ||
3699 | 1453 | .downloads li { | ||
3700 | 1454 | margin: 0; | ||
3701 | 1455 | padding: 2px 0 0; | ||
3702 | 1456 | font-weight: bold; | ||
3703 | 1457 | } | ||
3704 | 1458 | .downloads li a { | ||
3705 | 1459 | display: block; | ||
3706 | 1460 | margin: 0; | ||
3707 | 1461 | border: 1px solid #4f843c; | ||
3708 | 1462 | -moz-border-radius: 3px; | ||
3709 | 1463 | -webkit-border-radius: 3px; | ||
3710 | 1464 | -khtml-border-radius: 3px; | ||
3711 | 1465 | border-radius: 3px; | ||
3712 | 1466 | background: #4f843c url(/@@/bg-project-downloads.png) center right no-repeat; | ||
3713 | 1467 | padding: 6%; | ||
3714 | 1468 | padding-right: 40px; | ||
3715 | 1469 | color: #fff; | ||
3716 | 1470 | } | ||
3717 | 1471 | .downloads .version { | ||
3718 | 1472 | -moz-border-radius: 5px 5px 0 0; | ||
3719 | 1473 | -webkit-border-radius: 5px 5px 0 0; | ||
3720 | 1474 | -khtml-border-radius: 5px 5px 0 0; | ||
3721 | 1475 | border-radius: 5px 5px 0 0; | ||
3722 | 1476 | background: #d3e3c7; | ||
3723 | 1477 | padding: 0.2em 1em; | ||
3724 | 1478 | } | ||
3725 | 1479 | .downloads .released { | ||
3726 | 1480 | margin: .3em 0 .5em 0; | ||
3727 | 1481 | -moz-border-radius: 0 0 5px 5px; | ||
3728 | 1482 | -webkit-border-radius: 0 0 5px 5px; | ||
3729 | 1483 | -khtml-border-radius: 0 0 5px 5px; | ||
3730 | 1484 | border-radius: 0 0 5px 5px; | ||
3731 | 1485 | background: #d3e3c7; | ||
3732 | 1486 | padding: 0.2em 1em; | ||
3733 | 1487 | } | ||
3734 | 1488 | .downloads .alternate { | ||
3735 | 1489 | padding: 0 0 0 1em; | ||
3736 | 1490 | } | ||
3737 | 1491 | .involvement li { | ||
3738 | 1492 | border-top: 1px solid #d0d0d0; | ||
3739 | 1493 | padding: 0; | ||
3740 | 1494 | font-weight: bold; | ||
3741 | 1495 | } | ||
3742 | 1496 | .involvement li.single { | ||
3743 | 1497 | border-top: 0; | ||
3744 | 1498 | } | ||
3745 | 1499 | .involvement a { | ||
3746 | 1500 | display: block; | ||
3747 | 1501 | padding: 0.3em; | ||
3748 | 1502 | } | ||
3749 | 1503 | .involvement li.disabled { | ||
3750 | 1504 | color: #cccccc; | ||
3751 | 1505 | } | ||
3752 | 1506 | .involvement-service-links li.disabled img { | ||
3753 | 1507 | margin-bottom: 0; | ||
3754 | 1508 | } | ||
3755 | 1509 | .involvement-service-links li.disabled span { | ||
3756 | 1510 | margin-bottom: 0; | ||
3757 | 1511 | } | ||
3758 | 1512 | .involvement-service-links li.disabled table { | ||
3759 | 1513 | padding-top: 0.3em; | ||
3760 | 1514 | padding-bottom: 0.3em; | ||
3761 | 1515 | } | ||
3762 | 1516 | .involvement a.bugs, .involvement a.answers, | ||
3763 | 1517 | .involvement a.translations, .involvement a.code, .involvement a.blueprints { | ||
3764 | 1518 | background: url(/@@/answers-arrow-right.png) right center no-repeat; | ||
3765 | 1519 | } | ||
3766 | 1520 | .involvement a:hover { | ||
3767 | 1521 | text-decoration: none; | ||
3768 | 1522 | background-color: #eee; | ||
3769 | 1523 | } | ||
3770 | 1524 | .announcements li { | ||
3771 | 1525 | margin-bottom: 0.5em; | ||
3772 | 1526 | /* Some announcements have long strings of characters as section headers | ||
3773 | 1527 | * and such. Since they don't have whitespace they can't wrap, so they | ||
3774 | 1528 | * would break out of their container if we didn't clip them here. */ | ||
3775 | 1529 | overflow: hidden; | ||
3776 | 1530 | } | ||
3777 | 1531 | .announcements li strong, | ||
3778 | 1532 | .announcements li a { | ||
3779 | 1533 | font-weight: bold; | ||
3780 | 1534 | } | ||
3781 | 1535 | .latest-announcement { | ||
3782 | 1536 | padding: 0.5em; | ||
3783 | 1537 | background: #dfe5f6; | ||
3784 | 1538 | border-top: 1px solid #d0d0d0; | ||
3785 | 1539 | border-bottom: 1px solid #d0d0d0; | ||
3786 | 1540 | } | ||
3787 | 1541 | .announcement .registered { | ||
3788 | 1542 | margin-top: -2px; | ||
3789 | 1543 | } | ||
3790 | 1544 | |||
3791 | 1545 | |||
3792 | 1546 | /* ========================= | ||
3793 | 1547 | Universal | ||
3794 | 1548 | Help pane | ||
3795 | 1549 | */ | ||
3796 | 1550 | #help-pane { | ||
3797 | 1551 | /* Inline help is dynamically positioned by JavaScript. | ||
3798 | 1552 | This should appear above all other content. Needs to be | ||
3799 | 1553 | above the Google Maps element on the profile pages, which | ||
3800 | 1554 | has a z-index of 9999. See bug #380349. */ | ||
3801 | 1555 | position: absolute; | ||
3802 | 1556 | border: 1px solid black; | ||
3803 | 1557 | padding: 1px 1px 5px 10px; | ||
3804 | 1558 | z-index: 11000; | ||
3805 | 1559 | background-color: #fff; | ||
3806 | 1560 | width: 600px; /* based on the help wiki, should change later */ | ||
3807 | 1561 | } | ||
3808 | 1562 | #help-pane.invisible { | ||
3809 | 1563 | /* We want the hidden pane to have dimensions so that we can position the | ||
3810 | 1564 | frame with them. This works because the element an absolute position, | ||
3811 | 1565 | taking it out of the page flow. */ | ||
3812 | 1566 | position: absolute; | ||
3813 | 1567 | visibility: hidden; | ||
3814 | 1568 | display: block; | ||
3815 | 1569 | left: 0px; | ||
3816 | 1570 | top: 0px; | ||
3817 | 1571 | } | ||
3818 | 1572 | #help-body { | ||
3819 | 1573 | background: url(/@@/spinner) no-repeat center center; | ||
3820 | 1574 | } | ||
3821 | 1575 | #help-pane iframe { | ||
3822 | 1576 | width: 100%; | ||
3823 | 1577 | height: 300px; | ||
3824 | 1578 | border: 0; | ||
3825 | 1579 | } | ||
3826 | 1580 | #help-pane iframe.invisible { | ||
3827 | 1581 | visibility: hidden; | ||
3828 | 1582 | display: block; | ||
3829 | 1583 | } | ||
3830 | 1584 | #help-footer { | ||
3831 | 1585 | padding: 3px; | ||
3832 | 1586 | border-top: 1px solid #ddd; | ||
3833 | 1587 | text-align: right; | ||
3834 | 1588 | } | ||
3835 | 1589 | #help-footer button { | ||
3836 | 1590 | margin-bottom: 10px; | ||
3837 | 1591 | margin-top: 3px; | ||
3838 | 1592 | } | ||
3839 | 1593 | span.help { | ||
3840 | 1594 | font-weight: normal; | ||
3841 | 1595 | } | ||
3842 | 1596 | |||
3843 | 1597 | |||
3844 | 1598 | /* ========================= | ||
3845 | 1599 | Universal presentation | ||
3846 | 1600 | Colors and fonts | ||
3847 | 1601 | */ | ||
3848 | 1602 | |||
3849 | 1603 | .exception { | ||
3850 | 1604 | color: #cc0000; | ||
3851 | 1605 | } | ||
3852 | 1606 | .highlight { | ||
3853 | 1607 | background: #ddd; | ||
3854 | 1608 | border: 1px solid #ddd; | ||
3855 | 1609 | } | ||
3856 | 1610 | .lowlight { | ||
3857 | 1611 | opacity: .5; | ||
3858 | 1612 | filter: alpha(opacity=50); | ||
3859 | 1613 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
3860 | 1614 | } | ||
3861 | 1615 | |||
3862 | 1616 | |||
3863 | 1617 | .questionstatusOPEN { | ||
3864 | 1618 | color: #000; | ||
3865 | 1619 | } | ||
3866 | 1620 | .questionstatusNEEDSINFO { | ||
3867 | 1621 | /* brown */ | ||
3868 | 1622 | color: #930; | ||
3869 | 1623 | } | ||
3870 | 1624 | .questionstatusANSWERED { | ||
3871 | 1625 | /* grey-green */ | ||
3872 | 1626 | color: #363; | ||
3873 | 1627 | } | ||
3874 | 1628 | .questionstatusSOLVED { | ||
3875 | 1629 | color: #090; | ||
3876 | 1630 | } | ||
3877 | 1631 | .questionstatusEXPIRED { | ||
3878 | 1632 | color: #666; | ||
3879 | 1633 | } | ||
3880 | 1634 | .questionstatusINVALID { | ||
3881 | 1635 | color: #c00; | ||
3882 | 1636 | } | ||
3883 | 1637 | |||
3884 | 1638 | |||
3885 | 1639 | .specstatusAPPROVED, .specstatusAPPROVED a { | ||
3886 | 1640 | color: green; | ||
3887 | 1641 | } | ||
3888 | 1642 | .specstatusPENDINGAPPROVAL, .specstatusPENDINGAPPROVAL a, | ||
3889 | 1643 | .specstatusPENDINGREVIEW, .specstatusPENDINGREVIEW a { | ||
3890 | 1644 | color: #f09; | ||
3891 | 1645 | } | ||
3892 | 1646 | .specstatusDRAFT, .specstatusDRAFT a, | ||
3893 | 1647 | .specstatusDISCUSSION, .specstatusDISCUSSION a { | ||
3894 | 1648 | color: #930; | ||
3895 | 1649 | } | ||
3896 | 1650 | .specstatusNEW, .specstatusNEW a { | ||
3897 | 1651 | color: red; | ||
3898 | 1652 | } | ||
3899 | 1653 | .specstatusSUPERSEDED, .specstatusSUPERSEDED a, | ||
3900 | 1654 | .specstatusOBSOLETE, .specstatusOBSOLETE a, | ||
3901 | 1655 | .specpriorityNOTFORUS, .specpriorityNOTFORUS a, | ||
3902 | 1656 | .specpriorityUNDEFINED, .specpriorityUNDEFINED a { | ||
3903 | 1657 | color: gray; | ||
3904 | 1658 | } | ||
3905 | 1659 | .specpriorityLOW, .specpriorityLOW a { | ||
3906 | 1660 | color: black; | ||
3907 | 1661 | } | ||
3908 | 1662 | .specpriorityMEDIUM, .specpriorityMEDIUM a { | ||
3909 | 1663 | color: #f60; | ||
3910 | 1664 | } | ||
3911 | 1665 | .specpriorityHIGH, .specpriorityHIGH a, | ||
3912 | 1666 | .specpriorityESSENTIAL, .specpriorityESSENTIAL a { | ||
3913 | 1667 | color: red; | ||
3914 | 1668 | } | ||
3915 | 1669 | .specdeliveryUNKNOWN, .specdeliveryUNKNOWN a, | ||
3916 | 1670 | .specdeliveryNOTSTARTED, .specdeliveryNOTSTARTED a { | ||
3917 | 1671 | color: gray; | ||
3918 | 1672 | } | ||
3919 | 1673 | .specdeliveryDEFERRED, .specdeliveryDEFERRED a, | ||
3920 | 1674 | .specdeliveryNEEDSINFRASTUCTURE, .specdeliveryNEEDSINFRASTUCTURE a, | ||
3921 | 1675 | .specdeliveryBLOCKED, .specdeliveryBLOCKED a { | ||
3922 | 1676 | color: red; | ||
3923 | 1677 | } | ||
3924 | 1678 | .specdeliverySTARTED, .specdeliverySTARTED a, | ||
3925 | 1679 | .specdeliveryGOOD, .specdeliveryGOOD a { | ||
3926 | 1680 | color: blue; | ||
3927 | 1681 | } | ||
3928 | 1682 | .specdeliverySLOW, .specdeliverySLOW a { | ||
3929 | 1683 | color: red; | ||
3930 | 1684 | } | ||
3931 | 1685 | .specdeliveryBETA, .specdeliveryBETA a { | ||
3932 | 1686 | color: #f60; | ||
3933 | 1687 | } | ||
3934 | 1688 | .specdeliveryNEEDSREVIEW, .specdeliveryNEEDSREVIEW a { | ||
3935 | 1689 | color: purple; | ||
3936 | 1690 | } | ||
3937 | 1691 | .specdeliveryAWAITINGDEPLOYMENT, .specdeliveryAWAITINGDEPLOYMENT a { | ||
3938 | 1692 | color: red; | ||
3939 | 1693 | } | ||
3940 | 1694 | .specdeliveryIMPLEMENTED, .specdeliveryIMPLEMENTED a, | ||
3941 | 1695 | .specdeliveryINFORMATIONAL, .specdeliveryINFORMATIONAL a { | ||
3942 | 1696 | color: green; | ||
3943 | 1697 | } | ||
3944 | 1698 | |||
3945 | 1699 | |||
3946 | 1700 | .bug-activity { | ||
3947 | 1701 | color: #555; | ||
3948 | 1702 | } | ||
3949 | 1703 | .statusNEW, .statusNEW a { | ||
3950 | 1704 | color: #930; | ||
3951 | 1705 | } | ||
3952 | 1706 | .statusINCOMPLETE, .statusINCOMPLETE a, | ||
3953 | 1707 | .statusCONFIRMED, .statusCONFIRMED a { | ||
3954 | 1708 | color: red; | ||
3955 | 1709 | } | ||
3956 | 1710 | .statusTRIAGED, .statusTRIAGED a { | ||
3957 | 1711 | color: #f60; | ||
3958 | 1712 | } | ||
3959 | 1713 | .statusINPROGRESS, .statusINPROGRESS a { | ||
3960 | 1714 | color: black; | ||
3961 | 1715 | } | ||
3962 | 1716 | .statusFIXCOMMITTED, .statusFIXCOMMITTED a { | ||
3963 | 1717 | color: #050; | ||
3964 | 1718 | } | ||
3965 | 1719 | .statusFIXRELEASED, .statusFIXRELEASED a { | ||
3966 | 1720 | color: green; | ||
3967 | 1721 | } | ||
3968 | 1722 | .statusINVALID, .statusINVALID a, | ||
3969 | 1723 | .statusWONTFIX, .statusWONTFIX a { | ||
3970 | 1724 | color: gray; | ||
3971 | 1725 | } | ||
3972 | 1726 | .importanceCRITICAL, .importanceCRITICAL a { | ||
3973 | 1727 | color: red; | ||
3974 | 1728 | } | ||
3975 | 1729 | .importanceHIGH, .importanceHIGH a { | ||
3976 | 1730 | color: #f60; | ||
3977 | 1731 | } | ||
3978 | 1732 | .importanceMEDIUM, .importanceMEDIUM a { | ||
3979 | 1733 | color: green; | ||
3980 | 1734 | } | ||
3981 | 1735 | .importanceLOW, .importanceLOW a { | ||
3982 | 1736 | color: black; | ||
3983 | 1737 | } | ||
3984 | 1738 | .importanceWISHLIST, .importanceWISHLIST a { | ||
3985 | 1739 | color: blue; | ||
3986 | 1740 | } | ||
3987 | 1741 | .importanceUNDECIDED, .importanceUNDECIDED a { | ||
3988 | 1742 | color: #999; | ||
3989 | 1743 | } | ||
3990 | 1744 | #client-listing .importanceCRITICAL, #client-listing .importanceCRITICAL a { | ||
3991 | 1745 | background: red; | ||
3992 | 1746 | color: white; | ||
3993 | 1747 | } | ||
3994 | 1748 | #client-listing .importanceHIGH, #client-listing .importanceHIGH a { | ||
3995 | 1749 | background:#f60; | ||
3996 | 1750 | color: white; | ||
3997 | 1751 | } | ||
3998 | 1752 | #client-listing .importanceMEDIUM, #client-listing .importanceMEDIUM a { | ||
3999 | 1753 | background: green; | ||
4000 | 1754 | color: white; | ||
4001 | 1755 | } | ||
4002 | 1756 | #client-listing .importanceLOW, #client-listing .importanceLOW a { | ||
4003 | 1757 | background: black; | ||
4004 | 1758 | color: white; | ||
4005 | 1759 | } | ||
4006 | 1760 | #client-listing .importanceWISHLIST, #client-listing .importanceWISHLIST a { | ||
4007 | 1761 | background: blue; | ||
4008 | 1762 | color: white; | ||
4009 | 1763 | } | ||
4010 | 1764 | #client-listing .importanceUNDECIDED, #client-listing .importanceUNDECIDED a { | ||
4011 | 1765 | background: #999; | ||
4012 | 1766 | color: white; | ||
4013 | 1767 | } | ||
4014 | 1768 | |||
4015 | 1769 | .status :link, .importance :link { | ||
4016 | 1770 | text-decoration: none; | ||
4017 | 1771 | } | ||
4018 | 1772 | a.official-tag { | ||
4019 | 1773 | /* Looks just like a normal link */ | ||
4020 | 1774 | } | ||
4021 | 1775 | a.unofficial-tag { | ||
4022 | 1776 | color: #6699ee; | ||
4023 | 1777 | } | ||
4024 | 1778 | |||
4025 | 1779 | |||
4026 | 1780 | .vcsimportSUCCESS { | ||
4027 | 1781 | /* inherited text color */ | ||
4028 | 1782 | } | ||
4029 | 1783 | .vcsimportFAILURE { | ||
4030 | 1784 | color: Red; | ||
4031 | 1785 | } | ||
4032 | 1786 | .greylink a:link, .greylink a:visited { | ||
4033 | 1787 | color: gray; | ||
4034 | 1788 | } | ||
4035 | 1789 | .stale-diff { | ||
4036 | 1790 | color: #f60; | ||
4037 | 1791 | } | ||
4038 | 1792 | .conflicts-diff { | ||
4039 | 1793 | color: red; | ||
4040 | 1794 | } | ||
4041 | 1795 | .branchstatusMATURE, .branchstatusMATURE a { | ||
4042 | 1796 | color: #090; | ||
4043 | 1797 | } | ||
4044 | 1798 | .branchstatusDEVELOPMENT, .branchstatusDEVELOPMENT a { | ||
4045 | 1799 | color: #900; | ||
4046 | 1800 | } | ||
4047 | 1801 | .branchstatusEXPERIMENTAL, .branchstatusEXPERIMENTAL a { | ||
4048 | 1802 | color: #930; | ||
4049 | 1803 | } | ||
4050 | 1804 | .branchstatusMERGED, .branchstatusMERGED a, | ||
4051 | 1805 | .branchstatusABANDONED, .branchstatusABANDONED a { | ||
4052 | 1806 | color: gray; | ||
4053 | 1807 | } | ||
4054 | 1808 | .branchstatusNEW, .branchstatusNEW a { | ||
4055 | 1809 | color: black; | ||
4056 | 1810 | } | ||
4057 | 1811 | .voteAPPROVE { | ||
4058 | 1812 | color: green; | ||
4059 | 1813 | } | ||
4060 | 1814 | .voteNEEDS_FIXING { | ||
4061 | 1815 | color: #930; | ||
4062 | 1816 | } | ||
4063 | 1817 | .voteDISAPPROVE, | ||
4064 | 1818 | .voteRESUBMIT { | ||
4065 | 1819 | color: red; | ||
4066 | 1820 | } | ||
4067 | 1821 | .voteABSTAIN { | ||
4068 | 1822 | color: #bebebe; | ||
4069 | 1823 | } | ||
4070 | 1824 | .votePENDING { | ||
4071 | 1825 | color: #f60; | ||
4072 | 1826 | } | ||
4073 | 1827 | .mergestatusWORK_IN_PROGRESS, .mergestatusWORK_IN_PROGRESS a { | ||
4074 | 1828 | color: black; | ||
4075 | 1829 | } | ||
4076 | 1830 | .mergestatusNEEDS_REVIEW, .mergestatusNEEDS_REVIEW a { | ||
4077 | 1831 | color: #f60; | ||
4078 | 1832 | } | ||
4079 | 1833 | .mergestatusCODE_APPROVED, .mergestatusCODE_APPROVED a, | ||
4080 | 1834 | .mergestatusMERGED, .mergestatusMERGED a { | ||
4081 | 1835 | color: green; | ||
4082 | 1836 | } | ||
4083 | 1837 | .mergestatusREJECTED, .mergestatusREJECTED a, | ||
4084 | 1838 | .mergestatusMERGE_FAILED, .mergestatusMERGE_FAILED a { | ||
4085 | 1839 | color: red; | ||
4086 | 1840 | } | ||
4087 | 1841 | .mergestatusQUEUED, .mergestatusQUEUED a { | ||
4088 | 1842 | color: black; | ||
4089 | 1843 | } | ||
4090 | 1844 | .mergestatusSUPERSEDED, .mergestatusSUPERSEDED a { | ||
4091 | 1845 | color: #bebebe; | ||
4092 | 1846 | } | ||
4093 | 1847 | .codeimportNEW { | ||
4094 | 1848 | color: #930; | ||
4095 | 1849 | } | ||
4096 | 1850 | .codeimportREVIEWED { | ||
4097 | 1851 | color: green; | ||
4098 | 1852 | } | ||
4099 | 1853 | .codeimportINVALID, | ||
4100 | 1854 | .codeimportSUSPENDED, | ||
4101 | 1855 | .codeimportFAILING { | ||
4102 | 1856 | color: red; | ||
4103 | 1857 | } | ||
4104 | 1858 | |||
4105 | 1859 | |||
4106 | 1860 | .translationimportstatusAPPROVED, | ||
4107 | 1861 | .translationimportstatusAPPROVED a { | ||
4108 | 1862 | color: #050; | ||
4109 | 1863 | } | ||
4110 | 1864 | .translationimportstatusIMPORTED, | ||
4111 | 1865 | .translationimportstatusIMPORTED a { | ||
4112 | 1866 | color: green; | ||
4113 | 1867 | } | ||
4114 | 1868 | .translationimportstatusDELETED, | ||
4115 | 1869 | .translationimportstatusDELETED a { | ||
4116 | 1870 | color: black; | ||
4117 | 1871 | } | ||
4118 | 1872 | .translationimportstatusFAILED, | ||
4119 | 1873 | .translationimportstatusFAILED a { | ||
4120 | 1874 | color: red; | ||
4121 | 1875 | } | ||
4122 | 1876 | .translationimportstatusNEEDS_REVIEW, | ||
4123 | 1877 | .translationimportstatusNEEDS_REVIEW a { | ||
4124 | 1878 | color: #f60; | ||
4125 | 1879 | } | ||
4126 | 1880 | .translationimportstatusBLOCKED, | ||
4127 | 1881 | .translationimportstatusBLOCKED a { | ||
4128 | 1882 | color: blue; | ||
4129 | 1883 | } | ||
4130 | 1884 | .translationimportstatusNEEDS_INFORMATION, | ||
4131 | 1885 | .translationimportstatusNEEDS_INFORMATION a { | ||
4132 | 1886 | color: maroon; | ||
4133 | 1887 | } | ||
4134 | 1888 | |||
4135 | 1889 | |||
4136 | 1890 | |||
4137 | 1891 | .distromirrorstatusUP, | ||
4138 | 1892 | .distromirrorstatusONEHOURBEHIND, | ||
4139 | 1893 | .distromirrorstatusTWOHOURSBEHIND, | ||
4140 | 1894 | .distromirrorstatusFOURHOURSBEHIND, | ||
4141 | 1895 | .distromirrorstatusSIXHOURSBEHIND { | ||
4142 | 1896 | color: green; | ||
4143 | 1897 | } | ||
4144 | 1898 | .distromirrorstatusONEDAYBEHIND { | ||
4145 | 1899 | color: #f60; | ||
4146 | 1900 | } | ||
4147 | 1901 | .distromirrorstatusTWODAYSBEHIND, | ||
4148 | 1902 | .distromirrorstatusONEWEEKBEHIND { | ||
4149 | 1903 | color: red; | ||
4150 | 1904 | } | ||
4151 | 1905 | .distromirrorstatusUNKNOWN { | ||
4152 | 1906 | color: #bebebe; | ||
4153 | 1907 | } | ||
4154 | 1908 | .buildstatusNEEDSBUILD { | ||
4155 | 1909 | color: gray; | ||
4156 | 1910 | } | ||
4157 | 1911 | .buildstatusBUILDING { | ||
4158 | 1912 | color: black; | ||
4159 | 1913 | } | ||
4160 | 1914 | .buildstatusFULLYBUILT { | ||
4161 | 1915 | color: green; | ||
4162 | 1916 | } | ||
4163 | 1917 | .buildstatusFAILEDTOBUILD, | ||
4164 | 1918 | .buildstatusMANUALDEPWAIT, | ||
4165 | 1919 | .buildstatusCHROOTWAIT, | ||
4166 | 1920 | .buildstatusSUPERSEDED, | ||
4167 | 1921 | .buildstatusFAILEDTOUPLOAD { | ||
4168 | 1922 | color: red; | ||
4169 | 1923 | } | ||
4170 | 1924 | |||
4171 | 1925 | |||
4172 | 1926 | .launchpad-gold { | ||
4173 | 1927 | color: #F8C300; | ||
4174 | 1928 | } | ||
4175 | 1929 | |||
4176 | 1930 | .discreet, .lesser, .duplicate-details { | ||
4177 | 1931 | font-size: 10px; | ||
4178 | 1932 | clear: left; | ||
4179 | 1933 | } | ||
4180 | 1934 | pre.changelog, table.diff, | ||
4181 | 1935 | .bug-comment, .bug-activity, .codereviewcomment { | ||
4182 | 1936 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
4183 | 1937 | } | ||
4184 | 1938 | .cloud-size-smallest { | ||
4185 | 1939 | font-size: 10px; | ||
4186 | 1940 | } | ||
4187 | 1941 | .cloud-size-small { | ||
4188 | 1942 | font-size: 12px; | ||
4189 | 1943 | } | ||
4190 | 1944 | .cloud-size-medium { | ||
4191 | 1945 | font-size: 14px; | ||
4192 | 1946 | } | ||
4193 | 1947 | .cloud-size-large { | ||
4194 | 1948 | font-size: 16px; | ||
4195 | 1949 | } | ||
4196 | 1950 | .cloud-size-largest { | ||
4197 | 1951 | font-size: 18px; | ||
4198 | 1952 | } | ||
4199 | 1953 | .cloud-dark { | ||
4200 | 1954 | color: #00f; | ||
4201 | 1955 | } | ||
4202 | 1956 | .cloud-medium { | ||
4203 | 1957 | color: #7878ff; | ||
4204 | 1958 | } | ||
4205 | 1959 | .cloud-light { | ||
4206 | 1960 | color: #b8b8ff; | ||
4207 | 1961 | } | ||
4208 | 1962 | |||
4209 | 1963 | /* Inline description editing. | ||
4210 | 1964 | * Override the lazr-js style for all uses. | ||
4211 | 1965 | */ | ||
4212 | 1966 | div#edit-description, | ||
4213 | 1967 | div#edit-commit_message { | ||
4214 | 1968 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
4215 | 1969 | margin: 1em 0; | ||
4216 | 1970 | } | ||
4217 | 1971 | |||
4218 | 1972 | .yui3-ieditor-multiline .yui3-ieditor-input { | ||
4219 | 1973 | top: 0; | ||
4220 | 1974 | } | ||
4221 | 1975 | |||
4222 | 1976 | |||
4223 | 1977 | /* ========================= | ||
4224 | 1978 | Universal presentation | ||
4225 | 1979 | Sprites | ||
4226 | 1980 | */ | ||
4227 | 1981 | .sprite { | ||
4228 | 1982 | padding: 0px 0 0px 18px; | ||
4229 | 1983 | line-height: 18px; | ||
4230 | 1984 | } | ||
4231 | 1985 | .sprite-after { | ||
4232 | 1986 | padding: 2px 18px 0 0; | ||
4233 | 1987 | } | ||
4234 | 1988 | h1 a.sprite, h2 a.sprite, h3 a.sprite { | ||
4235 | 1989 | font-size: 12px; | ||
4236 | 1990 | } | ||
4237 | 1991 | .icon-only { | ||
4238 | 1992 | border: 0; | ||
4239 | 1993 | padding: 0; | ||
4240 | 1994 | width: 14px; | ||
4241 | 1995 | } | ||
4242 | 1996 | div.icon-only { | ||
4243 | 1997 | height: 14px; | ||
4244 | 1998 | } | ||
4245 | 1999 | input[type="submit"].icon-only { | ||
4246 | 2000 | height: 14px; | ||
4247 | 2001 | background-color: inherit; | ||
4248 | 2002 | cursor: pointer; | ||
4249 | 2003 | } | ||
4250 | 2004 | span.icon-only { | ||
4251 | 2005 | padding-right: 14px; | ||
4252 | 2006 | line-height: 14px; | ||
4253 | 2007 | } | ||
4254 | 2008 | .vertical .sprite { | ||
4255 | 2009 | /* XXX: EdwinGrubbs 2009-10-29 bug=463032 | ||
4256 | 2010 | The reduced padding is only necessary to prevent parts of the | ||
4257 | 2011 | adjacent sprites in the consolidated image from appearing | ||
4258 | 2012 | when the line wraps and the default font size is 16. | ||
4259 | 2013 | */ | ||
4260 | 2014 | padding-bottom: 0px; | ||
4261 | 2015 | display: inline-block; | ||
4262 | 2016 | min-height: 16px; | ||
4263 | 2017 | width: 90%; | ||
4264 | 2018 | } | ||
4265 | 2019 | .vertical .sprite:first-line { | ||
4266 | 2020 | line-height: 12px; | ||
4267 | 2021 | } | ||
4268 | 2022 | body.tab-bugs #portlet-subscribers .sprite { | ||
4269 | 2023 | /* XXX: mars 2009-11-22 bug=484848 | ||
4270 | 2024 | Override the styling in the Bug Subscribers portlet. Trying to display | ||
4271 | 2025 | as inline-block is of little use, as the maximum name width is 20 | ||
4272 | 2026 | characters, and we are unlikely to wrap the text. Not to mention that | ||
4273 | 2027 | setting the display in this way breaks the icons. | ||
4274 | 2028 | */ | ||
4275 | 2029 | display: inline; | ||
4276 | 2030 | } | ||
4277 | 2031 | body.tab-bugs #duplicate-actions .sprite { | ||
4278 | 2032 | /* Override sprite style for edit icon on "Mark as duplicate" | ||
4279 | 2033 | to make the text not appear on a second line. | ||
4280 | 2034 | */ | ||
4281 | 2035 | display: inline; | ||
4282 | 2036 | } | ||
4283 | 2037 | |||
4284 | 2038 | /* Picker styles */ | ||
4285 | 2039 | .yui3-picker { | ||
4286 | 2040 | width: 40%; | ||
4287 | 2041 | } | ||
4288 | 2042 | |||
4289 | 2043 | .yui3-picker-results div.badge { | ||
4290 | 2044 | position: absolute; | ||
4291 | 2045 | top: 3px; | ||
4292 | 2046 | right: 3px; | ||
4293 | 2047 | left: auto; | ||
4294 | 2048 | } | ||
4295 | 2049 | .yui3-picker-results div.badge img { | ||
4296 | 2050 | position: relative; | ||
4297 | 2051 | padding-left: 3px; | ||
4298 | 2052 | padding-right: 0.5em; | ||
4299 | 2053 | } | ||
4300 | 2054 | .yui3-picker-results div.affiliation img { | ||
4301 | 2055 | position: relative; | ||
4302 | 2056 | padding-left: 3px; | ||
4303 | 2057 | padding-right: 0.5em; | ||
4304 | 2058 | } | ||
4305 | 2059 | .yui3-picker-results .affiliation-text { | ||
4306 | 2060 | padding-left: 20px; | ||
4307 | 2061 | } | ||
4308 | 2062 | .yui3-picker-filter div { | ||
4309 | 2063 | padding-bottom: 1em; | ||
4310 | 2064 | } | ||
4311 | 2065 | |||
4312 | 2066 | /* ==================== | ||
4313 | 2067 | Global notifications | ||
4314 | 2068 | */ | ||
4315 | 2069 | /* Move the content down so the notification banner doesn't hide any content. */ | ||
4316 | 2070 | body.global-notification-visible { | ||
4317 | 2071 | padding-top: 40px; | ||
4318 | 2072 | } | ||
4319 | 2073 | body.global-notification-visible .login-logout { | ||
4320 | 2074 | top: 45px; | ||
4321 | 2075 | } | ||
4322 | 2076 | .global-notification { | ||
4323 | 2077 | position: fixed; | ||
4324 | 2078 | z-index: 10; | ||
4325 | 2079 | top: 0; | ||
4326 | 2080 | left: 0; | ||
4327 | 2081 | right: 0; | ||
4328 | 2082 | padding: 8px 20px; | ||
4329 | 2083 | /* Define colour for browsers that don't support transparency */ | ||
4330 | 2084 | background-color: #8d1f1f; | ||
4331 | 2085 | /* Set transparent background for browsers that support it */ | ||
4332 | 2086 | background-color: rgba(125,0,0,0.9); | ||
4333 | 2087 | color: #fff; | ||
4334 | 2088 | text-shadow: 0 -1px 0 #631616; | ||
4335 | 2089 | font-size: 14px; | ||
4336 | 2090 | line-height: 21px; | ||
4337 | 2091 | font-weight: bold; | ||
4338 | 2092 | -moz-box-shadow: 0 0 5px #333; | ||
4339 | 2093 | -webkit-box-shadow: 0 0 5px #333; | ||
4340 | 2094 | box-shadow: 0 0 5px #333; | ||
4341 | 2095 | } | ||
4342 | 2096 | .global-notification .sprite.notification-private { | ||
4343 | 2097 | float: left; | ||
4344 | 2098 | display: inline-block; | ||
4345 | 2099 | height: 21px; | ||
4346 | 2100 | width: 20px; | ||
4347 | 2101 | margin-right: 10px; | ||
4348 | 2102 | padding: 0; | ||
4349 | 2103 | } | ||
4350 | 2104 | .global-notification-close, .global-notification-close:active, | ||
4351 | 2105 | .global-notification-close:visited { | ||
4352 | 2106 | color: #e47a7a; | ||
4353 | 2107 | } | ||
4354 | 2108 | .global-notification-close { | ||
4355 | 2109 | display: block; | ||
4356 | 2110 | position: absolute; | ||
4357 | 2111 | top: 11px; | ||
4358 | 2112 | right: 20px; | ||
4359 | 2113 | font-size: 12px; | ||
4360 | 2114 | font-weight: normal; | ||
4361 | 2115 | line-height: 14px; | ||
4362 | 2116 | } | ||
4363 | 2117 | .global-notification-close .sprite.notification-close { | ||
4364 | 2118 | float: right; | ||
4365 | 2119 | display: block; | ||
4366 | 2120 | height: 9px; | ||
4367 | 2121 | width: 8px; | ||
4368 | 2122 | margin: 3px 0 0 7px; | ||
4369 | 2123 | padding: 0; | ||
4370 | 2124 | } | ||
4371 | 2125 | |||
4372 | 2126 | /* =========== | ||
4373 | 2127 | Beta banner | ||
4374 | 2128 | */ | ||
4375 | 2129 | .beta-banner { | ||
4376 | 2130 | position: fixed; | ||
4377 | 2131 | z-index: 9; | ||
4378 | 2132 | top: 0; | ||
4379 | 2133 | left: 0; | ||
4380 | 2134 | right: 0; | ||
4381 | 2135 | padding: 8px 20px; | ||
4382 | 2136 | /* Define colour for browsers that don't support transparency */ | ||
4383 | 2137 | background-color: #606060; | ||
4384 | 2138 | /* Set transparent background for browsers that support it */ | ||
4385 | 2139 | background-color: rgba(64, 64, 64,0.9); | ||
4386 | 2140 | color: #fff; | ||
4387 | 2141 | font-size: 14px; | ||
4388 | 2142 | line-height: 21px; | ||
4389 | 2143 | } | ||
4390 | 2144 | .beta-banner .info-link { | ||
4391 | 2145 | color: #4884ef; | ||
4392 | 2146 | } | ||
4393 | 2147 | .beta-warning { | ||
4394 | 2148 | padding: 4px; | ||
4395 | 2149 | margin-right: 8px; | ||
4396 | 2150 | background-color: #be0000; | ||
4397 | 2151 | font-weight: bold; | ||
4398 | 2152 | } | ||
4399 | 2153 | .beta-feature { | ||
4400 | 2154 | font-weight: bold; | ||
4401 | 2155 | } | ||
4402 | 2156 | |||
4403 | 2157 | |||
4404 | 2158 | /* | ||
4405 | 2159 | * YOU HAVE REACHED THE END OF THIS FILE. IF YOU SEE ANYTHING BELOW SPRITES | ||
4406 | 2160 | * YOU SHOULD WORK TO GET IT OUT OF THIS GLOBAL STYLE SHEET. | ||
4407 | 2161 | */ | ||
4408 | 2162 | |||
4409 | 2163 | |||
4410 | 2164 | /* ======== | ||
4411 | 2165 | Registry | ||
4412 | 2166 | */ | ||
4413 | 2167 | div.yui-timelinegraph-content .yui-timelinegraph-zoom-box { | ||
4414 | 2168 | visibility: hidden; | ||
4415 | 2169 | } | ||
4416 | 2170 | div.yui-timelinegraph-content:hover .yui-timelinegraph-zoom-box { | ||
4417 | 2171 | visibility: visible; | ||
4418 | 2172 | } | ||
4419 | 2173 | |||
4420 | 2174 | |||
4421 | 2175 | /* ==== | ||
4422 | 2176 | Bugs | ||
4423 | 2177 | */ | ||
4424 | 2178 | |||
4425 | 2179 | tr.bug-branch-summary td { | ||
4426 | 2180 | padding: 0px 6px; | ||
4427 | 2181 | } | ||
4428 | 2182 | tr.bug-branch-summary td.first { | ||
4429 | 2183 | padding-left: 0px; | ||
4430 | 2184 | } | ||
4431 | 2185 | |||
4432 | 2186 | |||
4433 | 2187 | /* ===== | ||
4434 | 2188 | Soyuz | ||
4435 | 2189 | */ | ||
4436 | 2190 | |||
4437 | 2191 | ul.latest-ppa-updates li { | ||
4438 | 2192 | padding: 3px; | ||
4439 | 2193 | background-repeat: no-repeat; | ||
4440 | 2194 | background-position: right center; | ||
4441 | 2195 | } | ||
4442 | 2196 | table#packages_list tr.superseded, tr.blacklisted { | ||
4443 | 2197 | background-color: #eee; | ||
4444 | 2198 | } | ||
4445 | 2199 | ul.latest-ppa-updates li:nth-child(odd) { | ||
4446 | 2200 | /* The following could be generalised for use to the following selector: | ||
4447 | 2201 | .side .portlet li.nth-child(odd) | ||
4448 | 2202 | if needed. */ | ||
4449 | 2203 | border-top: 1px solid #dedede; | ||
4450 | 2204 | border-bottom: 1px solid #dedede; | ||
4451 | 2205 | background-color: #eeeeff; | ||
4452 | 2206 | } | ||
4453 | 2207 | ul.latest-ppa-updates li.FULLYBUILT { | ||
4454 | 2208 | background-image: url('/@@/yes'); | ||
4455 | 2209 | } | ||
4456 | 2210 | ul.latest-ppa-updates li.FULLYBUILT_PENDING { | ||
4457 | 2211 | background-image: url('/@@/build-success-publishing'); | ||
4458 | 2212 | } | ||
4459 | 2213 | ul.latest-ppa-updates li.NEEDSBUILD { | ||
4460 | 2214 | background-image: url('/@@/build-needed'); | ||
4461 | 2215 | } | ||
4462 | 2216 | ul.latest-ppa-updates li.FAILEDTOBUILD { | ||
4463 | 2217 | background-image: url('/@@/build-failed'); | ||
4464 | 2218 | } | ||
4465 | 2219 | ul.latest-ppa-updates li.BUILDING { | ||
4466 | 2220 | background-image: url('/@@/processing'); | ||
4467 | 2221 | } | ||
4468 | 2222 | |||
4469 | 2223 | .package-diff-status span.COMPLETED { | ||
4470 | 2224 | background-image: url('/@@/packagediff-ok'); | ||
4471 | 2225 | background-position: 0 0; | ||
4472 | 2226 | background-repeat: no-repeat; | ||
4473 | 2227 | } | ||
4474 | 2228 | .package-diff-status span.PENDING { | ||
4475 | 2229 | background-image: url('/@@/packagediff-loading'); | ||
4476 | 2230 | background-position: 0 0; | ||
4477 | 2231 | background-repeat: no-repeat; | ||
4478 | 2232 | } | ||
4479 | 2233 | .package-diff-status span.FAILED { | ||
4480 | 2234 | background-image: url('/@@/packagediff-failed'); | ||
4481 | 2235 | background-position: 0 0; | ||
4482 | 2236 | background-repeat: no-repeat; | ||
4483 | 2237 | } | ||
4484 | 2238 | .package-diff-status span.request-derived-diff { | ||
4485 | 2239 | background-image: url('/@@/packagediff-unknown'); | ||
4486 | 2240 | background-position: 0 0; | ||
4487 | 2241 | background-repeat: no-repeat; | ||
4488 | 2242 | } | ||
4489 | 2243 | |||
4490 | 2244 | /* ==== | ||
4491 | 2245 | Code | ||
4492 | 2246 | */ | ||
4493 | 2247 | table.code { | ||
4494 | 2248 | margin-bottom: 1em; | ||
4495 | 2249 | } | ||
4496 | 2250 | table.code th { | ||
4497 | 2251 | text-align: left; | ||
4498 | 2252 | font-weight: bold; | ||
4499 | 2253 | } | ||
4500 | 2254 | table.code th, table.code td { | ||
4501 | 2255 | padding-right: 3em; | ||
4502 | 2256 | } | ||
4503 | 2257 | |||
4504 | 2258 | |||
4505 | 2259 | /* ============ | ||
4506 | 2260 | Translations | ||
4507 | 2261 | */ | ||
4508 | 2262 | |||
4509 | 2263 | /* ==== Translations hand-made forms ==== */ | ||
4510 | 2264 | |||
4511 | 2265 | form.translations div.fields { | ||
4512 | 2266 | padding: 1em; | ||
4513 | 2267 | } | ||
4514 | 2268 | form.translations div.actions { | ||
4515 | 2269 | padding: 1em; | ||
4516 | 2270 | text-align: left; | ||
4517 | 2271 | clear: both; | ||
4518 | 2272 | } | ||
4519 | 2273 | form.translations input { | ||
4520 | 2274 | padding-left: 0.5em; | ||
4521 | 2275 | padding-right: 0.5em; | ||
4522 | 2276 | } | ||
4523 | 2277 | form.translations select { | ||
4524 | 2278 | margin-left: 0.5em; | ||
4525 | 2279 | padding-right: 0.5em; | ||
4526 | 2280 | } | ||
4527 | 2281 | form.translations label { | ||
4528 | 2282 | padding-left: 0.5em; | ||
4529 | 2283 | padding-right: 1em; | ||
4530 | 2284 | } | ||
4531 | 2285 | form.translations .listbox label { | ||
4532 | 2286 | padding: 2px 1em 2px 2px; | ||
4533 | 2287 | } | ||
4534 | 2288 | |||
4535 | 2289 | /* Provide top-alignment for radio boxes and longer explanations | ||
4536 | 2290 | * without using tables. | ||
4537 | 2291 | * | ||
4538 | 2292 | * Examples: | ||
4539 | 2293 | * https://translations.launchpad.dev/evolution/trunk/+pots/evolution-2.2/es/+upload | ||
4540 | 2294 | * https://translations.launchpad.dev/evolution/trunk/+pots/evolution-2.2/+export | ||
4541 | 2295 | */ | ||
4542 | 2296 | form.translations div.alignment .content { | ||
4543 | 2297 | float: left; | ||
4544 | 2298 | } | ||
4545 | 2299 | form.translations div.alignment .selector { | ||
4546 | 2300 | margin-right: 0.5em; | ||
4547 | 2301 | float: left; | ||
4548 | 2302 | clear: both; | ||
4549 | 2303 | } | ||
4550 | 2304 | form.translations div.alignment .content label { | ||
4551 | 2305 | padding: 0px; | ||
4552 | 2306 | margin: 0px; | ||
4553 | 2307 | font-weight: bold; | ||
4554 | 2308 | } | ||
4555 | 2309 | form.translations div.alignment .secondary label { | ||
4556 | 2310 | font-weight: normal; | ||
4557 | 2311 | padding: 2px 1em 2px 2px; | ||
4558 | 2312 | } | ||
4559 | 2313 | |||
4560 | 2314 | /* Templates listing. | ||
4561 | 2315 | * | ||
4562 | 2316 | * Examples: | ||
4563 | 2317 | * https://translations.launchpad.dev/ubuntu/hoary/+templates | ||
4564 | 2318 | * https://translations.launchpad.dev/evolution/trunk/+templates | ||
4565 | 2319 | */ | ||
4566 | 2320 | .inactive-template td { | ||
4567 | 2321 | background-color: #fee; | ||
4568 | 2322 | color: #855; | ||
4569 | 2323 | } | ||
4570 | 2324 | |||
4571 | 2325 | |||
4572 | 2326 | /* Translations statistics and legend. | ||
4573 | 2327 | * | ||
4574 | 2328 | * Examples: | ||
4575 | 2329 | * https://translations.launchpad.dev/ubuntu/hoary/+lang/es | ||
4576 | 2330 | * https://translations.launchpad.dev/evolution/trunk/+lang/es | ||
4577 | 2331 | */ | ||
4578 | 2332 | |||
4579 | 2333 | div.translations-legend { | ||
4580 | 2334 | padding-top: 2em; | ||
4581 | 2335 | padding-bottom: 1em; | ||
4582 | 2336 | } | ||
4583 | 2337 | table.translation-stats td { | ||
4584 | 2338 | text-align: center; | ||
4585 | 2339 | } | ||
4586 | 2340 | table.translation-stats td.template-name { | ||
4587 | 2341 | text-align: left; | ||
4588 | 2342 | } | ||
4589 | 2343 | table.translation-stats tfoot td, | ||
4590 | 2344 | table.translation-stats tfoot th { | ||
4591 | 2345 | background-color: #f7f7f7; | ||
4592 | 2346 | border: 0px; | ||
4593 | 2347 | border-top: 2px solid #d2d2d2; | ||
4594 | 2348 | border-bottom: 2px solid #d2d2d2; | ||
4595 | 2349 | padding-top: 5px; | ||
4596 | 2350 | padding-bottom: 5px; | ||
4597 | 2351 | font-weight: bold; | ||
4598 | 2352 | } | ||
4599 | 2353 | table.translation-stats tfoot th { | ||
4600 | 2354 | text-align: left; | ||
4601 | 2355 | } | ||
4602 | 2356 | table.translation-stats tfoot td { | ||
4603 | 2357 | text-align: center; | ||
4604 | 2358 | } | ||
4605 | 2359 | |||
4606 | 2360 | /* Translations help links. | ||
4607 | 2361 | * | ||
4608 | 2362 | * Examples: | ||
4609 | 2363 | * https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+pots/evolution-2.2/ | ||
4610 | 2364 | * https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+translations | ||
4611 | 2365 | * https://translations.launchpad.dev/ubuntu/hoary/ | ||
4612 | 2366 | * | ||
4613 | 2367 | */ | ||
4614 | 2368 | div.translation-help-links a { | ||
4615 | 2369 | float: right; | ||
4616 | 2370 | } | ||
4617 | 2371 | div.translation-help-links div { | ||
4618 | 2372 | clear: both; | ||
4619 | 2373 | } | ||
4620 | 2374 | /* Message boxes (especially error boxes) should be visible above other | ||
4621 | 2375 | * elments. */ | ||
4622 | 2376 | .yui3-activator-message-box { | ||
4623 | 2377 | z-index: 9999; | ||
4624 | 2378 | } | ||
4625 | 2379 | 0 | ||
4626 | === modified file 'lib/canonical/launchpad/icing/style.css' | |||
4627 | --- lib/canonical/launchpad/icing/style.css 2011-11-11 21:02:22 +0000 | |||
4628 | +++ lib/canonical/launchpad/icing/style.css 2011-11-18 05:42:25 +0000 | |||
4629 | @@ -22,6 +22,18 @@ | |||
4630 | 22 | ... | 22 | ... |
4631 | 23 | */ | 23 | */ |
4632 | 24 | 24 | ||
4633 | 25 | /* Inline description editing. | ||
4634 | 26 | * Override the lazr-js style for all uses. | ||
4635 | 27 | */ | ||
4636 | 28 | div#edit-description, | ||
4637 | 29 | div#edit-commit_message { | ||
4638 | 30 | font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace; | ||
4639 | 31 | margin: 1em 0; | ||
4640 | 32 | } | ||
4641 | 33 | |||
4642 | 34 | .yui3-ieditor-multiline .yui3-ieditor-input { | ||
4643 | 35 | top: 0; | ||
4644 | 36 | } | ||
4645 | 25 | 37 | ||
4646 | 26 | /* === Fonts and colors === */ | 38 | /* === Fonts and colors === */ |
4647 | 27 | 39 | ||
4648 | @@ -36,15 +48,6 @@ | |||
4649 | 36 | margin-bottom: 0.2em; | 48 | margin-bottom: 0.2em; |
4650 | 37 | } | 49 | } |
4651 | 38 | 50 | ||
4652 | 39 | /* Using colored text as you wish. */ | ||
4653 | 40 | .green { | ||
4654 | 41 | color: green; | ||
4655 | 42 | } | ||
4656 | 43 | |||
4657 | 44 | .red { | ||
4658 | 45 | color: red; | ||
4659 | 46 | } | ||
4660 | 47 | |||
4661 | 48 | .helpwanted { | 51 | .helpwanted { |
4662 | 49 | background-color: #fafca9; | 52 | background-color: #fafca9; |
4663 | 50 | border: 1px solid black; | 53 | border: 1px solid black; |
4664 | @@ -273,6 +276,60 @@ | |||
4665 | 273 | /* Soyuz-related styles (that don't have a facet, but generally are | 276 | /* Soyuz-related styles (that don't have a facet, but generally are |
4666 | 274 | * under Overview) | 277 | * under Overview) |
4667 | 275 | */ | 278 | */ |
4668 | 279 | |||
4669 | 280 | ul.latest-ppa-updates li { | ||
4670 | 281 | padding: 3px; | ||
4671 | 282 | background-repeat: no-repeat; | ||
4672 | 283 | background-position: right center; | ||
4673 | 284 | } | ||
4674 | 285 | table#packages_list tr.superseded, tr.blacklisted { | ||
4675 | 286 | background-color: #eee; | ||
4676 | 287 | } | ||
4677 | 288 | ul.latest-ppa-updates li:nth-child(odd) { | ||
4678 | 289 | /* The following could be generalised for use to the following selector: | ||
4679 | 290 | .side .portlet li.nth-child(odd) | ||
4680 | 291 | if needed. */ | ||
4681 | 292 | border-top: 1px solid #dedede; | ||
4682 | 293 | border-bottom: 1px solid #dedede; | ||
4683 | 294 | background-color: #eeeeff; | ||
4684 | 295 | } | ||
4685 | 296 | ul.latest-ppa-updates li.FULLYBUILT { | ||
4686 | 297 | background-image: url('/@@/yes'); | ||
4687 | 298 | } | ||
4688 | 299 | ul.latest-ppa-updates li.FULLYBUILT_PENDING { | ||
4689 | 300 | background-image: url('/@@/build-success-publishing'); | ||
4690 | 301 | } | ||
4691 | 302 | ul.latest-ppa-updates li.NEEDSBUILD { | ||
4692 | 303 | background-image: url('/@@/build-needed'); | ||
4693 | 304 | } | ||
4694 | 305 | ul.latest-ppa-updates li.FAILEDTOBUILD { | ||
4695 | 306 | background-image: url('/@@/build-failed'); | ||
4696 | 307 | } | ||
4697 | 308 | ul.latest-ppa-updates li.BUILDING { | ||
4698 | 309 | background-image: url('/@@/processing'); | ||
4699 | 310 | } | ||
4700 | 311 | |||
4701 | 312 | .package-diff-status span.COMPLETED { | ||
4702 | 313 | background-image: url('/@@/packagediff-ok'); | ||
4703 | 314 | background-position: 0 0; | ||
4704 | 315 | background-repeat: no-repeat; | ||
4705 | 316 | } | ||
4706 | 317 | .package-diff-status span.PENDING { | ||
4707 | 318 | background-image: url('/@@/packagediff-loading'); | ||
4708 | 319 | background-position: 0 0; | ||
4709 | 320 | background-repeat: no-repeat; | ||
4710 | 321 | } | ||
4711 | 322 | .package-diff-status span.FAILED { | ||
4712 | 323 | background-image: url('/@@/packagediff-failed'); | ||
4713 | 324 | background-position: 0 0; | ||
4714 | 325 | background-repeat: no-repeat; | ||
4715 | 326 | } | ||
4716 | 327 | .package-diff-status span.request-derived-diff { | ||
4717 | 328 | background-image: url('/@@/packagediff-unknown'); | ||
4718 | 329 | background-position: 0 0; | ||
4719 | 330 | background-repeat: no-repeat; | ||
4720 | 331 | } | ||
4721 | 332 | |||
4722 | 276 | #sources-list-entries { | 333 | #sources-list-entries { |
4723 | 277 | border: 1px solid gray; | 334 | border: 1px solid gray; |
4724 | 278 | padding: 0.3em; | 335 | padding: 0.3em; |
4725 | @@ -447,6 +504,17 @@ | |||
4726 | 447 | 504 | ||
4727 | 448 | /* --- Code --- */ | 505 | /* --- Code --- */ |
4728 | 449 | 506 | ||
4729 | 507 | table.code { | ||
4730 | 508 | margin-bottom: 1em; | ||
4731 | 509 | } | ||
4732 | 510 | table.code th { | ||
4733 | 511 | text-align: left; | ||
4734 | 512 | font-weight: bold; | ||
4735 | 513 | } | ||
4736 | 514 | table.code th, table.code td { | ||
4737 | 515 | padding-right: 3em; | ||
4738 | 516 | } | ||
4739 | 517 | |||
4740 | 450 | .branch-no-dev-focus { | 518 | .branch-no-dev-focus { |
4741 | 451 | background: #FFF59C; | 519 | background: #FFF59C; |
4742 | 452 | vertical-align: middle; | 520 | vertical-align: middle; |
4743 | @@ -543,6 +611,13 @@ | |||
4744 | 543 | 611 | ||
4745 | 544 | /* === Bugs === */ | 612 | /* === Bugs === */ |
4746 | 545 | 613 | ||
4747 | 614 | tr.bug-branch-summary td { | ||
4748 | 615 | padding: 0px 6px; | ||
4749 | 616 | } | ||
4750 | 617 | tr.bug-branch-summary td.first { | ||
4751 | 618 | padding-left: 0px; | ||
4752 | 619 | } | ||
4753 | 620 | |||
4754 | 546 | /* In a bug report page, the current context is highlighted in yellow: */ | 621 | /* In a bug report page, the current context is highlighted in yellow: */ |
4755 | 547 | #affected-software tr.highlight {background-color: #ff9;} | 622 | #affected-software tr.highlight {background-color: #ff9;} |
4756 | 548 | 623 | ||
4757 | @@ -670,6 +745,75 @@ | |||
4758 | 670 | available width, just like multi-line fields (see "textarea" above): */ | 745 | available width, just like multi-line fields (see "textarea" above): */ |
4759 | 671 | input.translate {width: 90%; max-width: 60em;} | 746 | input.translate {width: 90%; max-width: 60em;} |
4760 | 672 | 747 | ||
4761 | 748 | |||
4762 | 749 | |||
4763 | 750 | /* Templates listing. | ||
4764 | 751 | * | ||
4765 | 752 | * Examples: | ||
4766 | 753 | * https://translations.launchpad.dev/ubuntu/hoary/+templates | ||
4767 | 754 | * https://translations.launchpad.dev/evolution/trunk/+templates | ||
4768 | 755 | */ | ||
4769 | 756 | .inactive-template td { | ||
4770 | 757 | background-color: #fee; | ||
4771 | 758 | color: #855; | ||
4772 | 759 | } | ||
4773 | 760 | |||
4774 | 761 | /* Translations statistics and legend. | ||
4775 | 762 | * | ||
4776 | 763 | * Examples: | ||
4777 | 764 | * https://translations.launchpad.dev/ubuntu/hoary/+lang/es | ||
4778 | 765 | * https://translations.launchpad.dev/evolution/trunk/+lang/es | ||
4779 | 766 | */ | ||
4780 | 767 | |||
4781 | 768 | div.translations-legend { | ||
4782 | 769 | padding-top: 2em; | ||
4783 | 770 | padding-bottom: 1em; | ||
4784 | 771 | } | ||
4785 | 772 | table.translation-stats td { | ||
4786 | 773 | text-align: center; | ||
4787 | 774 | } | ||
4788 | 775 | table.translation-stats td.template-name { | ||
4789 | 776 | text-align: left; | ||
4790 | 777 | } | ||
4791 | 778 | table.translation-stats tfoot td, | ||
4792 | 779 | table.translation-stats tfoot th { | ||
4793 | 780 | background-color: #f7f7f7; | ||
4794 | 781 | border: 0px; | ||
4795 | 782 | border-top: 2px solid #d2d2d2; | ||
4796 | 783 | border-bottom: 2px solid #d2d2d2; | ||
4797 | 784 | padding-top: 5px; | ||
4798 | 785 | padding-bottom: 5px; | ||
4799 | 786 | font-weight: bold; | ||
4800 | 787 | } | ||
4801 | 788 | table.translation-stats tfoot th { | ||
4802 | 789 | text-align: left; | ||
4803 | 790 | } | ||
4804 | 791 | table.translation-stats tfoot td { | ||
4805 | 792 | text-align: center; | ||
4806 | 793 | } | ||
4807 | 794 | |||
4808 | 795 | /* Translations help links. | ||
4809 | 796 | * | ||
4810 | 797 | * Examples: | ||
4811 | 798 | * https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+pots/evolution-2.2/ | ||
4812 | 799 | * https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+translations | ||
4813 | 800 | * https://translations.launchpad.dev/ubuntu/hoary/ | ||
4814 | 801 | * | ||
4815 | 802 | */ | ||
4816 | 803 | div.translation-help-links a { | ||
4817 | 804 | float: right; | ||
4818 | 805 | } | ||
4819 | 806 | div.translation-help-links div { | ||
4820 | 807 | clear: both; | ||
4821 | 808 | } | ||
4822 | 809 | /* Message boxes (especially error boxes) should be visible above other | ||
4823 | 810 | * elments. */ | ||
4824 | 811 | .yui3-activator-message-box { | ||
4825 | 812 | z-index: 9999; | ||
4826 | 813 | } | ||
4827 | 814 | |||
4828 | 815 | |||
4829 | 816 | |||
4830 | 673 | /* ====== Content area styles ====== */ | 817 | /* ====== Content area styles ====== */ |
4831 | 674 | 818 | ||
4832 | 675 | /* -- Front pages -- */ | 819 | /* -- Front pages -- */ |
4833 | 676 | 820 | ||
4834 | === modified file 'lib/lp/app/javascript/testing/test.css' | |||
4835 | --- lib/lp/app/javascript/testing/test.css 2011-07-08 05:12:39 +0000 | |||
4836 | +++ lib/lp/app/javascript/testing/test.css 2011-11-18 05:42:25 +0000 | |||
4837 | @@ -1,4 +1,4 @@ | |||
4839 | 1 | @import url("../../../../canonical/launchpad/icing/style-3-0.css"); | 1 | @import url("../../../../canonical/launchpad/icing/import.css"); |
4840 | 2 | @import url("../../../../canonical/launchpad/icing/yui/assets/skins/sam/skin.css"); | 2 | @import url("../../../../canonical/launchpad/icing/yui/assets/skins/sam/skin.css"); |
4841 | 3 | @import url("../../../../canonical/launchpad/icing/yui/cssreset/reset.css"); | 3 | @import url("../../../../canonical/launchpad/icing/yui/cssreset/reset.css"); |
4842 | 4 | @import url("../../../../canonical/launchpad/icing/yui/cssfonts/fonts.css"); | 4 | @import url("../../../../canonical/launchpad/icing/yui/cssfonts/fonts.css"); |
4843 | 5 | 5 | ||
4844 | === modified file 'lib/lp/services/mailman/monkeypatches/lp-mhonarc-common.mrc' | |||
4845 | --- lib/lp/services/mailman/monkeypatches/lp-mhonarc-common.mrc 2011-04-06 18:08:26 +0000 | |||
4846 | +++ lib/lp/services/mailman/monkeypatches/lp-mhonarc-common.mrc 2011-11-18 05:42:25 +0000 | |||
4847 | @@ -118,7 +118,7 @@ | |||
4848 | 118 | margin-left: .5em; | 118 | margin-left: .5em; |
4849 | 119 | } | 119 | } |
4850 | 120 | </style> | 120 | </style> |
4852 | 121 | <link rel="stylesheet" href="https://launchpad.net/+icing/style-3-0.css" /> | 121 | <link rel="stylesheet" href="https://launchpad.net/+icing/import.css" /> |
4853 | 122 | <link rel="shortcut icon" href="https://launchpad.net/@@/launchpad.png" /> | 122 | <link rel="shortcut icon" href="https://launchpad.net/@@/launchpad.png" /> |
4854 | 123 | </head> | 123 | </head> |
4855 | 124 | <body> | 124 | <body> |
Looks good, great to see this initiative get started.
As per IRC conversation, I think sufficient smoke testing has been done to sya this can land.