/* = Launchpad style sheet = */

/* == Contents == */
/*
 * Guidelines
 * Things browsers should do but don't
 * Overall presentation
  - Fonts and colors
  - Error, warning, and informational messages
  - Forms
  - Tables
   - Listing tables
   - Summary tables
...
 * Application-specific styles
  - Overview
  - Code
  - Bugs
  - Blueprints
  - Translations
  - Answers
...
*/

/* Inline description editing.
 * Override the lazr-js style for all uses.
 */
div#edit-description,
div#edit-commit_message {
    font-family: monospace;
    margin: 1em 0;
    }

.yui3-ieditor-multiline .yui3-ieditor-input {
    top: 0;
    }

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* === Fonts and colors === */

.unavailable {
    color: #999;
    background: none;
}

.duplicate-details p {
    padding: 0em;
    margin-top: 0em;
    margin-bottom: 0.2em;
}

.helpwanted {
    background-color: #fafca9;
    border: 1px solid black;
    padding: 0.5em;
    padding-left: 3em;
}

.whiteboard {
    color: #666;
}

/* When shown as in a definition description, indent slightly. */
dd .whiteboard {
    padding-left: 1em;
}

form label {
    font-weight: bold;
}

form.primary.search {
    margin-bottom: 2em;
}

.infobox {
    color: #666;
    display: inline-block;
    padding: 0.5em 0.5em 0.5em 2em;
    background: url(/@@/info) 0.5em 0.5em no-repeat;
    background-color: rgb(249, 249, 249);
    border: 1px solid #ddd;
    border-radius: 3px
}

div#bugs-search-form.dynamic_bug_listing {
    margin-bottom: 10px;
    padding: 3px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #EBEBEB;
}

form.primary.search.dynamic_bug_listing {
    margin-bottom: 0;
}

form.primary.search.dynamic_bug_listing h3 {
    margin-top: 5px;
}

form.primary.search.dynamic_bug_listing p {
    margin: 3px 0;
}

@media print {
  .notforprint {display:none;}
}
@media screen {
  .notforscreen {display:none;}
}

.debug {
  background: none;
  color: #f09;
}

.anchor {
  height: 1px;
  overflow: hidden;
  display: none;
}

/* === Official Bug Tag Management === */

.official-tags-layout-table {
  width: 100%;
}

.official-tags-layout-table td {
  padding: 0;
}

.official-tags-layout-table th {
  text-align: left;
  padding-bottom: 5px;
}

.official-tags-layout-table .left-column,
.official-tags-layout-table .right-column {
  vertical-align: top;
  width: 45%;
}

.official-tags-layout-table .middle-column {
  text-align: center;
  padding: 20px;
}

.official-tags-layout-table .middle-column input[type='submit'] {
  width: 75px;
  margin: 5px;
}

.official-tags-layout-table .input-field-layout-table td {
  border-style: none;
  padding: 5px;
}

.official-tags-layout-table ul {
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0 !important;
}

.official-tags-layout-table li.selected {
  background-color: #eee;
}

.official-tags-layout-table ul .tag-used-count {
  color: #666;
}

.official-tags-layout-table .list-scrollable-area {
  height: 10em;
  overflow-y: scroll;
  border-style: solid;
  border-width: 1px;
  border-color: #eee;
}

.official-tags-layout-table .left-column .list-scrollable-area {
  background-color: #fefecc;
}

.official-tag-error-message {
  padding-top: 1em;
  padding-bottom: 1em;
}

.official-tag-error-message-header {
  font-weight: bold;
  margin-left: 1em;
}

.official-tag-error-message-value {
  color: red;
  text-decoration: underline;
}

.tags-show { display: block; }

.tags-hide { display: none; }

.check,
.radio {
  background: transparent;
  width: auto !important;
  border: 0 !important;
}


/* Various custom link icons */

a.bg-image {
    /* A background-image should be specified on the element. */
    background-repeat: no-repeat;
    background-position: center left;
    background-attachment: scroll;
    line-height: 130%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 18px;
}

/* == Application-specific styles == */

/* person/project/bug descriptions, bug comments */
.report h2 {font-size: 24px;}
.boardComment, .boardCommentSummary {border: 1px solid #ddd;}
.boardComment {margin: 1em 0 1.5em;}
.boardCommentSummary {margin: 0.3em 0 0.3em 0;}
.remoteBugComment {background-color: #f6f6f6;}
* html .boardComment {float: left; clear: both; width: 99%;} /* IE float bug */

.boardCommentDetails {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 12px;
}
.boardCommentDetails table {
  margin: -0.5em -12px;
}
.boardCommentDetails tr {
    width: 100%;
}
.boardCommentDetails td {
    width:98%;
    padding: 0.5em 12px;
}
.boardCommentDetails td.bug-comment-index {
    width:2%;
    border-left: 1px solid #ddd;
}
.boardCommentDetails .editorShortcutTip {
    float: right;
    font-size: 0.9em;
    color: gray;
}
.boardCommentBody {padding: 0.5em 12px 0;}
.boardCommentActivity {
  padding: 0.5em 12px;
  background-color: #fafafa;
}
.boardCommentActivity table {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.boardCommentContent { line-height: 1.4em;}
.boardCommentFooter {
  background-color: #F8F8F8;
  color: #666;
  padding: 0.15em 12px;
  border-top: 1px solid #ddd;
  text-align: right;
}
.boardCommentFooter a {
  margin-left: 1.5em;
}
.from-superseded {background-color: #ffffcc;}
.adminHiddenComment {background-color:gray;}

/* --- Overview --- */

body.tab-overview #description, div#branch-description {
    width: 50em;
}
body.tab-overview #description fieldset, div#branch-description fieldset {
    border: 1px solid gray;
    padding: 0 1em;
    margin:0 1em 1em 0;
}

div#branch-description {
    margin-top: 1em;
}

#packages h1, #projects h1 {margin-top: 1.2em;}


/* Soyuz-related styles (that don't have a facet, but generally are
 * under Overview)
 */

ul.latest-ppa-updates li {
    padding: 3px;
    background-repeat: no-repeat;
    background-position: right center;
    }
table#packages_list tr.superseded, tr.blacklisted {
    background-color: #eee;
    }
ul.latest-ppa-updates li:nth-child(odd) {
    /* The following could be generalised for use to the following selector:
       .side .portlet li.nth-child(odd)
       if needed. */
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #eeeeff;
    }
ul.latest-ppa-updates li.FULLYBUILT {
    background-image: url('/@@/yes');
    }
ul.latest-ppa-updates li.FULLYBUILT_PENDING {
    background-image: url('/@@/build-success-publishing');
    }
ul.latest-ppa-updates li.NEEDSBUILD {
    background-image: url('/@@/build-needed');
    }
ul.latest-ppa-updates li.FAILEDTOBUILD {
    background-image: url('/@@/build-failed');
    }
ul.latest-ppa-updates li.BUILDING {
    background-image: url('/@@/processing');
    }

.package-diff-status span.COMPLETED {
    background-image: url('/@@/packagediff-ok');
    background-position: 0 0;
    background-repeat: no-repeat;
     }
.package-diff-status span.PENDING {
    background-image: url('/@@/packagediff-loading');
    background-position: 0 0;
    background-repeat: no-repeat;
    }
.package-diff-status span.FAILED {
    background-image: url('/@@/packagediff-failed');
    background-position: 0 0;
    background-repeat: no-repeat;
    }
.package-diff-status span.request-derived-diff {
    background-image: url('/@@/packagediff-unknown');
    background-position: 0 0;
    background-repeat: no-repeat;
    }

#sources-list-entries {
  border: 1px solid gray;
  padding: 0.3em;
  margin: 1em 0 1em 0;
}


div#build-status-summary th {
    text-align:left;
}

div#signing-key {
    clear: both;
    float: left;
}

div#signing-key p {
    max-width: none;
    background: url(/@@/info) center left no-repeat;
    padding-left: 18px;
}

/* build status links should always be padded. */
td.build_status a {
    margin: 0 0 0 0.4em;
}

div#signing-key a {
    font-weight: bold;
}

div.archive #description {
    width: 50em;
}
div.archive #description fieldset {
    border: 1px solid gray;
    padding: 0 1em;
    margin:0 1em 1em 0;
}
table#package-requests td {
    padding: 0.5em;
}
form.package-search-filter {
    clear: both;
}
h1.disabled, .greyed-out {
    color: gray;
}
table#packages_list {
    margin-top: 1em;
}
p.update-failure-message {
    background: url(/@@/no) center left no-repeat;
    padding-left: 18px;
}

.update-in-progress-message {
    background: url(/@@/spinner) center left no-repeat;
    padding-left: 18px;
    color: #666;
}

a.action-icon.standalone.update-in-progress-message {
    display: inline-block;
    margin-left: inherit;
    margin-top: -10px;
    width: 1px;
    height: 16px;
    vertical-align: text-top;
    text-indent: 3px;
    overflow: hidden;
}

button.update-in-progress-message {
    background: buttonface none;
    padding-left: inherit;
    color: inherit;
}

button.update-in-progress-message:after {
    background: url("/@@/spinner") center left no-repeat;
    content: "\00A0";
    margin-left: 6px;
    padding-right: 12px;
}

a.update-retry {
    padding-left: 1em;
}

/* PPA installation instructions slider.*/
#ppa-install-slide-trigger {
    cursor: pointer;
    color: #093; /* for the underline on hover */
}
#ppa-install-slide-trigger:hover {
    text-decoration: underline
}
#ppa-install .widget-body {
    margin: 1em;
}
#ppa-install .widget-body.lazr-closed {
    height: 0px;
    overflow: hidden;
    display: block;
}
#ppa-install .ppa-reference {
    white-space: nowrap;
}

/* Brand the related PPA versions with the PPA icon (not currently
   in the sprite image.) */
div#slide-trigger {
    padding:8px 0 8px 32px;
    background:url('/@@/ppa-large') 0 0 no-repeat;
    cursor: pointer;
    color: #093; /* for the underline on hover */
}
div#slide-trigger:hover {
    text-decoration: underline
}
dl#ppa_packaging dd {
    margin-left: 16px;
}
#related-ppa-versions .widget-bd {
    margin-left: 2em;
}
/* Ensure that when we add the lazr-closed class via js that the
 * slider body will not be visible. */
#related-ppa-versions .widget-bd.lazr-closed {
    height: 0px;
    overflow: hidden;
    display: block;
}

/* Archive subscription confirmation should be transparent
 * to users, hence the button styled as a link. */
form.archive-subscription-activation button {
    border: none;
    float:left; /* Enables underline on hover below. See http://is.gd/1i7TB */
    color: #0033AA;
    background:transparent url(/@@/info) no-repeat scroll left center;
    padding: 0 0 0 15px;
    margin:0;
    cursor: pointer;
}
form.archive-subscription-activation button:hover {
    text-decoration: underline;
}

/* Shaded logging area. */
div.logtail {
    margin: 0.5em;
    background-color: #f6f6f6;
    padding: 5px;
    border: solid gray;
    border-width: 1px;
    font-family: monospace;
    border-radius: 5px;
}

div.logtail p {
    max-width: 100%;
}

/* <pre> for presenting source changelog nicely. */
pre.changelog {
    margin: 0.5em;
    padding: 5px;
}

/* Disabled PPAs when linkified (uploaders) should be gray and when not
   linkified should be lined-through. */
a.ppa-icon-inactive {
    color: gray;
}
span.ppa-icon-inactive {
    text-decoration: line-through;
}

div.builds_list form {
    padding: 1em 1em 2em 0em;
}

/* XXX Michael Nelson 20090828 bug=420376
 * Temporary style for actions on the ppa/+packages page until we move
 * the copy/delete packages functionality into the page itself. */
div.ppa-packaging-tmp-actions {
    float:right;
}

div.ppa-packaging-tmp-actions .portlet {
    border-top: 0 none;
}


/* --- Code --- */

code.command {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #626262;
    padding: 4px;
    font-family: "DejaVu Sans Mono", "Courier New", monospace;
    font-size: 1.05em;
}
code.command-block {
    display: block;
    margin-bottom: 1em;
    padding: 6px;
}
code.command-block:last-child {
    margin: 0;
}
table.code {
    margin-bottom: 1em;
}
table.code th {
    text-align: left;
    font-weight: bold;
}
table.code th, table.code td {
    padding-right: 3em;
}
#git-expander-content {
    margin-top: 1em;
}
.branch-no-dev-focus {
  background: #FFF59C;
  vertical-align: middle;
  text-align: center;
  height: 2.5em;
}

.pending-update {
  background: #FFF59C;
  width: 40em;
  margin: 1em auto;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border-radius: 5px;
}

.pending-update h3 {
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

.mergeproposal p {margin: 0.5em 0 }

.commentSuffix {
  height: 2.5em;
}
.commentVote {
  float: right;
}
.codereviewcomment .attachment, #review-diff .attachment,
div.diff .attachmentBody {
  background-color: #f6f6f6;
}
div.diff .horizontal {
  margin: 0;
}

#proposal-summary td, #proposal-summary th { padding-bottom: 2px; }
table.diff {
   white-space: pre-wrap;
   width: 100%;
   background-color: white;
   margin-bottom: 0.5em;
}
table.unidiff {
   table-layout: fixed;
}

table.diff .nav-cursor:before {
   content: "\0025B6";
   font-weight: bold;
   display: block;
   float: left;
   margin-left: 1.25em;
}
table.diff .text { padding-left: 0.5em; }
table.diff .line-no, table.diff .ss-line-no {
  text-align: right;
  background-color: #f6f6f6;
  color: #999;
  border-right: solid 4px white;
  width: 4em;
  cursor: pointer;
}

table.diff .line-no.active {
  background: url(/@@/add) #f6f6f6 center left no-repeat;
}
table.diff .diff-chunk, table.diff .diff-file, table.diff .diff-header {
 font-weight: bold;
}
table.diff .diff-added { background-color: #92ED92; }
table.diff .diff-removed { background-color: #FF7F7F; }
table.diff .inline-comments > td > div {
  margin: 0 1em 1.5em 1em;
}
table.diff .inline-comments .yui3-ieditor { padding-right:0!important; }
table.diff .inline-comments .yui3-ieditor-multiline .yui3-ieditor-btns
    .bg-top-label button.lazr-btn {
  word-wrap: normal;
}
table.diff .inline-comments .boardComment {
  margin: 1em 0;
}
table.diff .inline-comments .boardCommentBody {
  word-wrap: break-word;
  font-family: monospace;
  padding-bottom: 0.5em;
}
table.diff .inline-comments .yui3-ieditor-multiline .yui3-ieditor-btns
    .bg-top-label {
  background-image: none!important;
  margin-right: -7px!important;
  margin-top: 18px!important;
}
table.diff .inline-comments .yui3-ieditor-input textarea {
  width: 92%;
  max-width: 92%;
  float: left;
}
table.diff .inline-comments .yui3-ieditor-input {
  width: auto!important;
  margin-right: 0;
  margin-bottom: 5px;
  overflow: hidden;
}

.back-link { margin-top: 3em; }

.reviews {
    padding-left: 2em;
}
dl.reviews dd {
    margin-bottom: 0;
}
.yui-diff-overlay-hidden {
    display: none;
}
.yui-diff-overlay {
    width: 80% !important;
}
.yui-diff-overlay #yui-pretty-overlay-modal {
    width: auto !important;
    color: black !important;
}

.code-links td.code-count {
  text-align: right;
  padding-right: 0.5em;
}

.code-links td.code-link {
  text-align: left;
  margin: 0 0 0 0;
}

tr.ict-header {
    background-color: #EEEEEE;
}

/* === Bugs === */

tr.buglink-summary td {
    padding: 0px 6px;
    }
tr.buglink-summary td.first {
    padding-left: 0px;
    }

/* In a bug report page, the current context is highlighted in yellow: */
#affected-software tr.highlight {background-color: #ff9;}

/* Bug report page subscribe/unsubscribe spinner */
div#sub-unsub-spinner, div#mute-unmute-spinner {
  background: url(/@@/spinner) center left no-repeat;
  color:#999;
  display:none;
  padding:3px 5px 2px 17px;
}
.unsub-icon, .editsub-icon {position:absolute; right:16px;}

.highlight-message {
  margin: 2em 0 2em 0;
}

.patches-view-cell {
  padding-right: 1em;
}

.bug-links td.bugs-count {
  text-align: right;
  padding-right: 0.5em;
}

.bug-links td.bugs-link {
  text-align: left;
}

/* Intended to be used as temporary replacement for a sprite class when the
   associated link's action is in-progress. */
.spinner {
  background: url(/@@/spinner) center left no-repeat;
}

/* Intended to be used as temporary replacement for a button class like
   lazr-pos when the associated button's action is in-progress. */
button.spinner {
  background-image: url(/@@/spinner) !important;
}

/* Gives us some room after the description of the user's subscription. */
div#current_user_subscription {
    padding-bottom: 8px;
}

/* This lets us have a link that spans lines. */
div#current_user_subscription a.sprite {
  display: inline;
}

/* === Translations === */

.translation code {font-weight: bold;} /* an interpolation code, such as %i */
.translation samp { /* a leading/trailing space */
  background: url(/@@/translation-space) center center no-repeat;
  padding: 0 4px; /* should be half the width of /@@/translation-space */
  white-space: pre; /* stops consecutive spaces from collapsing */
}
/* In translation forms, single-line text fields occupy nearly all of the
available width, just like multi-line fields (see "textarea" above): */
input.translate {width: 90%; max-width: 60em;}



/* Templates listing.
 *
 * Examples:
 *   https://translations.launchpad.dev/ubuntu/hoary/+templates
 *   https://translations.launchpad.dev/evolution/trunk/+templates
 */
.inactive-template td {
    background-color: #fee;
    color: #855;
    }

/* Translations statistics and legend.
 *
 * Examples:
 *   https://translations.launchpad.dev/ubuntu/hoary/+lang/es
 *   https://translations.launchpad.dev/evolution/trunk/+lang/es
 */

div.translations-legend {
    padding-top: 2em;
    padding-bottom: 1em;
    }
table.translation-stats td {
    text-align: center;
    }
table.translation-stats td.template-name {
    text-align: left;
    }
table.translation-stats tfoot td,
table.translation-stats tfoot th {
    background-color: #f7f7f7;
    border: 0px;
    border-top: 2px solid #d2d2d2;
    border-bottom: 2px solid #d2d2d2;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    }
table.translation-stats tfoot th {
    text-align: left;
    }
table.translation-stats tfoot td {
    text-align: center;
    }

/* Translations help links.
 *
 * Examples:
 *   https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+pots/evolution-2.2/
 *   https://translations.launchpad.dev/ubuntu/hoary/+source/evolution/+translations
 *   https://translations.launchpad.dev/ubuntu/hoary/
 *
 */
div.translation-help-links a {
    float: right;
    }
div.translation-help-links div {
    clear: both;
    }
/* Message boxes (especially error boxes) should be visible above other
 * elments. */
.yui3-activator-message-box {
    z-index: 9999;
    }


/* === Webhooks === */

table.listing tr.webhook-delivery:hover {
    text-decoration: underline;
    cursor: pointer;
}


/* ====== Content area styles ====== */

/* -- Front pages -- */

.central {
  clear: left; /* Bugs FP */
  margin: 0 auto 1em;
  padding: 0.5em 0; /* FP should fit in ~750px; Bugs FP */
  width: auto;
}
#application-summary, #application-footer, #page-summary {
  line-height: 1.4em;
  margin-top: 0;
}
#application-footer {
  border-top: 1px dotted #999;
  clear: both;
  margin-top: 2em;
  padding-top: 1em;
}

/* -- Other pages -- */

img.mugshot {
  float: right;
  margin-left: 20px;
}
img.mugshot:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
img.mugshot {display: inline-table;}
/* Work around float bug in MSIE for Windows, while hiding from MSIE for Mac \*/
* html img.mugshot {height: 1%;}
img.mugshot {display: block;}
/* End hiding from MSIE for Mac */


#project-cloud-preview a {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#project-tags a {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.lowerCaseText {
  text-transform: lowercase
}

div.popupTitle {
  background: #ffffdc;
  padding: 0.5em 1em;
  border: 1px black solid;
  position: absolute;
  display: none;
}

/* Hide the packageset picker widget on the Initialize series page */
.yui3-packagesetpickerwidget-hidden {
    display: none;
}

/* Search results*/

#search-results {
  margin-top: 1em;
}


#search-results ul {
  margin: 0 0 .5em 0;
  padding: 0;
  list-style-type: none;
}

#search-results ul li {
  margin-bottom: 1em;
}

#search-results ul li div.summary {
  margin-left: 17px;
  font-weight: normal;
}

#search-results ul.exact-matches {
  margin-top: 1em;
  margin-bottom: 1em;
}
#search-results ul.site-matches {
  max-width: 55em;
}

#search-results .upper-batch-nav, .freeform-batch .upper-batch-nav {
  border-top: 1px solid #d2d2d2;
  margin-top: 2.5em;
  margin-bottom: 1em;
  background: #e7effc;
}

#search-results .lower-batch-nav, .freeform-batch .lower-batch-nav  {
  margin-top: 1.5em;
  border-top: 1px solid #d2d2d2;
  margin-bottom: 1em;
  background: #e7effc;
}

#search-results .search-result-link {
  font-weight: bold;
}

#search-results div.summary p {
  margin-top: 0;
}

#no-results {
  margin-top: 2em;
}

#no-results span.search_text {
  font-weight: bold;
}


/* Don't add styles here.
A chronologically-ordered style sheet is hard to maintain and debug.

First, see if you can solve your problem by correcting the HTML.
If not, see if there is an existing class that does what you want.
As a last resort, if you really do need extra CSS, add it to the appropriate
section of the style sheet, as shown in the table of contents.

Don't add styles here. Thanks. */