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: /*
michael@0:  *  This defines the look-and-feel styling of the error pages.
michael@0:  *  (see: netError.xhtml)
michael@0:  *
michael@0:  *  Original styling by William Price <bugzilla@mob.rice.edu>
michael@0:  *  Updated for mobile by: Wes Johnston <wjohnston@mozilla.com>
michael@0:  */
michael@0: 
michael@0: body {
michael@0:   margin: 0;
michael@0:   padding: 0 8px 8px;
michael@0:   font-family: "Nokia Sans", Tahoma, sans-serif !important;
michael@0: }
michael@0: 
michael@0: h1 {
michael@0:   font-size: 22px;
michael@0: }
michael@0: 
michael@0: h2 {
michael@0:   font-size: 16px;
michael@0: }
michael@0: 
michael@0: ul {
michael@0:   margin: 0px;
michael@0:   padding: 0px 0px 0px 1em;
michael@0: }
michael@0: 
michael@0: li {
michael@0:   margin: 0px;
michael@0:   padding: 8px 0px;
michael@0: }
michael@0: 
michael@0: #errorPage {
michael@0:   background-color: #CEE6F4;
michael@0: }
michael@0: 
michael@0: #errorPage.certerror {
michael@0:   background-color: #EFD400;
michael@0: }
michael@0: 
michael@0: #errorPage.blockedsite {
michael@0:   background-color: #BF0000;
michael@0: }
michael@0: 
michael@0: #errorTitle {
michael@0:   background: url("chrome://b2g/content/images/errorpage-warning.png") left center no-repeat;
michael@0:   /* Scaled by .666 of their actual size */
michael@0:   background-size: 40px 40px;
michael@0:   background-origin: content-box;
michael@0:   min-height: 60px;
michael@0:   margin-left: auto;
michael@0:   margin-right: auto;
michael@0:   max-width: 500px;
michael@0:   margin-left: auto;
michael@0:   margin-right: auto;
michael@0: }
michael@0: 
michael@0: #errorPage.certerror #errorTitle {
michael@0:   background-image: url("chrome://b2g/content/images/errorpage-larry-black.png");
michael@0: }
michael@0: 
michael@0: #errorPage.blockedsite #errorTitle {
michael@0:   background-image: url("chrome://b2g/content/images/errorpage-larry-white.png");
michael@0:   color: white;
michael@0: }
michael@0: 
michael@0: .errorTitleText {
michael@0:   padding: 0px 0px 0px 50px;
michael@0:   display: inline-block;
michael@0:   vertical-align: middle
michael@0: }
michael@0: 
michael@0: #errorPageContainer {
michael@0:   background-color: white;
michael@0:   border: 1px solid #999999;
michael@0:   border-radius: 6px;
michael@0:   padding: 6px 20px 20px;
michael@0:   font-size: 14px;
michael@0:   max-width: 500px;
michael@0:   margin-left: auto;
michael@0:   margin-right: auto;
michael@0: }
michael@0: 
michael@0: #errorShortDesc > p:empty {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #errorShortDesc > p {
michael@0:   overflow: auto;
michael@0:   border-bottom: 1px solid #999999;
michael@0:   padding-bottom: 1em;
michael@0: }
michael@0: 
michael@0: #errorPage.blockedsite #errorShortDesc > p {
michael@0:   font-weight: bold;
michael@0:   border-bottom: none;
michael@0:   padding-bottom: 0px;
michael@0: }
michael@0: 
michael@0: #securityOverrideDiv {
michael@0:   padding-top: 10px;
michael@0: }
michael@0: 
michael@0: div[collapsed] {
michael@0:   padding-left: 15px;
michael@0:   background-image: url("chrome://b2g/content/images/arrowright-16.png");
michael@0:   background-size: 11px 11px;
michael@0:   background-repeat: no-repeat;
michael@0:   background-position: left 0.3em;
michael@0: }
michael@0: 
michael@0: div[collapsed="true"] {
michael@0:   background-image: url("chrome://b2g/content/images/arrowright-16.png");
michael@0: }
michael@0: 
michael@0: div[collapsed="false"] {
michael@0:   background-image: url("chrome://b2g/content/images/arrowdown-16.png");
michael@0: }
michael@0: 
michael@0: div[collapsed="true"] > p,
michael@0: div[collapsed="true"] > div {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: button {
michael@0:   padding: 0.3em !important;
michael@0: }