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