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: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  19 }
  20
  21 h1 {
  22   margin: 0 0 .6em;
  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   padding: 3em;
  48   -moz-padding-start: 30px;
  49   background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #9999CC;
  50   background-origin: content-box;
  51 }
  52
  53 #errorPageContainer.certerror {
  54   background-image: url("chrome://global/skin/icons/sslWarning.png");
  55 }
  56
  57 body[dir="rtl"] #errorPageContainer {
  58   background-position: right 0;
  59 }
  60
  61 #errorTitle {
  62   -moz-margin-start: 64px;
  63 }
  64
  65 #errorLongContent {
  66   -moz-margin-start: 64px;
  67 }
  68
  69 #errorShortDesc > p {
  70   overflow: auto;
  71   border-bottom: 1px solid #666699;
  72   padding-bottom: 1em;
  73   font-size: 130%;
  74   white-space: pre-wrap;
  75 }
  76
  77 #errorLongDesc {
  78   -moz-padding-end: 3em;
  79   font-size: 110%;
  80 }
  81
  82 #errorLongDesc > p {
  83 }
  84
  85 #errorTryAgain {
  86   margin-top: 2em;
  87   -moz-margin-start: 64px;
  88 }
  89
  90 #brand {
  91   position: absolute;
  92   right: 0;
  93   bottom: -1.5em;
  94   -moz-margin-end: 10px;
  95   opacity: .4;
  96 }
  97
  98 body[dir="rtl"] #brand {
  99   right: auto;
 100   left: 0;
 101 }
 102
 103 #brand > p {
 104   margin: 0;
 105 }
 106
 107 #errorContainer {
 108   display: none;
 109 }
 110
 111 #securityOverrideDiv {
 112   padding-top: 10px;
 113 }
 114
 115 #securityOverrideContent {
 116   background-color: #FFFFCC;
 117   color: #000000;
 118   padding: 10px;
 119 }
 120
 121 /* Custom styling for 'blacklist' error class */
 122
 123 :root.blacklist #errorTitle, :root.blacklist #errorLongContent,
 124 :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
 125 :root.blacklist a {
 126   background-color: #FFC0C0; /* red */
 127   color: #666699;
 128 }
 129
 130 :root.blacklist #errorPageContainer {
 131   background-image: url("chrome://global/skin/icons/blacklist_large.png");
 132   background-color: #FFC0C0;
 133 }
 134
 135 :root.blacklist {
 136   background: #000000;
 137 }
 138
 139 :root.blacklist #errorTryAgain {
 140   display: none;
 141 }