mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-02 07:05:24 +00:00
157 lines
2.9 KiB
CSS
157 lines
2.9 KiB
CSS
#aboutDialog {
|
|
width: 620px;
|
|
}
|
|
|
|
/* Official branding has Firefox logo on the left side of the window.
|
|
Nightly/aurora branding has background image applied to entire window. */
|
|
%ifdef MOZ_OFFICIAL_BRANDING
|
|
#clientBox {
|
|
background-color: #F7F7F7;
|
|
color: #222222;
|
|
}
|
|
%else
|
|
#aboutDialogContainer {
|
|
background-image: url("chrome://branding/content/about-background.png");
|
|
background-repeat: no-repeat;
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
.text-link {
|
|
color: #fff !important;
|
|
}
|
|
%endif
|
|
|
|
%ifdef MOZ_OFFICIAL_BRANDING
|
|
#leftBox {
|
|
background-image: url("chrome://branding/content/about-logo.png");
|
|
background-repeat: no-repeat;
|
|
/* min-width and min-height create room for the logo */
|
|
min-width: 210px;
|
|
min-height: 210px;
|
|
margin-top:20px;
|
|
-moz-margin-start: 30px;
|
|
}
|
|
%endif
|
|
|
|
#rightBox {
|
|
background-image: url("chrome://branding/content/about-wordmark.png");
|
|
background-repeat: no-repeat;
|
|
/* padding-top creates room for the wordmark */
|
|
padding-top: 38px;
|
|
margin-top:20px;
|
|
%ifdef MOZ_OFFICIAL_BRANDING
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
%else
|
|
/* this margin prevents text from overlapping the planet image */
|
|
margin-left: 280px;
|
|
margin-right: 20px;
|
|
%endif
|
|
}
|
|
|
|
#rightBox:-moz-locale-dir(rtl) {
|
|
background-position: 100% 0;
|
|
}
|
|
|
|
#bottomBox {
|
|
padding: 15px 10px 0;
|
|
%ifndef MOZ_OFFICIAL_BRANDING
|
|
background-color: rgba(0,0,0,.7);
|
|
%endif
|
|
}
|
|
|
|
#version {
|
|
margin-top: 10px;
|
|
-moz-margin-start: 0;
|
|
}
|
|
|
|
#distribution,
|
|
#distributionId {
|
|
font-weight: bold;
|
|
display: none;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.text-blurb {
|
|
margin-bottom: 10px;
|
|
-moz-margin-start: 0;
|
|
-moz-padding-start: 0;
|
|
}
|
|
|
|
#updateButton,
|
|
#updateDeck > hbox > label {
|
|
-moz-margin-start: 0;
|
|
-moz-padding-start: 0;
|
|
}
|
|
|
|
#updateDeck > hbox > label:not([class="text-link"]) {
|
|
color: #909090;
|
|
font-style:italic;
|
|
}
|
|
|
|
.update-throbber {
|
|
width: 16px;
|
|
min-height: 16px;
|
|
-moz-margin-end: 3px;
|
|
list-style-image: url("chrome://global/skin/icons/loading_16.png");
|
|
}
|
|
|
|
.trademark-label,
|
|
.text-link,
|
|
.text-link:focus {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.bottom-link,
|
|
.bottom-link:focus {
|
|
text-align: center;
|
|
margin: 0 40px;
|
|
}
|
|
|
|
/* we assume trademark text only appears in offical builds */
|
|
%ifdef MOZ_OFFICIAL_BRANDING
|
|
#trademark {
|
|
font-size: xx-small;
|
|
text-align: center;
|
|
color: #999999;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
%endif
|
|
|
|
#currentChannel {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#channelSelector {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#channelMenulist {
|
|
margin: 0;
|
|
}
|
|
|
|
.channel-description {
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#detailsBox,
|
|
#channelSelector,
|
|
.channel-description {
|
|
-moz-transition: opacity 250ms;
|
|
}
|
|
|
|
#contentDeck:not([selectedIndex="0"]) > #detailsBox,
|
|
#contentDeck:not([selectedIndex="1"]) > #channelSelector,
|
|
#channelDescriptionDeck:not([selectedIndex="0"]) > #releaseDescription,
|
|
#channelDescriptionDeck:not([selectedIndex="1"]) > #betaDescription,
|
|
#channelDescriptionDeck:not([selectedIndex="2"]) > #auroraDescription {
|
|
opacity: 0;
|
|
}
|