← Back to team overview

launchpad-reviewers team mailing list archive

[Merge] lp:~sinzui/launchpad/picker-headings-0 into lp:launchpad

 

Curtis Hovey has proposed merging lp:~sinzui/launchpad/picker-headings-0 into lp:launchpad.

Requested reviews:
  Launchpad code reviewers (launchpad-reviewers)
Related bugs:
  Bug #737880 in Launchpad itself: "Split sprite CSS to a separate file"
  https://bugs.launchpad.net/launchpad/+bug/737880

For more details, see:
https://code.launchpad.net/~sinzui/launchpad/picker-headings-0/+merge/54085

correct the headers using in the person picker.

    Launchpad bug:
        https://bugs.launchpad.net/bugs/737709
        https://bugs.launchpad.net/bugs/737880
    Pre-implementation: deryck
    Test command: make css_combine

The font used in the sub heading on the overlay for adding team members is
messed up. It's very large now.

The issue is really all pickers, but is most visible in the person picker when
the instructions can be long. The instructions are a heading, but they should
be body text. The picker's <h1> may need to be a <h2> because it is never the
primary content of the document

ADDENDUM: Extract sprites to sprite.css. I am tired of my css syntax
highlighting and checking being disabled.

--------------------------------------------------------------------

RULES

    * Make the instructions body text instead of a <h2>
    * Addendum ^ That wont work because the markup comes from a long
      chain of js and lots of non-lp code presumes that the step
      is a h2 :( Use CSS>

QA

    * Visit https://launchpad.net/~rosetta-alpha
    * Use the add member link
    * Verify the instructions are body text (12px)

    * http://people.canonical.com/~curtis/old-picker-sizes.png
    * http://people.canonical.com/~curtis/new-picker-sizes.png

LINT

    Makefile
    buildout-templates/bin/combine-css.in
    buildout-templates/bin/sprite-util.in
    lib/canonical/launchpad/icing/sprite.css.in
    lib/canonical/launchpad/icing/style-3-0.css

IMPLEMENTATION

Added rules to set the font-size and colour to match Lp's intent. The rules
are ridiculously precise because the juvenile lazr CSS that is styling our
content.
    lib/canonical/launchpad/icing/style-3-0.css.in

Extracted the sprite css to a separate file and updated the sprite, css
and make tools to use it.
  Makefile
  buildout-templates/bin/combine-css.in
  buildout-templates/bin/sprite-util.in
  lib/canonical/launchpad/icing/sprite.css.in
  lib/canonical/launchpad/icing/style-3-0.css
-- 
https://code.launchpad.net/~sinzui/launchpad/picker-headings-0/+merge/54085
Your team Launchpad code reviewers is requested to review the proposed merge of lp:~sinzui/launchpad/picker-headings-0 into lp:launchpad.
=== modified file 'Makefile'
--- Makefile	2011-03-14 16:19:47 +0000
+++ Makefile	2011-03-18 23:45:53 +0000
@@ -154,9 +154,9 @@
 css_combine: sprite_css bin/combine-css
 	${SHHH} bin/combine-css
 
-sprite_css: ${LP_BUILT_JS_ROOT}/style-3-0.css
+sprite_css: ${LP_BUILT_JS_ROOT}/sprite.css
 
-${LP_BUILT_JS_ROOT}/style-3-0.css: bin/sprite-util ${ICING}/style-3-0.css.in ${ICING}/icon-sprites.positioning
+${LP_BUILT_JS_ROOT}/sprite.css: bin/sprite-util ${ICING}/sprite.css.in ${ICING}/icon-sprites.positioning
 	${SHHH} bin/sprite-util create-css
 
 sprite_image:

=== modified file 'buildout-templates/bin/combine-css.in'
--- buildout-templates/bin/combine-css.in	2011-02-24 14:47:10 +0000
+++ buildout-templates/bin/combine-css.in	2011-03-18 23:45:53 +0000
@@ -35,9 +35,10 @@
     'lazr/build/activator/assets/skins/sam/activator.css',
     'lazr/build/choiceedit/assets/choiceedit-core.css',
     'yui3-gallery/gallery-accordion/assets/skins/sam/gallery-accordion.css',
+    'build/sprite.css',
     # This one goes at the end because it's our main stylesheet and should
     # take precedence over the others.
-    'build/style-3-0.css']
+    'style-3-0.css']
 
 absolute_names = []
 for name in names:

=== modified file 'buildout-templates/bin/sprite-util.in'
--- buildout-templates/bin/sprite-util.in	2010-04-20 19:10:35 +0000
+++ buildout-templates/bin/sprite-util.in	2011-03-18 23:45:53 +0000
@@ -29,8 +29,8 @@
 icing = ${buildout:directory/lib/canonical/launchpad/icing|path-repr}
 combined_image_file = os.path.join(icing, 'icon-sprites')
 positioning_file = os.path.join(icing, 'icon-sprites.positioning')
-css_template_file = os.path.join(icing, 'style-3-0.css.in')
-css_file = os.path.join(icing, 'build/style-3-0.css')
+css_template_file = os.path.join(icing, 'sprite.css.in')
+css_file = os.path.join(icing, 'build/sprite.css')
 
 sprite_util = SpriteUtil(
     css_template_file, 'icon-sprites',

=== added file 'lib/canonical/launchpad/icing/sprite.css.in'
--- lib/canonical/launchpad/icing/sprite.css.in	1970-01-01 00:00:00 +0000
+++ lib/canonical/launchpad/icing/sprite.css.in	2011-03-18 23:45:53 +0000
@@ -0,0 +1,494 @@
+/* =========================
+   Universal presentation
+   Sprites
+
+   Sprites are generated by sprite-util. After it makes the images it
+   builds sprite.css using sprite.css.in as a template.
+*/
+.add {
+    background-image: url(/@@/add.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.edit {
+    background-image: url(/@@/edit.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.remove {
+    background-image: url(/@@/remove.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.info {
+    background-image: url(/@@/info.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.question {
+    background-image: url(/@@/question.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.download-icon {
+    background-image: url(/@@/download.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.download {
+    background-image: url(/@@/download.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.search-icon {
+    background-image: url(/@@/search.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.no {
+    background-image: url(/@@/no.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.yes {
+    background-image: url(/@@/yes.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.crowd {
+    background-image: url(/@@/crowd.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.person {
+    background-image: url(/@@/person.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.person-badge {
+    background-image: url(/@@/person-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.team {
+    background-image: url(/@@/team.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.team-badge {
+    background-image: url(/@@/team-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowRight {
+    background-image: url(/@@/arrowRight.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.treeCollapsed {
+    background-image: url(/@@/treeCollapsed.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.treeExpanded {
+    background-image: url(/@@/treeExpanded.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.branch {
+    background-image: url(/@@/branch.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.distribution {
+    background-image: url(/@@/distribution.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.package-source {
+    background-image: url(/@@/package-source.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.milestone {
+    background-image: url(/@@/milestone.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.language {
+    background-image: url(/@@/language.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.external-link {
+    background-image: url(/@@/link.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.mail {
+    background-image: url(/@@/mail.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.cve {
+    background-image: url(/@@/cve.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug {
+    background-image: url(/@@/bug.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-critical {
+    background-image: url(/@@/bug-critical.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-high {
+    background-image: url(/@@/bug-high.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-medium {
+    background-image: url(/@@/bug-medium.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-low {
+    background-image: url(/@@/bug-low.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-wishlist {
+    background-image: url(/@@/bug-wishlist.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint {
+    background-image: url(/@@/blueprint.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-essential {
+    background-image: url(/@@/blueprint-essential.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-high {
+    background-image: url(/@@/blueprint-high.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-medium {
+    background-image: url(/@@/blueprint-medium.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-low {
+    background-image: url(/@@/blueprint-low.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-undefined {
+    background-image: url(/@@/blueprint-undefined.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.blueprint-not {
+    background-image: url(/@@/blueprint-not.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.rss {
+    background-image: url(/@@/rss.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+
+.ubuntu-logo {
+    background-image: url(/@@/ubuntu-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.person-inactive {
+    background-image: url(/@@/person-inactive.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.person-inactive-badge {
+    background-image: url(/@@/person-inactive-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.undecided {
+    background-image: url(/@@/maybe.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.maybe {
+    background-image: url(/@@/maybe.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.error-icon {
+    background-image: url(/@@/error.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.cancel {
+    background-image: url(/@@/cancel.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.confirm {
+    background-image: url(/@@/confirm.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.flame {
+    background-image: url(/@@/flame-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-undecided {
+    background-image: url(/@@/bug-undecided.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-remote {
+    background-image: url(/@@/bug-remote.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-unknown {
+    background-image: url(/@@/bug-unknown.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-dupe {
+    background-image: url(/@@/bug-dupe-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-tracker {
+    background-image: url(/@@/bugtracker-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.package-binary {
+    background-image: url(/@@/package-binary.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.retry {
+    background-image: url(/@@/retry.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.distribution-badge {
+    background-image: url(/@@/distribution-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.project-badge {
+    background-image: url(/@@/project-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.project {
+    background-image: url(/@@/project.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.product-badge {
+    background-image: url(/@@/product-badge.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.product {
+    background-image: url(/@@/product.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.read-only {
+    background-image: url(/@@/read-only.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.warning-icon, .security {
+    background-image: url(/@@/warning.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.private {
+    background-image: url(/@@/private.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.meeting {
+    background-image: url(/@@/meeting.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.translate-icon {
+    background-image: url(/@@/translation.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.translation-file {
+    background-image: url(/@@/translation-file.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.translation-template {
+    background-image: url(/@@/translation-template.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.trash-icon {
+    background-image: url(/@@/trash-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.stop {
+    background-image: url(/@@/stop.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.list {
+    background-image: url(/@@/list.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bullet {
+    background-image: url(/@@/bullet.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.zoom-in {
+    background-image: url(/@@/zoom-in.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.zoom-out {
+    background-image: url(/@@/zoom-out.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.architecture {
+    background-image: url(/@@/architecture.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.ppa-icon {
+    background-image: url(/@@/ppa-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.ppa-icon-inactive {
+    background-image: url(/@@/ppa-icon-inactive.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.source-package-recipe {
+    background-image: url(/@@/source-package-recipe.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bug-status-expand {
+    background-image: url(/@@/bug-status-expand.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.merge-proposal {
+    background-image: url(/@@/merge-proposal-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    padding-left: 22px
+    }
+.build-superseded {
+    background-image: url(/@@/build-superseded.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.build-success {
+    background-image: url(/@@/build-success.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.build-needed {
+    background-image: url(/@@/build-needed.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.build-failure {
+    background-image: url(/@@/build-failure.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.build-depwait {
+    background-image: url(/@@/build-depwait.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowUp {
+    background-image: url(/@@/arrowUp.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowDown {
+    background-image: url(/@@/arrowDown.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowStart {
+    background-image: url(/@@/arrowStart.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowEnd {
+    background-image: url(/@@/arrowEnd.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowTop {
+    background-image: url(/@@/arrowTop.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowBottom {
+    background-image: url(/@@/arrowBottom.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.arrowLeft {
+    background-image: url(/@@/arrowLeft.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.bluebar {
+    background-image: url(/@@/blue-bar.png); /* sprite-ref: icon-sprites */
+    background-repeat: repeat-x;
+    }
+.greenbar {
+    background-image: url(/@@/green-bar.png); /* sprite-ref: icon-sprites */
+    background-repeat: repeat-x;
+    }
+.purplebar {
+    background-image: url(/@@/purple-bar.png); /* sprite-ref: icon-sprites */
+    background-repeat: repeat-x;
+    }
+.redbar {
+    background-image: url(/@@/red-bar.png); /* sprite-ref: icon-sprites */
+    background-repeat: repeat-x;
+    }
+.favorite-yes {
+    background-image: url(/@@/news.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.haspatch-icon {
+    background-image: url(/@@/haspatch-icon.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.tour {
+    background-image: url(/@@/tour-icon); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-branch {
+    background-image: url(/@@/branch-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-warning {
+    background-image: url(/@@/warning-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-crowd {
+    background-image: url(/@@/crowd-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-download {
+    background-image: url(/@@/download-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-error {
+    background-image: url(/@@/error-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-flame {
+    background-image: url(/@@/flame-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-download {
+    background-image: url(/@@/download-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-info {
+    background-image: url(/@@/info-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-launchpad {
+    background-image: url(/@@/launchpad-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-proposal {
+    background-image: url(/@@/merge-proposal-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-trash {
+    background-image: url(/@@/trash-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.large-private {
+    background-image: url(/@@/private-large.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-launchpad {
+    background-image: url(/@@/launchpad-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-distribution {
+    background-image: url(/@@/distribution-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-project {
+    background-image: url(/@@/project-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-product {
+    background-image: url(/@@/product-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-person {
+    background-image: url(/@@/person-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+
+.logo-inactive {
+    background-image: url(/@@/person-inactive-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-team {
+    background-image: url(/@@/team-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-meeting {
+    background-image: url(/@@/meeting-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-flame {
+    background-image: url(/@@/flame-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }
+.logo-trash {
+    background-image: url(/@@/trash-logo.png); /* sprite-ref: icon-sprites */
+    background-repeat: no-repeat;
+    }

=== renamed file 'lib/canonical/launchpad/icing/style-3-0.css.in' => 'lib/canonical/launchpad/icing/style-3-0.css'
--- lib/canonical/launchpad/icing/style-3-0.css.in	2011-03-08 00:40:50 +0000
+++ lib/canonical/launchpad/icing/style-3-0.css	2011-03-18 23:45:53 +0000
@@ -917,6 +917,12 @@
     border: none;
     margin-bottom: 0;
     }
+.yui3-pretty-overlay #yui3-pretty-overlay-modal h1,
+.yui3-pretty-overlay #yui3-pretty-overlay-modal h2 {
+    /* lazr is injecting presumptive markup. */
+    color: #333;
+    margin-right: 15px;
+    }
 h1 .edit {
     font-size: 12px;
     position: relative;
@@ -929,6 +935,11 @@
 h1 .yui3-ieditor-errors {
     font-size: 12px;
     }
+.steps h2 {
+    /* lazr is injecting presumptive markup. */
+    font-size: 12px;
+    line-height: 30px;
+    }
 .lazr-multiline-edit .yui3-ieditor {
     padding-right: 0;
     }
@@ -1356,7 +1367,8 @@
     padding-top: 0.3em;
     padding-bottom: 0.3em;
     }
-.involvement a.bugs, .involvement a.answers, .involvement a.translations, .involvement a.code, .involvement a.blueprints {
+.involvement a.bugs, .involvement a.answers,
+.involvement a.translations, .involvement a.code, .involvement a.blueprints {
     background: url(/@@/answers-arrow-right.png) right center no-repeat;
     }
 .involvement a:hover {
@@ -1853,494 +1865,6 @@
      */
     padding:2px 0 0 18px;
     }
-.add {
-    background-image: url(/@@/add.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.edit {
-    background-image: url(/@@/edit.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.remove {
-    background-image: url(/@@/remove.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.info {
-    background-image: url(/@@/info.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.question {
-    background-image: url(/@@/question.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.download-icon {
-    background-image: url(/@@/download.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.download {
-    background-image: url(/@@/download.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.search-icon {
-    background-image: url(/@@/search.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.no {
-    background-image: url(/@@/no.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.yes {
-    background-image: url(/@@/yes.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.crowd {
-    background-image: url(/@@/crowd.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.person {
-    background-image: url(/@@/person.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.person-badge {
-    background-image: url(/@@/person-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.team {
-    background-image: url(/@@/team.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.team-badge {
-    background-image: url(/@@/team-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowRight {
-    background-image: url(/@@/arrowRight.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.treeCollapsed {
-    background-image: url(/@@/treeCollapsed.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.treeExpanded {
-    background-image: url(/@@/treeExpanded.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.branch {
-    background-image: url(/@@/branch.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.distribution {
-    background-image: url(/@@/distribution.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.package-source {
-    background-image: url(/@@/package-source.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.milestone {
-    background-image: url(/@@/milestone.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.language {
-    background-image: url(/@@/language.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.external-link {
-    background-image: url(/@@/link.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.mail {
-    background-image: url(/@@/mail.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.cve {
-    background-image: url(/@@/cve.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug {
-    background-image: url(/@@/bug.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-critical {
-    background-image: url(/@@/bug-critical.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-high {
-    background-image: url(/@@/bug-high.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-medium {
-    background-image: url(/@@/bug-medium.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-low {
-    background-image: url(/@@/bug-low.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-wishlist {
-    background-image: url(/@@/bug-wishlist.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint {
-    background-image: url(/@@/blueprint.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-essential {
-    background-image: url(/@@/blueprint-essential.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-high {
-    background-image: url(/@@/blueprint-high.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-medium {
-    background-image: url(/@@/blueprint-medium.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-low {
-    background-image: url(/@@/blueprint-low.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-undefined {
-    background-image: url(/@@/blueprint-undefined.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.blueprint-not {
-    background-image: url(/@@/blueprint-not.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.rss {
-    background-image: url(/@@/rss.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-
-.ubuntu-logo {
-    background-image: url(/@@/ubuntu-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.person-inactive {
-    background-image: url(/@@/person-inactive.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.person-inactive-badge {
-    background-image: url(/@@/person-inactive-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.undecided {
-    background-image: url(/@@/maybe.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.maybe {
-    background-image: url(/@@/maybe.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.error-icon {
-    background-image: url(/@@/error.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.cancel {
-    background-image: url(/@@/cancel.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.confirm {
-    background-image: url(/@@/confirm.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.flame {
-    background-image: url(/@@/flame-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-undecided {
-    background-image: url(/@@/bug-undecided.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-remote {
-    background-image: url(/@@/bug-remote.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-unknown {
-    background-image: url(/@@/bug-unknown.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-dupe {
-    background-image: url(/@@/bug-dupe-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-tracker {
-    background-image: url(/@@/bugtracker-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.package-binary {
-    background-image: url(/@@/package-binary.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.retry {
-    background-image: url(/@@/retry.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.distribution-badge {
-    background-image: url(/@@/distribution-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.project-badge {
-    background-image: url(/@@/project-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.project {
-    background-image: url(/@@/project.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.product-badge {
-    background-image: url(/@@/product-badge.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.product {
-    background-image: url(/@@/product.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.read-only {
-    background-image: url(/@@/read-only.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.warning-icon, .security {
-    background-image: url(/@@/warning.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.private {
-    background-image: url(/@@/private.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.meeting {
-    background-image: url(/@@/meeting.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.translate-icon {
-    background-image: url(/@@/translation.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.translation-file {
-    background-image: url(/@@/translation-file.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.translation-template {
-    background-image: url(/@@/translation-template.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.trash-icon {
-    background-image: url(/@@/trash-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.stop {
-    background-image: url(/@@/stop.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.list {
-    background-image: url(/@@/list.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bullet {
-    background-image: url(/@@/bullet.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.zoom-in {
-    background-image: url(/@@/zoom-in.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.zoom-out {
-    background-image: url(/@@/zoom-out.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.architecture {
-    background-image: url(/@@/architecture.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.ppa-icon {
-    background-image: url(/@@/ppa-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.ppa-icon-inactive {
-    background-image: url(/@@/ppa-icon-inactive.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.source-package-recipe {
-    background-image: url(/@@/source-package-recipe.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bug-status-expand {
-    background-image: url(/@@/bug-status-expand.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.merge-proposal {
-    background-image: url(/@@/merge-proposal-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    padding-left: 22px
-    }
-.build-superseded {
-    background-image: url(/@@/build-superseded.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.build-success {
-    background-image: url(/@@/build-success.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.build-needed {
-    background-image: url(/@@/build-needed.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.build-failure {
-    background-image: url(/@@/build-failure.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.build-depwait {
-    background-image: url(/@@/build-depwait.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowUp {
-    background-image: url(/@@/arrowUp.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowDown {
-    background-image: url(/@@/arrowDown.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowStart {
-    background-image: url(/@@/arrowStart.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowEnd {
-    background-image: url(/@@/arrowEnd.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowTop {
-    background-image: url(/@@/arrowTop.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowBottom {
-    background-image: url(/@@/arrowBottom.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.arrowLeft {
-    background-image: url(/@@/arrowLeft.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.bluebar {
-    background-image: url(/@@/blue-bar.png); /* sprite-ref: icon-sprites */
-    background-repeat: repeat-x;
-    }
-.greenbar {
-    background-image: url(/@@/green-bar.png); /* sprite-ref: icon-sprites */
-    background-repeat: repeat-x;
-    }
-.purplebar {
-    background-image: url(/@@/purple-bar.png); /* sprite-ref: icon-sprites */
-    background-repeat: repeat-x;
-    }
-.redbar {
-    background-image: url(/@@/red-bar.png); /* sprite-ref: icon-sprites */
-    background-repeat: repeat-x;
-    }
-.favorite-yes {
-    background-image: url(/@@/news.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.haspatch-icon {
-    background-image: url(/@@/haspatch-icon.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.tour {
-    background-image: url(/@@/tour-icon); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-branch {
-    background-image: url(/@@/branch-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-warning {
-    background-image: url(/@@/warning-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-crowd {
-    background-image: url(/@@/crowd-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-download {
-    background-image: url(/@@/download-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-error {
-    background-image: url(/@@/error-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-flame {
-    background-image: url(/@@/flame-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-download {
-    background-image: url(/@@/download-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-info {
-    background-image: url(/@@/info-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-launchpad {
-    background-image: url(/@@/launchpad-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-proposal {
-    background-image: url(/@@/merge-proposal-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-trash {
-    background-image: url(/@@/trash-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.large-private {
-    background-image: url(/@@/private-large.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-launchpad {
-    background-image: url(/@@/launchpad-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-distribution {
-    background-image: url(/@@/distribution-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-project {
-    background-image: url(/@@/project-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-product {
-    background-image: url(/@@/product-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-person {
-    background-image: url(/@@/person-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-
-.logo-inactive {
-    background-image: url(/@@/person-inactive-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-team {
-    background-image: url(/@@/team-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-meeting {
-    background-image: url(/@@/meeting-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-flame {
-    background-image: url(/@@/flame-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-.logo-trash {
-    background-image: url(/@@/trash-logo.png); /* sprite-ref: icon-sprites */
-    background-repeat: no-repeat;
-    }
-
 
 /*
  * YOU HAVE REACHED THE END OF THIS FILE. IF YOU SEE ANYTHING BELOW SPRITES


Follow ups