EarlyBlue/global/netError.css

   1 /*
   2  *  This defines the look-and-feel styling of the error pages.
   3  *  (see: netError.xhtml)
   4  *
   5  *  Original styling by William Price <bugzilla@mob.rice.edu>
   6  *  Updated by: Steven Garrity <steven@silverorange.com>
   7  *              Henrik Skupin  <mozilla@hskupin.info>
   8  */
   9
  10 html {
  11   background: #CCD0DD;
  12 }
  13
  14 body {
  15   margin: 0;
  16   padding: 0 1em;
  17   color: #000000;
  18   font: 12px helvetica,arial,tahoma,sans-serif;
  19 }
  20
  21 h1 {
  22   margin: 0 0 .6em 0;
  23   border-bottom: 1px solid #666699;
  24   font-size: 160%;
  25 }
  26
  27 ul, ol {
  28   margin: 0;
  29   -moz-margin-start: 1.5em;
  30   padding: 0;
  31 }
  32
  33 ul > li, ol > li {
  34   margin-bottom: .5em;
  35 }
  36
  37 ul {
  38   list-style: square;
  39 }
  40
  41 #errorPageContainer {
  42   position: relative;
  43   min-width: 13em;
  44   max-width: 52em;
  45   margin: 4em auto;
  46   border: 1px solid #666699;
  47   -moz-border-radius: 10px;
  48   padding: 3em;
  49   -moz-padding-start: 30px;
  50   background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #9999CC;
  51   -moz-background-origin: content;
  52 }
  53
  54 body[dir="rtl"] #errorPageContainer {
  55   background-position: right 0;
  56 }
  57
  58 #errorTitle {
  59   -moz-margin-start: 64px;
  60 }
  61
  62 #errorLongContent {
  63   -moz-margin-start: 64px;
  64 }
  65
  66 #errorShortDesc > p {
  67   overflow: auto;
  68   border-bottom: 1px solid #666699;
  69   padding-bottom: 1em;
  70   font-size: 130%;
  71   white-space: -moz-pre-wrap;
  72 }
  73
  74 #errorLongDesc {
  75   -moz-padding-end: 3em;
  76   font-size: 110%;
  77 }
  78
  79 #errorLongDesc > p {
  80 }
  81
  82 #errorTryAgain {
  83   margin-top: 2em;
  84   -moz-margin-start: 64px;
  85 }
  86
  87 #brand {
  88   position: absolute;
  89   right: 0;
  90   bottom: -1.5em;
  91   -moz-margin-end: 10px;
  92   opacity: .4;
  93 }
  94
  95 body[dir="rtl"] #brand {
  96   right: auto;
  97   left: 0;
  98 }
  99
 100 #brand > p {
 101   margin: 0;
 102 }
 103
 104 #errorContainer {
 105   display: none;
 106 }
 107
 108 #securityOverrideDiv {
 109   padding-top: 10px;
 110 }
 111
 112 #securityOverrideContent {
 113   background-color: #FFFFCC; /* Pale yellow */
 114   padding: 10px;
 115   -moz-border-radius: 10px;
 116 }
 117
 118 /* Custom styling for 'blacklist' error class */
 119
 120 :root.blacklist #errorTitle, :root.blacklist #errorLongContent,
 121 :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
 122 :root.blacklist a {
 123   background-color: #FFC0C0; /* red */
 124   color: #666699;
 125 }
 126
 127 :root.blacklist #errorPageContainer {
 128   background-image: url("chrome://global/skin/icons/blacklist_large.png");
 129   background-color: #FFC0C0;
 130 }
 131
 132 :root.blacklist {
 133   background: #000000;
 134 }
 135
 136 :root.blacklist #errorTryAgain {
 137   display: none;
 138 }