finish up 2.5 versions of the themes

[themes.git] / EarlyBlue / global / netError.css

/*
 *  This defines the look-and-feel styling of the error pages.
 *  (see: netError.xhtml)
 *
 *  Original styling by William Price <bugzilla@mob.rice.edu>
 *  Updated by: Steven Garrity <steven@silverorange.com>
 *              Henrik Skupin  <mozilla@hskupin.info>
 */

@import url("chrome://global/skin/button.css");

html {
  background: #CCD0DD;
}

body {
  margin: 0;
  padding: 0 1em;
  color: #000000;
  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
}

h1 {
  margin: 0 0 .6em;
  border-bottom: 1px solid #666699;
  font-size: 160%;
}

ul, ol {
  margin: 0;
  -moz-margin-start: 1.5em;
  padding: 0;
}

ul > li, ol > li {
  margin-bottom: .5em;
}

ul {
  list-style: square;
}

#errorPageContainer {
  position: relative;
  min-width: 13em;
  max-width: 52em;
  margin: 4em auto;
  border: 1px solid #666699;
  padding: 3em;
  -moz-padding-start: 30px;
  background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #9999CC;
  background-origin: content-box;
}

#errorPageContainer.certerror {
  background-image: url("chrome://global/skin/icons/sslWarning.png");
}

body[dir="rtl"] #errorPageContainer {
  background-position: right 0;
}

#errorTitle {
  -moz-margin-start: 64px;
}

#errorLongContent {
  -moz-margin-start: 64px;
}

#errorShortDesc > p {
  overflow: auto;
  border-bottom: 1px solid #666699;
  padding-bottom: 1em;
  font-size: 130%;
  white-space: pre-wrap;
}

#errorLongDesc {
  -moz-padding-end: 3em;
  font-size: 110%;
}

#errorLongDesc > p {
}

#errorTryAgain {
  margin-top: 2em;
  -moz-margin-start: 64px;
}

#brand {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  -moz-margin-end: 10px;
  opacity: .4;
}

body[dir="rtl"] #brand {
  right: auto;
  left: 0;
}

#brand > p {
  margin: 0;
}

#errorContainer {
  display: none;
}

#securityOverrideDiv {
  padding-top: 10px;
}

#securityOverrideContent {
  background-color: #FFFFCC;
  color: #000000;
  padding: 10px;
}

/* Custom styling for 'blacklist' error class */

:root.blacklist #errorTitle, :root.blacklist #errorLongContent,
:root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
:root.blacklist a {
  background-color: #FFC0C0; /* red */
  color: #666699;
}

:root.blacklist #errorPageContainer {
  background-image: url("chrome://global/skin/icons/blacklist_large.png");
  background-color: #FFC0C0;
}

:root.blacklist {
  background: #000000;
}

:root.blacklist #errorTryAgain {
  display: none;
}