michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: body {
michael@0:   -moz-text-size-adjust: none;
michael@0:   font-family: "Clear Sans",sans-serif;
michael@0:   font-size: 23px;
michael@0:   color: #222222;
michael@0:   background-color: #ced7de;
michael@0: }
michael@0: 
michael@0: #header {
michael@0:   height: 80px;
michael@0: }
michael@0: 
michael@0: #wordmark {
michael@0:   margin: 30px 0 0 15px;
michael@0:   width: 123px;
michael@0:   height: 36px;
michael@0:   background: url("chrome://browser/skin/images/wordmark-hdpi.png") no-repeat;
michael@0: }
michael@0: 
michael@0: #version {
michael@0:   margin: 0 0 0 15px;
michael@0:   font-size: 15px;
michael@0: }
michael@0: 
michael@0: #banner {
michael@0:   min-height: 150px;
michael@0:   background-color: #bdc7ce;
michael@0: }
michael@0: 
michael@0: #logo {
michael@0:   position: absolute;
michael@0:   top: 0;
michael@0:   right: 0;
michael@0:   width: 375px;
michael@0:   height: 300px;
michael@0:   background: url("chrome://browser/skin/images/logo-hdpi.png") no-repeat;
michael@0: }
michael@0: 
michael@0: #updateBox {
michael@0:   position: relative;
michael@0:   top: 40px;
michael@0:   margin: 0 auto;
michael@0:   width: 60%; /* looks much larger!? */
michael@0:   padding: 20px 1em;
michael@0:   text-align: center;
michael@0:   background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png");
michael@0:   background-size: contain;
michael@0:   border-bottom-width: 4px;
michael@0:   border-bottom-style: solid;
michael@0:   border-bottom-color: #3A3F44;
michael@0:   border-radius: 8px;
michael@0:   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
michael@0: }
michael@0: 
michael@0: #update-message-checking,
michael@0: #update-message-none,
michael@0: #update-message-found,
michael@0: #update-message-downloading,
michael@0: #update-message-downloaded {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #messages {
michael@0:   position: relative;
michael@0:   width: 70%;
michael@0:   margin: 40px auto 0 auto;
michael@0:   padding: 10px 0;
michael@0:   font-size: 15px;
michael@0:   text-align: center;
michael@0: }
michael@0: 
michael@0: #telemetry a {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: #aboutLinks {
michael@0:   margin: 0 0 15px 0;
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: #aboutLinks > li {
michael@0:   line-height: 2.6;
michael@0:   border-top: 1px solid white;
michael@0:   border-bottom: 1px solid #C1C7CC;
michael@0: }
michael@0: 
michael@0: #aboutLinks > li > a {
michael@0:   padding-left: 25px;
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: #aboutDetails {
michael@0:   padding-left: 15px;
michael@0:   font-size: 15px;
michael@0: }
michael@0: 
michael@0: .top-border {
michael@0:   border-bottom: 1px solid #C1C7CC;
michael@0: }
michael@0: 
michael@0: .bottom-border {
michael@0:   border-top: 1px solid white;
michael@0: }
michael@0: 
michael@0: a, span {
michael@0:   text-decoration: none;
michael@0:   color: #222222;
michael@0: }
michael@0: 
michael@0: #updateBox > a,
michael@0: #updateBox > span {
michael@0:   color: #e5f2ff;
michael@0: }