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

This commit is contained in:
wolfbeast 2019-03-06 00:51:39 +01:00 • committed by Roy Tam
commit 4db4774c93
5 changed files with 26 additions and 38 deletions

View file

@ -8,6 +8,7 @@
} }
#aboutVersionBox { #aboutVersionBox {
font-family: Arial, helvetica;
height: 38 px; height: 38 px;
} }
@ -20,16 +21,36 @@
#distribution, #distribution,
#distributionId { #distributionId {
text-align: center;
font-size: 14px;
font-weight: bold; font-weight: bold;
display: none; display: none;
margin-top: 0; margin-top: 0;
margin-bottom: 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 { .text-credits {
margin: 5px 0px; margin: 5px 0px;
} }
.text-center {
text-align: center;
}
.text-link, .text-link,
.text-link:focus { .text-link:focus {
margin: 0px; margin: 0px;

View file

@ -51,14 +51,14 @@
</vbox> </vbox>
<vbox id="aboutTextBox" flex="1"> <vbox id="aboutTextBox" flex="1">
<description class="text-credits"> <description class="text-credits text-center">
#if defined(MOZ_OFFICIAL_BRANDING) || defined(MC_OFFICIAL) #if defined(MOZ_OFFICIAL_BRANDING) || defined(MC_OFFICIAL)
#ifdef MC_PRIVATE_BUILD #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>. 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 #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>. <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>
<description class="text-credits"> <description class="text-credits text-center">
Special thanks to all our supporters and donors for making this browser possible! Special thanks to all our supporters and donors for making this browser possible!
</description> </description>
<description class="text-credits"> <description class="text-credits">

View file

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

View file

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

View file

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