Tweak the about box styling some more and clean up styles.

pull/7/head
wolfbeast 3 years ago committed by Roy Tam
parent eaebddafa3
commit 4db4774c93
  1. 21
      application/palemoon/base/content/aboutDialog.css
  2. 4
      application/palemoon/base/content/aboutDialog.xul
  3. 11
      application/palemoon/branding/official/content/aboutDialog.css
  4. 17
      application/palemoon/branding/unofficial/content/aboutDialog.css
  5. 11
      application/palemoon/branding/unstable/content/aboutDialog.css

@ -8,6 +8,7 @@
}
#aboutVersionBox {
font-family: Arial, helvetica;
height: 38 px;
}
@ -20,16 +21,36 @@
#distribution,
#distributionId {
text-align: center;
font-size: 14px;
font-weight: bold;
display: none;
margin-top: 0;
margin-bottom: 0;
}
#aboutTextBox {
font-family: Arial, helvetica;
font-size: 14px;
margin: 5px 20px;
padding: 4px 10px 0px;
border-radius: 3px;
color: black;
background-color: rgba(240, 240, 240, .6);
}
#aboutLinkBox {
font-family: Arial, helvetica;
}
.text-credits {
margin: 5px 0px;
}
.text-center {
text-align: center;
}
.text-link,
.text-link:focus {
margin: 0px;

@ -51,14 +51,14 @@
</vbox>
<vbox id="aboutTextBox" flex="1">
<description class="text-credits">
<description class="text-credits text-center">
#if defined(MOZ_OFFICIAL_BRANDING) || defined(MC_OFFICIAL)
#ifdef MC_PRIVATE_BUILD
This is a private build of Pale Moon. If you did not manually build this copy from source yourself, then please download an official version from the <label class="text-link" href="http://www.palemoon.org/">Pale Moon website</label>.
#else
<label class="text-link" href="http://www.palemoon.org">Pale Moon</label> is released by <label class="text-link" href="http://www.moonchildproductions.info">Moonchild Productions</label>.
</description>
<description class="text-credits">
<description class="text-credits text-center">
Special thanks to all our supporters and donors for making this browser possible!
</description>
<description class="text-credits">

@ -17,22 +17,14 @@
}
#aboutVersionBox {
font-family: Arial, helvetica;
text-shadow: 1px 1px 0px #9ABCD5;
}
#aboutTextBox {
animation: 3s fadeIn;
animation-fill-mode: forwards;
font-family: Arial, helvetica;
font-size: 14px;
text-shadow: 1px 1px 0px #9ABCD5;
padding: 15px 10px 5px;
background: linear-gradient(to bottom,
transparent 0%,
rgba(255, 255, 255, .6) 15%,
rgba(255, 255, 255, .7) 85%,
transparent 100%);
color: #101020;
}
@keyframes fadeIn {
@ -49,7 +41,6 @@
#aboutLinkBox {
padding: 15px 10px 0;
font-family: Arial, helvetica;
}
#aboutPMtrademark {

@ -9,26 +9,11 @@
color: #fff;
}
.text-link {
color: #eef;
}
.bottom-link {
color: black;
background-color: #808080;
}
#aboutVersionBox {
/* No wordmark: leave empty space */
margin-top: 20px;
}
#aboutTextBox {
font-family: Arial, helvetica;
font-size: 14px;
padding: 0px 10px;
}
#aboutLinkBox {
padding: 15px 10px 20px;
font-family: Arial, helvetica;
}

@ -17,22 +17,14 @@
}
#aboutVersionBox {
font-family: Arial, helvetica;
text-shadow: 1px 1px 0px #D5BC9A;
}
#aboutTextBox {
animation: 3s fadeIn;
animation-fill-mode: forwards;
font-family: Arial, helvetica;
font-size: 14px;
text-shadow: 1px 1px 0px #D5BC9A;
padding: 15px 10px 5px;
background: linear-gradient(to bottom,
transparent 0%,
rgba(255, 255, 255, .6) 15%,
rgba(255, 255, 255, .7) 85%,
transparent 100%);
color: #202010;
}
@keyframes fadeIn {
@ -49,7 +41,6 @@
#aboutLinkBox {
padding: 15px 10px 0;
font-family: Arial, helvetica;
}
#aboutPMtrademark {

Loading…
Cancel
Save