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 by: Michael Ventnor <m.ventnor@gmail.com>
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: ul, ol {
michael@0:   margin: 0;
michael@0:   -moz-margin-start: 1.5em;
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: ul > li, ol > li {
michael@0:   margin-bottom: .5em;
michael@0: }
michael@0: 
michael@0: ul {
michael@0:   list-style: square;
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 ThreeDShadow;
michael@0:   border-radius: 10px;
michael@0:   padding: 3em;
michael@0:   -moz-padding-start: 30px;
michael@0:   background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field;
michael@0:   background-origin: content-box;
michael@0: }
michael@0: 
michael@0: #errorPageContainer.certerror {
michael@0:   background-image: url("chrome://global/skin/icons/sslWarning.png");
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: #errorShortDesc > p {
michael@0:   overflow: auto;
michael@0:   border-bottom: 1px solid ThreeDLightShadow;
michael@0:   padding-bottom: 1em;
michael@0:   font-size: 130%;
michael@0:   white-space: pre-wrap;
michael@0: }
michael@0: 
michael@0: #errorLongDesc {
michael@0:   -moz-padding-end: 3em;
michael@0:   font-size: 110%;
michael@0: }
michael@0: 
michael@0: #errorLongDesc > p {
michael@0: }
michael@0: 
michael@0: #errorTryAgain {
michael@0:   margin-top: 2em;
michael@0:   -moz-margin-start: 80px;
michael@0: }
michael@0: 
michael@0: #brand {
michael@0:   position: absolute;
michael@0:   right: 0;
michael@0:   bottom: -1.5em;
michael@0:   -moz-margin-end: 10px;
michael@0:   opacity: .4;
michael@0: }
michael@0: 
michael@0: #brand:-moz-dir(rtl) {
michael@0:   right: auto;
michael@0:   left: 0;
michael@0: }
michael@0: 
michael@0: #brand > p {
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: #errorContainer {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #securityOverrideDiv {
michael@0:   padding-top: 10px;
michael@0: }
michael@0: 
michael@0: #securityOverrideContent {
michael@0:   background-color: InfoBackground;
michael@0:   color: InfoText;
michael@0:   padding: 10px;
michael@0:   border-radius: 10px;
michael@0: }
michael@0: 
michael@0: /* Custom styling for 'blacklist' error class */
michael@0: :root.blacklist #errorTitle, :root.blacklist #errorLongContent,
michael@0: :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
michael@0: :root.blacklist a {
michael@0:   background-color: #722; /* Dark red */
michael@0:   color: white;
michael@0: }
michael@0: 
michael@0: :root.blacklist #errorPageContainer {
michael@0:   background-image: url("chrome://global/skin/icons/blacklist_large.png");
michael@0:   background-color: #722;
michael@0: }
michael@0: 
michael@0: :root.blacklist {
michael@0:   background: #333;
michael@0: }
michael@0: 
michael@0: :root.blacklist #errorTryAgain {
michael@0:   display: none;
michael@0: }