Merge lp:~sinzui/launchpad/obsolete-styles into lp:launchpad

[Curtis Hovey]

[Curtis Hovey (sinzui)]

This is my branch to remove obsolete CSS styles.

    lp:~sinzui/launchpad/obsolete-styles
    Diff size: 1189 (1082 deletes)
    Launchpad bug: https://bugs.launchpad.net/bugs/obsolete-styles
    Test command: none
    Pre-implementation: beuno
    Target release: 3.1.12

= remove obsolete CSS styles =

After all templates are converted to 3.0, the 1.0 and 2.0 styles can be
removed:

== Rules ==

    * Remove the reset rules from style-3.0.css
    * Remove the styles for non-existent ids and classes

== QA ==

View edge paying careful attention to the side bar to verify the reset
rules in style-3.0 were were *not* providing style.

== Lint ==

Linting changed files:
  lib/canonical/launchpad/icing/style-3-0.css
  lib/canonical/launchpad/icing/style.css
  lib/lp/bugs/templates/buglisting-embedded-advanced-search.pt
  lib/lp/bugs/templates/person-packagebugs-search.pt

Removed two obsolete slots that were note being used per lint.

== Test ==

None.

== Implementation ==

    * lib/canonical/launchpad/icing/style-3-0.css
      * Removed reset styles.
      * Added to rules that were providing style from the reset or base rules.
    * lib/canonical/launchpad/icing/style.css
      * Removed unused styles.
      * Updated one rule that was still partially in effect.
    * lib/lp/bugs/templates/buglisting-embedded-advanced-search.pt
      * Removed beta style.
      * Removed obsolete slots
    * lib/lp/bugs/templates/person-packagebugs-search.pt
      * Removed beta style.

[Henning Eggers (henninge)]

Code deletions are always a great thing to review. Zap that obsolete stuff! ;-)

The code changes look good and thinking about it, python-style indentions in css-files are cool, too. ;)

All I could do was a check that this branch doesn't break anything big time on the pages by comparing the look of the pages on edge and dev. Thanks for normalizing some things, too.

review: Approve (code)

=== modified file 'lib/canonical/launchpad/icing/style-3-0.css'
--- lib/canonical/launchpad/icing/style-3-0.css	2009-11-23 15:16:51 +0000
+++ lib/canonical/launchpad/icing/style-3-0.css	2009-11-27 23:35:24 +0000
@@ -1,200 +1,3 @@
-/*
-
-Reset 1.0 and 2.0 portlets and asides.
-Remove this section when the old templates and these declarations are gone.
-
-*/
-#maincontent {
-    clear: both;
-    float: left;
-    width: 100%;
-    margin-right: -25%;
-    }
-#maincontent ol, #maincontent ul {
-    padding-left: auto;
-    }
-.portlet, .aside {
-    clear: none;
-    float: none;
-    margin: 0;
-    }
-#portlets .portlet, div.aside {
-    background-color: inherit !important;
-    border: none;
-    margin: 0;
-    color: inherit !important;
-    padding: 0;
-    width: auto;
-    overflow: auto;
-    -moz-border-radius: 0;
-    -o-border-radius: 0;
-    -webkit-border-radius: 0;
-    -khtml-border-radius: 0;
-    font-size: inherit !important;
-    }
-#portlets .portlet h2, div.aside h2 {
-    border-bottom: none;
-    color: inherit !important;
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-    }
-body.tab-overview #mainarea #portlets .portlet.active h2 a,
-body.tab-overview #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-overview #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-overview #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-overview #mainarea #portlets .portlet.active div,
-body.tab-overview #mainarea #portlets .portlet.active ul,
-body.tab-overview #mainarea #portlets .portlet.active ul li a,
-body.tab-overview #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-overview #mainarea div#portlets div.portlet.active ul,
-body.tab-overview #mainarea div#portlets div.portlet.active ul li a,
-body.tab-overview #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-overview #mainarea #portlets .portlet.active div {
-    border-left: none;
-    border-right: none;
-    }
-body.tab-branches #mainarea #portlets .portlet.active h2 a,
-body.tab-branches #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-branches #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-branches #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-branches #mainarea #portlets .portlet.active div,
-body.tab-branches #mainarea #portlets .portlet.active ul,
-body.tab-branches #mainarea #portlets .portlet.active ul li a,
-body.tab-branches #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-branches #mainarea div#portlets div.portlet.active ul,
-body.tab-branches #mainarea div#portlets div.portlet.active ul li a,
-body.tab-branches #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-branches #mainarea #portlets .portlet.active div {
-    border-left: none;
-    border-right: none;
-    }
-body.tab-bugs #mainarea #portlets .portlet.active h2 a,
-body.tab-bugs #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-bugs #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-bugs #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-bugs #mainarea #portlets .portlet.active div,
-body.tab-bugs #mainarea #portlets .portlet.active ul,
-body.tab-bugs #mainarea #portlets .portlet.active ul li a,
-body.tab-bugs #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul li a,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-bugs #mainarea #portlets .portlet.active div {
-    border-left: none;
-    border-right: none;
-    }
-body.tab-specifications #mainarea #portlets .portlet.active h2 a,
-body.tab-specifications #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-specifications #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-specifications #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-specifications #mainarea #portlets .portlet.active div,
-body.tab-specifications #mainarea #portlets .portlet.active ul,
-body.tab-specifications #mainarea #portlets .portlet.active ul li a,
-body.tab-specifications #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul li a,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-translations #mainarea #portlets .portlet.active h2 a,
-body.tab-translations #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-translations #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-translations #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-translations #mainarea #portlets .portlet.active div,
-body.tab-translations #mainarea #portlets .portlet.active ul,
-body.tab-translations #mainarea #portlets .portlet.active ul li a,
-body.tab-translations #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-translations #mainarea div#portlets div.portlet.active ul,
-body.tab-translations #mainarea div#portlets div.portlet.active ul li a,
-body.tab-translations #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-translations #mainarea #portlets .portlet.active div {
-    border-left: none;
-    border-right: none;
-    }
-body.tab-answers #mainarea #portlets .portlet.active h2 a,
-body.tab-answers #mainarea div#portlets div.portlet.active a {
-    background-color: inherit !important;
-    }
-body.tab-answers #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-answers #mainarea div#portlets div.portlet.active a:hover {
-    background-color: inherit !important;
-    }
-body.tab-answers #mainarea #portlets .portlet.active div,
-body.tab-answers #mainarea #portlets .portlet.active ul,
-body.tab-answers #mainarea #portlets .portlet.active ul li a,
-body.tab-answers #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-answers #mainarea div#portlets div.portlet.active ul,
-body.tab-answers #mainarea div#portlets div.portlet.active ul li a,
-body.tab-answers #mainarea div#portlets div.portlet.active ul li a:hover {
-    background-color: inherit !important;
-    }
-body.tab-answers #mainarea #portlets .portlet.active div {
-    border-left: none;
-    border-right: none;
-    }
-div.left div.portlet, div.right div.portlet {
-    border: none;
-    margin-top: 0;
-    padding-top: 0;
-    }
-div.left div.portlet {
-    border-width: 0;
-    padding: 0;
-    }
-div.right div.portlet {
-    border-width:0;
-    padding: 0;
-    }
-div.columns div.right div.portlet {
-    border: none;
-    padding: 0;
-    }
-span.nolink {
-    font-weight: bold;
-    }
-#colophon {
-    float: none;
-    }
-#globalsearch {
-  float: none;
-  display: auto;
-  font-weight: inherit;
-  margin-right: auto;
-}
-
-#globalsearch input {
-  font-size: inherit;
-}
-
 /* Page layout */
 .yui-d0 {
     margin: 10px 20px;
@@ -233,6 +36,9 @@
 .footer .lp-branding {
     float: left;
     }
+.footer form {
+    display: inline;
+    }
 .portlet-border {
     border-top: 1px solid #EBEBEB;
     padding: 1em 0;
@@ -405,6 +211,9 @@
     font-size: 123.1%; /* Same as a h2 */
     text-align:right;
     }
+span.nolink {
+    font-weight: bold;
+    }
 span.see-all {
     float: right;
     }

=== modified file 'lib/canonical/launchpad/icing/style.css'
--- lib/canonical/launchpad/icing/style.css	2009-11-22 19:05:39 +0000
+++ lib/canonical/launchpad/icing/style.css	2009-11-27 23:35:24 +0000
@@ -64,15 +64,11 @@
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
 /* End hiding from MSIE for Mac */
-.visualClear {display: block; clear: both;} /* XXX Remove this */
 a {outline: none;}
 abbr[title], acronym[title] {border-bottom: 1px dotted black; cursor: help;}
-address {font-style: inherit;}
 * html body {word-wrap: break-word;} /* stops floats dropping in IE 5.5/6 */
-div.aside {display: block;}
 caption {caption-side: bottom; text-align: left;}
 dt dfn {font-style: normal; font-weight: bold;}
-dd {margin-bottom: 1em;}
 input {visibility:inherit;}
 input[type=radio] {margin-left: 1em;}
 kbd {
@@ -99,38 +95,20 @@
   border-width: 0 0 1px 0;
   display: block;
 }
-div.section {display: block; margin-bottom: 1em;}
-table {border-collapse: collapse;}
 textarea {display: block;}
-thead {vertical-align: bottom;}
 th, td {vertical-align: baseline;}
-th {text-align: right;}
-thead th, tr.thead th {text-align: center;}
-/* make <wbr> work with Opera */
-/* XXX: 20061026 jamesh Disabled since BjornT reported display problems */
-/* wbr:after {content: "\00200B"} */
 
 /* Opera doesn't use the general tr above for the radio button table */
 table.radio-button-widget tr td {vertical-align: top;}
 
-/* For readability, paragraphs and other potentially-long text blocks should
-have a maximum width: */
-label, p {max-width: 60em;}
-
 /* == Overall presentation == */
 /* These styles apply to pages regardless of layout or application. */
 
 /* === Fonts and colors === */
 
-/* Launchpad uses a white background with small, mostly black, text: */
-html {
-    background: #fff;
-    color: #000;
-    font-size: 83.33%;
-    font-family: bitstream vera sans, dejavu sans, verdana, sans-serif;}
 /* Monospace text uses the reciprocal of this percentage, so that it
 exactly obeys your preferred monospace font size: */
-code, pre, samp, tt, #bug-description, .bug-comment, .bug-activity {
+.bug-comment, .bug-activity {
   font: 120% monospace;
 }
 
@@ -164,23 +142,6 @@
 h1, h2, h3, h4, h5, h6 {
   background: none;
   clear: left;
-  padding: 0;
-  margin: 0 0 0.5em;
-  /* Content headings are highlighted using a different color (the color is
-     overriden per-application in subsequent rules) instead of bold text. */
-  font-weight: normal;
-}
-h1 {font-size: 2em;}
-h2 {font-size: 1.2em;}
-h3, h4, h5, h6 {font-size: 1em;}
-/* H1 is only used at the top the maincontent, maybe below a short description
-   of the displayed object. It must have zero margin-top. */
-h2, h3, h4, h5, h6 { margin-top: 1em; }
-/* Browsers indent lists inconsistently, so we override them completely: */
-ul {
-  margin-left: 0;
-  padding-left: 0;
-  list-style-type: none;
 }
 
 .exception {color: #cc0000;}
@@ -191,10 +152,6 @@
 
 .duplicate-details p { padding: 0em; margin-top: 0em; margin-bottom: 0.2em; }
 
-/* Blank space at the top of the page makes the location bar more noticable.
-Ideally page margins would scale non-linearly, but absolute is next best: */
-body {margin: 0; padding: 10px 20px;}
-
 /* Using colored text as you wish. */
 .green {color: green;}
 .red {color: red;}
@@ -264,21 +221,8 @@
 
 /* === Forms === */
 
-form {border: 0; margin: 0; padding: 0;}
 form table label {font-weight: bold;}
 fieldset {border-width: 2px 0 0; margin: 1em 0; padding: 1em 0 0;}
-input[type="text"], input[type="search"], input[type="password"], textarea {
-  font-family: bitstream vera sans, dejavu sans, verdana, sans-serif;
-  margin: 0;
-}
-input[type="text"], input[type="search"], input[type="submit"],
-input[type="reset"], textarea {
-  font-size: 1em; /* Forces a readable font size in Safari */
-}
-form button, form input[type="button"], form input[type="file"], form input[type="password"],
-form input[type="submit"], form input[type="text"], form select, form textarea {
-  margin-right: 0.5em;
-}
 button{padding:0;}
 input.urlTextType {width: 40em;}
 .fieldRequired, .fieldOptional {color: #999;}
@@ -299,16 +243,7 @@
 table.form th, table.form td {padding-bottom: 1em;}
 table.form td td {padding-bottom: 0;}
 
-/* XXX: this is just to make tables look more consistent when used in a
- * summary pagelet; the concrete use case is in
- * person-pagelet-details.pt. We should move to use tables everywhere
- * and then kill this class I guess. -- kiko, 2007-12-05 */
-table.slimpadding td, table.slimpadding th { padding: 0; padding-right: 3px }
-
 /* === Tables === */
-/* All table cells have horizontal padding between their contents: */
-th, td {padding: 0 0.5em 0 0;} /* http://launchpad.dev/ubuntu "Officers" */
-
 table.latest th, table.latest td {padding-bottom: 2em;}
 
 th.icon, td.icon {vertical-align: top; white-space: nowrap; width: 1px;}
@@ -588,155 +523,6 @@
     font-weight: bold;
 }
 
-/* === Location application tabs === */
-/* NOTE: This whole section (everything for #lp-apps) can be removed once
- * pages have updated to the 3.0 templates */
-/* In most pages, the location bar includes six centered application tabs: */
-#lp-apps {
-  position: relative;
-  width: 98%; /* leaves a minimum explanatory margin at the left and right */
-  max-width: 72em; /* prevents each tab from being more than 12em wide */
-  padding: 0;
-  margin: 0 auto; /* centers the tabs */
-}
-/* The tabs have text separators for the benefit of those without CSS: */
-#lp-apps small {display: none;}
-/* The tabs are equal size, not too wide, and attached to the center bar: */
-#lp-apps span {
-  position: relative;
-  float: left;
-  width: 16.16%; /* = (100% / 6) - 0.5% left over */
-  margin: 0 0.25%; /* = the leftover 0.5%, half each on the left and right */
-  padding: 0;
-  text-align: center;
-  color: #333;
-  line-height: 1.5em;
-  white-space: nowrap; /* keeps multi-word tab labels on a single line */
-}
-#lp-apps span a, #lp-apps span strong {
-  display: block;
-  color: #333;
-  text-decoration: none;
-  margin: 0;
-  overflow: hidden;
-  padding: 0 0 5px;
-}
-/* The active tab is darker, and looks contiguous with the spine above: */
-#lp-apps .active {border-top: 1px solid #ddd; font-weight: bold; top: -1px;}
-#lp-apps .overview {
-  background: url(navigation-tabs-sw-overview) bottom right no-repeat;
-}
-#lp-apps .overview a, #lp-apps .overview strong {
-  background: url(navigation-tabs-se-overview) bottom left no-repeat;
-}
-#lp-apps .overview a:hover {
-  color: #8fb635;
-}
-#lp-apps .overview.active {
-  background: url(navigation-tabs-sw-overview-active) bottom right no-repeat;
-}
-#lp-apps .overview.active strong, #lp-apps .overview.active a {
-  background: url(navigation-tabs-se-overview-active) bottom left no-repeat;
-}
-#lp-apps .branches {
-  background: url(navigation-tabs-sw-code) bottom right no-repeat;
-}
-#lp-apps .branches a, #lp-apps .branches strong {
-  background: url(navigation-tabs-se-code) bottom left no-repeat;
-}
-#lp-apps .branches a:hover {
-  color: #d18c3b;
-}
-#lp-apps .branches.active {
-  background: url(navigation-tabs-sw-code-active) bottom right no-repeat;
-  border-top: 1px solid #ddd;
-}
-#lp-apps .branches.active strong, #lp-apps .branches.active a {
-  background: url(navigation-tabs-se-code-active) bottom left no-repeat;
-}
-#lp-apps .bugs {
-  background: url(navigation-tabs-sw-bugs) bottom right no-repeat;
-}
-#lp-apps .bugs a, #lp-apps .bugs strong {
-  background: url(navigation-tabs-se-bugs) bottom left no-repeat;
-}
-#lp-apps .bugs a:hover {
-  color: #a02c35;
-}
-#lp-apps .bugs.active {
-  background: url(navigation-tabs-sw-bugs-active) bottom right no-repeat;
-}
-#lp-apps .bugs.active strong, #lp-apps .bugs.active a {
-  background: url(navigation-tabs-se-bugs-active) bottom left no-repeat;
-}
-#lp-apps .specifications {
-  background: url(navigation-tabs-sw-blueprints) bottom right no-repeat;
-}
-#lp-apps .specifications a, #lp-apps .specifications strong {
-  background: url(navigation-tabs-se-blueprints) bottom left no-repeat;
-}
-#lp-apps .specifications a:hover {
-  color: #3895bd;
-}
-#lp-apps .specifications.active {
-  background: url(navigation-tabs-sw-blueprints-active) bottom right no-repeat;
-}
-#lp-apps .specifications.active strong, #lp-apps .specifications.active a {
-  background: url(navigation-tabs-se-blueprints-active) bottom left no-repeat;
-}
-#lp-apps .translations {
-  background: url(navigation-tabs-sw-translations) bottom right no-repeat;
-}
-#lp-apps .translations a, #lp-apps .translations strong {
-  background: url(navigation-tabs-se-translations) bottom left no-repeat;
-}
-#lp-apps .translations a:hover {
-  color: #bb3a84;
-}
-#lp-apps .translations.active {
-  background: url(navigation-tabs-sw-translations-active) bottom right no-repeat;
-}
-#lp-apps .translations.active strong, #lp-apps .translations.active a {
-  background: url(navigation-tabs-se-translations-active) bottom left no-repeat;
-}
-#lp-apps .answers {
-  background: url(navigation-tabs-sw-answers) bottom right no-repeat;
-}
-#lp-apps .answers a, #lp-apps .answers strong {
-  background: url(navigation-tabs-se-answers) bottom left no-repeat;
-}
-#lp-apps .answers a:hover {
-  color: #3941bf;
-}
-#lp-apps .answers.active {
-  background: url(navigation-tabs-sw-answers-active) bottom right no-repeat;
-}
-#lp-apps .answers.active strong, #lp-apps .answers.active a {
-  background: url(navigation-tabs-se-answers-active) bottom left no-repeat;
-}
-/* After all has been said and done, we still want disabled ones to look disabled */
-#lp-apps .disabled-tab {
-  background: url(navigation-tabs-sw-disabled) bottom right no-repeat;
-}
-#lp-apps .disabled-tab strong {
-  background: url(navigation-tabs-se-disabled) bottom left no-repeat;
-  display: block;
-  font-weight: normal;
-  color: #a7a7a7;
-}
-#view-navigation-tabs .navigation.menu > :first-child {
-  background: url(navigation-nw-w-normal.png) top left no-repeat;
-}
-.navigation.menu > strong:first-child {
-  background-image: url(navigation-nw-w-selected.png);
-}
-/* The bottom right corner is placed over top of the bottom border: */
-.navigation.menu > :first-child::before {
-  content: '';
-  background: url(navigation-sw-normal.png) no-repeat bottom left;
-  padding: 0.25em 2px;
-  vertical-align: -1px;
-}
 
 /* === Help pane === */
 /*
@@ -785,284 +571,6 @@
 
 span.help {font-weight: normal;}
 
-/* === ID and timestamp === */
-/* The first text in many pages is the object's timestamp and identifier.
-These may be <div>s or <p>s, but should have the same spacing regardless: */
-.object {margin: 0 0 0.5em; padding: 0;}
-/* The timestamp is the date last modified or (more usually) registered: */
-.object.timestamp {float: right;}
-/* An identifier is a unique label, such as a bug number or branch ID: */
-.object.identifier {float: left;}
-
-/* === Navigation menus === */
-/* A "navigation menu" categorizes the information about an object. */
-/* For example, a distribution has "Details / Announcements / Mentoring..." */
-/* Navigation menus appear as a segmented pill overlaid on a groove: */
-/* First row of options */
-#context-navigation-tabs .navigation.menu {
-  margin: 0.5em 0 1em;
-  text-align: center;
-}
-/* Segments have slight padding, and are normally light grey: */
-#context-navigation-tabs .navigation.menu * {
-  background: #808080 url(navigation-n.png) top left repeat-x;
-  padding: 0.25em 0;
-  color: #fff;
-}
-/* But the selected element is slightly darker: */
-#context-navigation-tabs .navigation.menu strong * {background-color: #353434;}
-/* All segments have a border, and padding around their text: */
-#context-navigation-tabs .navigation.menu * * {
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #353434;
-  padding: 0.25em 0.5em;
-}
-/* For text browsers, there's a " / " separator, hidden from CSS browsers: */
-#context-navigation-tabs .navigation.menu small {display: none;}
-/* All text in the navigation menu is near-black, even the links: */
-#context-navigation-tabs .navigation.menu, .navigation.menu a {color: #333;}
-#context-navigation-tabs .navigation.menu a:hover {text-decoration: none;}
-/* The first segment has a rounded cap, matching its color: */
-#context-navigation-tabs .navigation.menu > :first-child {
-  background: url(navigation-parent-nw-w-normal.png) top left no-repeat;
-}
-#context-navigation-tabs .navigation.menu > strong:first-child {
-  background-image: url(navigation-nw-w-selected.png);
-}
-/* The bottom right corner is placed over top of the bottom border: */
-#context-navigation-tabs .navigation.menu > :first-child::before {
-  content: '';
-  background: url(navigation-parent-sw-normal.png) no-repeat bottom left;
-  padding: 0.25em 2px;
-  vertical-align: -1px;
-}
-#context-navigation-tabs .navigation.menu > strong:first-child::before {
-  background-image: url(navigation-sw-selected.png);
-}
-/* The last segment has a rounded cap, matching its color: */
-#context-navigation-tabs .navigation.menu > :last-child {
-  background: url(navigation-parent-ne-e-normal.png) top right no-repeat;
-}
-#context-navigation-tabs .navigation.menu > strong:last-child {
-  background-image: url(navigation-ne-e-selected.png);
-}
-#context-navigation-tabs .navigation.menu > :last-child * {border-right: none;}
-/* The bottom right corner is placed over top of the bottom border: */
-#context-navigation-tabs .navigation.menu > :last-child::after {
-  content: '';
-  background: url(navigation-parent-se-normal.png) no-repeat bottom left;
-  padding: 0.25em 2px;
-  vertical-align: -1px;
-}
-#context-navigation-tabs .navigation.menu > strong:last-child::after {
-  background-image: url(navigation-se-selected.png);
-}
-/* Second row of options */
-#view-navigation-tabs .navigation.menu {
-  margin: 0.5em 0 1em;
-  text-align: center;
-}
-/* Segments have slight padding, and are normally light grey: */
-#view-navigation-tabs .navigation.menu * {
-  background: #4c4c4c url(navigation-n.png) top left repeat-x;
-  padding: 0.25em 0;
-  color: #fff;
-}
-/* But the selected element is slightly darker: */
-#view-navigation-tabs .navigation.menu strong * {background-color: #000;}
-/* All segments have a border, and padding around their text: */
-#view-navigation-tabs .navigation.menu * * {
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #0d0d0d;
-  padding: 0.25em 0.5em;
-}
-/* For text browsers, there's a " / " separator, hidden from CSS browsers: */
-#view-navigation-tabs .navigation.menu small {display: none;}
-/* All text in the navigation menu is near-black, even the links: */
-#view-navigation-tabs .navigation.menu, .navigation.menu a {color: #333;}
-#view-navigation-tabs .navigation.menu a:hover {text-decoration: none;}
-/* The first segment has a rounded cap, matching its color: */
-#view-navigation-tabs .navigation.menu > :first-child {
-  background: url(navigation-nw-w-normal.png) top left no-repeat;
-}
-#view-navigation-tabs .navigation.menu > strong:first-child {
-  background-image: url(navigation-nw-w-selected.png);
-}
-/* The bottom right corner is placed over top of the bottom border: */
-#view-navigation-tabs .navigation.menu > :first-child::before {
-  content: '';
-  background: url(navigation-sw-normal.png) no-repeat bottom left;
-  padding: 0.25em 2px;
-  vertical-align: -1px;
-}
-#view-navigation-tabs .navigation.menu > strong:first-child::before {
-  background-image: url(navigation-sw-selected.png);
-}
-/* The last segment has a rounded cap, matching its color: */
-#view-navigation-tabs .navigation.menu > :last-child {
-  background: url(navigation-ne-e-normal.png) top right no-repeat;
-}
-#view-navigation-tabs .navigation.menu > strong:last-child {
-  background-image: url(navigation-ne-e-selected.png);
-}
-#view-navigation-tabs .navigation.menu > :last-child * {border-right: none;}
-/* The bottom right corner is placed over top of the bottom border: */
-#view-navigation-tabs .navigation.menu > :last-child::after {
-  content: '';
-  background: url(navigation-se-normal.png) no-repeat bottom left;
-  padding: 0.25em 2px;
-  vertical-align: -1px;
-}
-#view-navigation-tabs .navigation.menu > strong:last-child::after {
-  background-image: url(navigation-se-selected.png);
-}
-
-
-#globalsearch {
-  float: right;
-  display: inline;
-  font-weight: normal;
-  margin-right: 1em;
-}
-
-#globalsearch input {
-  font-size: small;
-}
-
-/* The last element on every page is a standard footer. */
-#globalfooter {
-    clear: both;
-    border: solid #c1c9d6;
-    border-width: 1px 0 0 0;
-    margin: 0.5em 0;
-    padding: 0.5em 0;
-}
-/* XXX 20080617 mpt: That 20px will be obsolete in 2.0 (bug 240657). */
-/* It has a top border if the page doesn't already have a rounded border. */
-body.freeform #globalfooter {
-  border-top: 1px solid #cbcbcb; /* matches color of mainarea_* images */
-  padding-top: 0.5em;
-}
-#colophon            {float: left;}
-#applications-footer {float: right;}
-#lp-arcana           {float: right;}
-
-/* === Specific page layouts === */
-
-/*- App home pages and pillar indexes both have a heading and app buttons. -*/
-table#applications {margin: 1em 0 -0.5em;}
-table#applications th, table#applications td {vertical-align: bottom;}
-table#applications th {padding-left: 60px; text-align: left;}
-table#applications th h1 {margin: 0; padding: 0;}
-table#applications td {text-align: right;}
-body.tab-branches #applications,
-body.tab-bugs #applications,
-body.tab-specifications #applications,
-body.tab-answers #applications,
-body.tab-translations #applications {
-  background-position: left bottom !important;
-}
-/* But the pillar indexes have no watermark, so no heading indenting. */
-body.pillarindex table#applications th {padding-left: 0;}
-
-.clear {
-  clear: both;
-  height: 0px;
-  overflow: hidden;
-}
-
-/* Either that application/pillar heading, or a structural heading,
-partly (but not visibly) overlaps the rounded border of the main area. */
-#structuralobject, #applications {
-  position: relative;
-  z-index: 1;
-}
-
-/* Display the pillar image above mainarea, so the image does not appear
-   cropped in wide windows on browsers that do not support transparent
-   background. */
-#structuralobjectheading img {
-  z-index: 2;
-}
-
-#structuralobjectheading {
-  background: none;
-  color: black;
-  float: left;
-  margin: 10px 20px 0; /* XXX 20080617 mpt: remove 20px in 2.0 (bug 240657). */
- */
-  width: 70%;
-}
-/* Structural headings contain an icon, maybe an intro, and a main heading.
-
-   The icon size (when present) is 64x64, and is floated left. The left
-   margins (3px on the icon, 70px on .intro and .main) provides 3px of
-   horizontal spacing on each side of the icon. */
-#structuralobjectheading img {
-  float: left;
-  margin: 0;
-  margin-right: 3px;
-  /* Large negative margin-bottom, so the presence or absence of the image
-     will not affect the positioning of the #mainarea. */
-  margin-bottom: -32px;
-}
-#structuralobjectheading .intro {
-  margin: 2px 0 0 70px;
-  font-size: 12px;
-}
-#structuralobjectheading .main {
-  /* No bottom spacing here. If this does not wrap around, the spacing with
-     "#mainarea" is provided by the margin-botom of "#globalsearch". If this
-     does wrap around, we do not want spacing in addition to the font's
-     descent. */
-  font-weight: bold;
-  margin: 1px 0 0 70px;
-  font-size: 24px;
-}
-
-/* mainarea and three other divs supply the bottom (mainarea), top (x),
-top left (y), and top right (z) of the rounded border. */
-#mainarea {clear: both; position: relative;}
-
-/* Inside those is a container for the main content, and the portlets if any. */
-#container {margin: 0 0 40px;}
-* html #container {margin-top: 0; position: static;} /* fixes in IE6 */
-
-/* A two-column layout with portlets is achieved using floats: */
-#maincontent, #maincontentsub, #portlets {float: left;}
-/* ("maincontentsub" is used for a two-column section in bugtask-index.pt.) */
-/* The main column should take the full width available, minus 200px for the
-portlets. We achieve this using a negative right margin: */
-#maincontent, #maincontentsub {width: 100%; margin-right: -200px;}
-/* And the portlets use exactly this 200px: */
-#portlets {width: 200px; margin: 0;}
-/* Inside, the main column itself keeps 20px clear of the 200px column: */
-#nonportlets {margin-right: 220px;}
-/* Non-portlets can also be constrained to an easily readable width. */
-#nonportlets.readable {max-width: 40em;}
-/* One-column pages can construct portlets using <div class="aside">: */
-div.aside {clear: right; float: right; margin-left: 20px; width: 200px;}
-
-/* -- Pillar indexes -- */
-
-/* Distributions, projects, and people have two-column main pages. */
-/* The main heading and most of the information is in the second column: */
-.pillar {
-  margin-left: 212px;
-  zoom: 1; /* sets hasLayout in IE, ensuring correct mugshot/heading layout */
-}
-.pillar h1 {clear: none;}
-/* But the mugshot and the subheadings are in the first column: */
-.pillar h2, .pillar .mugshot {
-  clear: left;
-  float: left;
-  margin-left: -212px;
-  text-align: right;
-  width: 192px;
-}
-/* There is a margin between each section and the previous one: */
-.pillar div.portlet, .pillar div.section {clear: both; margin-bottom: 2em;}
-.pillar div.portlet h2, .pillar div.section h2 {margin-top: 0;}
 
 /* === Official Bug Tag Management === */
 
@@ -1160,54 +668,6 @@
 
 .tags-hide { display: none; }
 
-/* === Portlets === */
-/* IE6 and  lower ignore the left padding, so we add extra positioning. */
-* html #portlets {left: 20px;}
-/* Portlets look the same whether as class="portlet" or class="aside": */
-#portlets .portlet, div.aside {
-  background-color: #fafafa;
-  border:1px solid #d6d6d6;
-  margin: 0 0 0.5em 0;
-  color: #717171;
-  padding: 8px;
-  width: 182px; /* = 200px column - 2*1px vertical border - 2*8px padding */
-  overflow: hidden;
-  -moz-border-radius: 5px;
-  -o-border-radius: 5px;
-  -webkit-border-radius: 5px;
-}
-/* In the Actions menu, part of the horizontal padding is used for
-highlighting menu items, so padding is handled by the contents instead: */
-#portlets #actions {
-  padding: 4px 0; width: 198px; /* 200px column - 2*1px vertical border */
-}
-#portlets .portlet, div.aside, #portlets .portlet h2, div.aside h2 {
-  font-size: 12px;
-}
-#portlets .portlet h2, div.aside h2 {
-  border-bottom: 1px solid #ccc;
-  color: inherit !important;
-  font-weight: bold;
-  margin: 0 0 1em;
-  padding: 0 0 1px;
-}
-#actions ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0 4px;
-  width: 191px; /* 200px column - 1px right border - 2*4px padding */
-}
-#actions li {
-  margin: 0; /* neutralizes UA list item indenting */
-  padding: 1px 0; /* works around a bug that makes items taller in WinIE */
-}
-#actions a, #actions strong {
-  background: url(action.png) 4px center no-repeat;
-  display: block; /* makes the clickable area equal to the highlighted area */
-  padding: 2px 2px 2px 14px; /* 14px on the left makes room for the bullet */
-}
-#actions a:hover {background-color: #fff; text-decoration: underline;}
-
 /* === Public/private status === */
 /* The first portlet on many pages discloses whether the object is private: */
 #privacy.private {
@@ -1221,18 +681,6 @@
   width: auto !important;
   border: 0 !important;
 }
-#structural-children {
-  clear: both;
-  font-size: 0.75em;
-  margin-top: 2em;
-  padding: 2em 0 0;
-  border-top: 1px dotted #cbcbcb; /* matches color of mainarea_* images */
-}
-#applicationchooser {
-  clear: both;
-  position: relative; /* needed to make z-index work */
-  z-index: 10; /* ensures tabs appear above structural object heading */
-}
 
 /* Some pages end with links to related items. */
 /* Examples: branch page, bug page. */
@@ -1264,9 +712,6 @@
 
 /* --- Various custom list formats --- */
 
-#maincontent ol, #maincontent ul {
-  padding-left: 0;
-}
 ul.architecture, li.architecture     {list-style-image: url(/@@/architecture);}
 ul.build-success, li.build-success   {list-style-image: url(/@@/build-success);}
 ul.bug.remote, li.bug.remote         {list-style-image: url(/@@/bug-remote);}
@@ -1307,8 +752,6 @@
 
 /* == Application-specific styles == */
 
-#application-footer strong {font-weight: normal;}
-
 .description {font-size: 1.125em;}
 /* person/project/bug descriptions, bug comments */
 .report h2 {font-size: 1.4em;}
@@ -1359,34 +802,6 @@
 
 /* --- Overview --- */
 
-body.tab-overview #mainarea #portlets .portlet.active h2 a,
-body.tab-overview #mainarea div#portlets div.portlet.active a {
-  background-color: #F0CB00;
-}
-body.tab-overview #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-overview #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #FFE40F;
-}
-body.tab-overview #mainarea #portlets .portlet.active div,
-body.tab-overview #mainarea #portlets .portlet.active ul,
-body.tab-overview #mainarea #portlets .portlet.active ul li a,
-body.tab-overview #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-overview #mainarea div#portlets div.portlet.active ul,
-body.tab-overview #mainarea div#portlets div.portlet.active ul li a,
-body.tab-overview #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #FEFCF0;
-}
-body.tab-overview #mainarea #portlets .portlet.active div {
-  border-left: 4px solid #FEFCF0;
-  border-right: 4px solid #FEFCF0;
-}
-body.tab-overview #actions, body.tab-overview .results {
-  background: #e6eed3;
-}
-body.tab-overview #actions h2, body.tab-overview #actions h2:hover {
-  background-color: #83ad23;
-}
-
 .tab-overview #application-footer strong {
   background: none;
   color: #83ad23;
@@ -1413,10 +828,6 @@
   visibility: visible;
 }
 
-/* The top-most Person portlet, Contact Details, is allowed to float up and
-beside the mugshot. */
-#contact-details {clear: none;}
-
 .product.series, .series {margin-bottom: 1em;}
 #packages h1, #projects h1 {margin-top: 1.2em;}
 
@@ -1670,28 +1081,6 @@
 
 /* --- Code --- */
 
-body.tab-branches #applications {background: url(app-code-wm.gif) no-repeat;}
-body.tab-branches #mainarea #portlets .portlet.active h2 a,
-body.tab-branches #mainarea div#portlets div.portlet.active a {
-  background-color: #CE4227;
-}
-body.tab-branches #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-branches #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #E2563B;
-}
-body.tab-branches #mainarea #portlets .portlet.active div,
-body.tab-branches #mainarea #portlets .portlet.active ul,
-body.tab-branches #mainarea #portlets .portlet.active ul li a,
-body.tab-branches #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-branches #mainarea div#portlets div.portlet.active ul,
-body.tab-branches #mainarea div#portlets div.portlet.active ul li a,
-body.tab-branches #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #FCF4F2;
-}
-body.tab-branches #mainarea #portlets .portlet.active div {
-  border-left: 4px solid #FCF4F2;
-  border-right: 4px solid #FCF4F2;
-}
 body.tab-branches #actions, body.tab-branches .results {background-color: #ffc;}
 body.tab-branches #actions h2, body.tab-branches #actions h2:hover {
   background-color: #d18b39;
@@ -1812,28 +1201,6 @@
 
 /* === Bugs === */
 /* The Launchpad Bugs application uses a maroon color: */
-body.tab-bugs #applications {background: url(app-bugs-wm.gif) no-repeat;}
-body.tab-bugs #mainarea #portlets .portlet.active h2 a,
-body.tab-bugs #mainarea div#portlets div.portlet.active a {
-  background-color: #F0CB00;
-}
-body.tab-bugs #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-bugs #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #FFE40F;
-}
-body.tab-bugs #mainarea #portlets .portlet.active div,
-body.tab-bugs #mainarea #portlets .portlet.active ul,
-body.tab-bugs #mainarea #portlets .portlet.active ul li a,
-body.tab-bugs #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul li a,
-body.tab-bugs #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #FEFCF0;
-}
-body.tab-bugs #mainarea #portlets .portlet.active div {
-  border-left: 4px solid #FEFCF0;
-  border-right: 4px solid #FEFCF0;
-}
 body.tab-bugs #actions, body.tab-bugs .results {background-color: #fee;}
 body.tab-bugs #actions h2, body.tab-bugs #actions h2:hover {
   background-color: #9f2b33;
@@ -1880,26 +1247,6 @@
 
 /* --- Blueprints --- */
 
-body.tab-specifications #applications {
-  background: url(app-blueprints-wm.gif) no-repeat;
-}
-body.tab-specifications #mainarea #portlets .portlet.active h2 a,
-body.tab-specifications #mainarea div#portlets div.portlet.active a {
-  background-color: #F0CB00;
-}
-body.tab-specifications #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-specifications #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #FFE40F;
-}
-body.tab-specifications #mainarea #portlets .portlet.active div,
-body.tab-specifications #mainarea #portlets .portlet.active ul,
-body.tab-specifications #mainarea #portlets .portlet.active ul li a,
-body.tab-specifications #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul li a,
-body.tab-specifications #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #FEFCF0;
-}
 body.tab-specifications #actions, body.tab-specifications .results {
   background-color: #eff;
 }
@@ -1942,30 +1289,6 @@
 
 /* === Translations === */
 
-body.tab-translations #applications {
-  background: url(app-translations-wm.gif) no-repeat;
-}
-body.tab-translations #mainarea #portlets .portlet.active h2 a,
-body.tab-translations #mainarea div#portlets div.portlet.active a {
-  background-color: #3594bb;
-}
-body.tab-translations #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-translations #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #29B0DC;
-}
-body.tab-translations #mainarea #portlets .portlet.active div,
-body.tab-translations #mainarea #portlets .portlet.active ul,
-body.tab-translations #mainarea #portlets .portlet.active ul li a,
-body.tab-translations #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-translations #mainarea div#portlets div.portlet.active ul,
-body.tab-translations #mainarea div#portlets div.portlet.active ul li a,
-body.tab-translations #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #F1F9FC;
-}
-body.tab-translations #mainarea #portlets .portlet.active div {
-  border-left: 4px solid #f1f9fc;
-  border-right: 4px solid #f1f9fc;
-}
 body.tab-translations #actions, body.tab-translations .results {
   background-color: #f1d7e6;
 }
@@ -1990,28 +1313,6 @@
 
 /* === Answers === */
 
-body.tab-answers #applications {background: url(app-answers-wm.gif) no-repeat;}
-body.tab-answers #mainarea #portlets .portlet.active h2 a,
-body.tab-answers #mainarea div#portlets div.portlet.active a {
-  background-color: #3840be;
-}
-body.tab-answers #mainarea #portlets .portlet.active h2 a:hover,
-body.tab-answers #mainarea div#portlets div.portlet.active a:hover {
-  background-color: #5350E0;
-}
-body.tab-answers #mainarea #portlets .portlet.active div,
-body.tab-answers #mainarea #portlets .portlet.active ul,
-body.tab-answers #mainarea #portlets .portlet.active ul li a,
-body.tab-answers #mainarea #portlets .portlet.active ul li a:hover,
-body.tab-answers #mainarea div#portlets div.portlet.active ul,
-body.tab-answers #mainarea div#portlets div.portlet.active ul li a,
-body.tab-answers #mainarea div#portlets div.portlet.active ul li a:hover {
-  background-color: #F4F4FC;
-}
-body.tab-answers #mainarea #portlets .portlet.active div {
-  border-left: 4px solid #F4F4FC;
-  border-right: 4px solid #F4F4FC;
-}
 body.tab-answers #actions, body.tab-answers .results {background-color: #eef;}
 body.tab-answers #actions h2, body.tab-answers #actions h2:hover {
   background-color: #3840be;
@@ -2064,15 +1365,6 @@
 
 /* -- Front pages -- */
 
-#applications {clear: both; width: 100%;}
-div#applications {padding: 1em 0; text-align: center;}
-#applications span {
-  display: inline-block;
-  float: right;
-}
-#applications a img {
-  margin: 0 auto;
-}
 .central {
   clear: left; /* Bugs FP */
   font-size: 1.125em;
@@ -2118,25 +1410,9 @@
 img.mugshot {display: block;}
 /* End hiding from MSIE for Mac */
 
-div.columns {clear: both;}
 div.left, div.right {width: 50%;}
 div.left {clear: both; float: left;}
 div.right {clear: right; float: right;}
-div.left div.portlet, div.right div.portlet {
-  border: dotted #cbcbcb; /* matches color of mainarea_* images */
-  border-width: 1px 0 0 0;
-  margin-top: 0;
-  padding-top: 0.5em;
-}
-div.left div.portlet {
-  border-width: 1px 0 0 0;
-  padding: 0 0.5em 0.5em 0;
-}
-div.right div.portlet { /* is this necessary? */
-  border-width: 1px 0 0 1px;
-  padding: 0 0 0.5em 0.5em;
-}
-div.columns div.right div.portlet {border: none; padding: 0;} /* BlueprintsFP */
 
 div.three.column.middle {margin-right: 1%;}
 div.three.column.left, div.three.column.middle, div.three.column.right {
@@ -2151,16 +1427,8 @@
 ul.buttons {margin: 0.5em 0 0.5em 0 !important; padding: 0 !important;}
 /*- without !important, gets overridden by the '#maincontent ol' etc rule -*/
 ul.buttons li {display: inline; margin: 0 0 0 0;}
-body.applicationhome ul.buttons {float: right; margin: 0 0 0 1em !important;}
-body.applicationhome ul.buttons li {display: block; margin-right: 0;}
 ul.cross-reference {font-size: 1.25em;}
 
-/*
-li {
-  margin-bottom: 0.75em;
-}
-*/
-
 #project-cloud-preview a {
   padding-left: 0.5em;
   padding-right: 0.5em,

=== modified file 'lib/lp/bugs/templates/buglisting-embedded-advanced-search.pt'
--- lib/lp/bugs/templates/buglisting-embedded-advanced-search.pt	2009-09-23 13:11:52 +0000
+++ lib/lp/bugs/templates/buglisting-embedded-advanced-search.pt	2009-11-27 23:35:24 +0000
@@ -27,7 +27,6 @@
       <metal:advanced_form
         use-macro="context/@@+bugtask-macros-tableview/advanced_search_form" />
     </tal:show_advanced>
-    <div class="visualClear">&nbsp;</div>
   </div>
 </body>
 </html>

=== modified file 'lib/lp/bugs/templates/person-packagebugs-search.pt'
--- lib/lp/bugs/templates/person-packagebugs-search.pt	2009-09-09 13:00:41 +0000
+++ lib/lp/bugs/templates/person-packagebugs-search.pt	2009-11-27 23:35:24 +0000
@@ -34,20 +34,6 @@
     </style>
   </div>
 
-    <metal:heading fill-slot="pageheading">
-      <h1 tal:define="name context/fmt:displayname"
-          tal:content="string:${name}'s bug reports by package">
-        Foo Bar's bug reports by package
-      </h1>
-    </metal:heading>
-
-  <metal:leftportlets fill-slot="portlets_one">
-    <tal:do_not_show_portlets_advanced_form
-      condition="not: view/shouldShowAdvancedForm">
-      <div tal:content="structure context/@@+portlet-otherpackages" />
-    </tal:do_not_show_portlets_advanced_form>
-  </metal:leftportlets>
-
   <metal:side fill-slot="side">
     <tal:menu replace="structure context/@@+global-actions" />
   </metal:side>
@@ -78,8 +64,6 @@
         <metal:advanced_form
           use-macro="context/@@+bugtask-macros-tableview/advanced_search_form" />
       </tal:show_advanced>
-    <div class="visualClear">&nbsp;</div>
-
   </div>
 </body>
 </html>