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: html {
michael@0:   background: -moz-Dialog;
michael@0: }
michael@0: 
michael@0: body {
michael@0:   margin: 0;
michael@0:   padding: 0 1em;
michael@0:   color: -moz-FieldText;
michael@0:   font: message-box;
michael@0: }
michael@0: 
michael@0: h1 {
michael@0:   margin: 0 0 .6em 0;
michael@0:   border-bottom: 1px solid ThreeDLightShadow;
michael@0:   font-size: 160%;
michael@0: }
michael@0: 
michael@0: h2 {
michael@0:   font-size: 130%;
michael@0: }
michael@0: 
michael@0: #errorPageContainer {
michael@0:   position: relative;
michael@0:   min-width: 13em;
michael@0:   max-width: 52em;
michael@0:   margin: 4em auto;
michael@0:   border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
michael@0:   border-radius: 10px;
michael@0:   padding: 3em;
michael@0:   -moz-padding-start: 30px;
michael@0:   background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;
michael@0:   background-origin: content-box;
michael@0: }
michael@0: 
michael@0: #errorPageContainer:-moz-dir(rtl) {
michael@0:   background-position: right 0;
michael@0: }
michael@0: 
michael@0: #errorTitle {
michael@0:   -moz-margin-start: 80px;
michael@0: }
michael@0: 
michael@0: #errorLongContent {
michael@0:   -moz-margin-start: 80px;
michael@0: }
michael@0: 
michael@0: .expander > button {
michael@0:   -moz-padding-start: 20px;
michael@0:   -moz-margin-start: -20px;
michael@0:   background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat;
michael@0:   border: none;
michael@0:   font: inherit;
michael@0:   color: inherit;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .expander > button:-moz-dir(rtl) {
michael@0:   background-position: right center;
michael@0: }
michael@0: 
michael@0: .expander[collapsed] > button {
michael@0:   background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png");
michael@0: }
michael@0: 
michael@0: .expander[collapsed] > button:-moz-dir(rtl) {
michael@0:   background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png");
michael@0: }