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 }
  72
  73 #errorLongDesc {
  74   -moz-padding-end: 3em;
  75   font-size: 110%;
  76 }
  77
  78 #errorLongDesc > p {
  79 }
  80
  81 #errorTryAgain {
  82   margin-top: 2em;
  83   -moz-margin-start: 64px;
  84 }
  85
  86 #brand {
  87   position: absolute;
  88   right: 0;
  89   bottom: -1.5em;
  90   -moz-margin-end: 10px;
  91   opacity: .4;
  92 }
  93
  94 body[dir="rtl"] #brand {
  95   right: auto;
  96   left: 0;
  97 }
  98
  99 #brand > p {
 100   margin: 0;
 101 }
 102
 103 #errorContainer {
 104   display: none;
 105 }