michael@0: %include ../../global/shared.inc
michael@0: 
michael@0: /* General */
michael@0: /* Specify the size for the wizardpage so the billboard has a fixed size. 3rd
michael@0:    party themes should typically specify the same values. */
michael@0: wizardpage {
michael@0:   height: 360px;
michael@0:   width: 700px;
michael@0: }
michael@0: 
michael@0: /* Remove margin and padding so the billboard will extend to the edge of the
michael@0:    window. 3rd party themes should typically specify the same values. */
michael@0: #updates, .wizard-page-box {
michael@0:   margin: 0;
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: .update-content {
michael@0:   padding: 6px 12px 12px 12px;
michael@0: }
michael@0: 
michael@0: .wizard-header-box-text {
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: .wizard-header {
michael@0:   margin: 12px 12px 0 12px;
michael@0: }
michael@0: 
michael@0: .wizard-buttons-btm {
michael@0:   padding: 15px 12px;
michael@0:   -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
michael@0: }
michael@0: 
michael@0: /* Don't use top margin - it can cause a scrollbar on the incompatible page */
michael@0: .wizard-buttons {
michael@0:   padding: 0;
michael@0:   -moz-appearance: statusbar;
michael@0: }
michael@0: 
michael@0: .wizard-buttons button {
michael@0:   -moz-appearance: toolbarbutton;
michael@0:   min-height: 22px;
michael@0:   margin: 0 6px;
michael@0:   padding: 0;
michael@0:   text-shadow: @loweredShadow@;
michael@0: }
michael@0: 
michael@0: .loadingBox {
michael@0:   padding: 3px 5px 3px 5px;
michael@0: }
michael@0: 
michael@0: .remoteLoadingThrobber {
michael@0:   margin-top: 3px;
michael@0: }
michael@0: 
michael@0: .remoteLoadingThrobber[state="loading"] {
michael@0:   list-style-image: url("chrome://global/skin/icons/loading_16.png");
michael@0: }
michael@0: 
michael@0: .remoteLoadingThrobber[state="error"] {
michael@0:   list-style-image: url("chrome://global/skin/icons/notfound.png");
michael@0: }
michael@0: 
michael@0: #incompatibleListbox, #finishedBackgroundMore, #acceptDeclineLicense {
michael@0:   margin-bottom: 6px;
michael@0: }
michael@0: 
michael@0: #licenseContent, #incompatibleListbox {
michael@0:   -moz-margin-start: 6px;
michael@0:   -moz-margin-end: 6px;
michael@0: }
michael@0: 
michael@0: .inline-link {
michael@0:   color: -moz-nativehyperlinktext;
michael@0:   text-decoration: none;
michael@0: }
michael@0: 
michael@0: .inline-link:hover {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: /* Unsupported Page */
michael@0: #unsupportedLabel, #unsupportedLinkLabel {
michael@0:   -moz-margin-start: 0;
michael@0:   -moz-padding-start: 0;
michael@0: }
michael@0: 
michael@0: /* Update Found Basic Page */
michael@0: #updateName, #updateFinishedName {
michael@0:   font-weight: bold;
michael@0:   font-size: larger;
michael@0: }
michael@0: 
michael@0: /* License Page */
michael@0: #licenseContent {
michael@0:   -moz-appearance: listbox;
michael@0: }
michael@0: 
michael@0: /* Downloading Page */
michael@0: #downloadStatusLine {
michael@0:   -moz-box-align: center;
michael@0: }
michael@0: 
michael@0: #downloadStatus {
michael@0:   height: 3em !important;
michael@0: }
michael@0: 
michael@0: #downloadStatusProgress {
michael@0:   padding-right: 5px;
michael@0: }
michael@0: 
michael@0: #pauseButton {
michael@0:   list-style-image: url(chrome://mozapps/skin/update/buttons.png);
michael@0:   -moz-image-region: rect(48px, 16px, 64px, 0px);
michael@0:   -moz-appearance: none;
michael@0:   background-color: transparent;
michael@0:   border: none;
michael@0:   min-height: 16px;
michael@0:   min-width: 16px;
michael@0:   max-height: 16px;
michael@0:   max-width: 16px;
michael@0:   margin: 0 1px 0 1px;
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: /* !Important must be used otherwise this won't immediately take affect */
michael@0: #pauseButton > .button-box {
michael@0:   padding: 0 !important;
michael@0: }
michael@0: 
michael@0: #pauseButton:hover {
michael@0:   -moz-image-region: rect(48px, 32px, 64px, 16px);
michael@0: }
michael@0: 
michael@0: #pauseButton:not([disabled="true"]):hover:active {
michael@0:   -moz-image-region: rect(48px, 48px, 64px, 32px);
michael@0: }
michael@0: 
michael@0: #pauseButton[disabled="true"] {
michael@0:   -moz-image-region: rect(48px, 16px, 64px, 0px);
michael@0: }
michael@0: 
michael@0: #pauseButton[paused="true"] {
michael@0:   -moz-image-region: rect(16px, 16px, 32px, 0px);
michael@0: }
michael@0: 
michael@0: #pauseButton[paused="true"]:hover {
michael@0:   -moz-image-region: rect(16px, 32px, 32px, 16px);
michael@0: }
michael@0: 
michael@0: #pauseButton[paused="true"]:hover:active {
michael@0:   -moz-image-region: rect(16px, 48px, 32px, 32px);
michael@0: }
michael@0: 
michael@0: #verificationFailedIcon {
michael@0:   margin-left: 5px;
michael@0:   list-style-image: url("chrome://global/skin/icons/notfound.png");
michael@0: }
michael@0: 
michael@0: /* Error Page */
michael@0: #errorReason {
michael@0:   margin-top: 1px;
michael@0:   margin-bottom: 2px;
michael@0:   -moz-margin-start: 6px !important;
michael@0:   -moz-margin-end: 5px;
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: /* Update History Window */
michael@0: update {
michael@0:   border-bottom: 1px dotted #C0C0C0;
michael@0: }
michael@0: 
michael@0: .update-name {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: .update-label-column {
michael@0:   -moz-box-align: end;
michael@0: }
michael@0: 
michael@0: .update-type {
michael@0:   font-weight: bold;
michael@0:   color: #990000;
michael@0: }
michael@0: 
michael@0: #historyItems {
michael@0:   -moz-appearance: listbox;
michael@0:   height: 200px;
michael@0:   margin: 1px 5px 4px 5px;
michael@0: }
michael@0: 
michael@0: #historyItems > scrollbox {
michael@0:   margin-bottom: 1px;
michael@0: }