LCARStrek/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: #000000;
  12 }
  13
  14 body {
  15   margin: 0;
  16   padding: 0 1em;
  17   color: #FF9F00;
  18   font: 12px helvetica,arial,tahoma,sans-serif;
  19 }
  20
  21 h1 {
  22   margin: 0 0 .6em 0;
  23   border-bottom: 1px solid #008484;
  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 #9C9FFF;
  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 #000000;
  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   border-bottom: 1px solid #008484;
  68   padding-bottom: 1em;
  69   font-size: 130%;
  70 }
  71
  72 #errorLongDesc {
  73   -moz-padding-end: 3em;
  74   font-size: 110%;
  75 }
  76
  77 #errorLongDesc > p {
  78 }
  79
  80 #errorTryAgain {
  81   margin-top: 2em;
  82   -moz-margin-start: 64px;
  83 }
  84
  85 #brand {
  86   position: absolute;
  87   right: 0;
  88   bottom: -1.5em;
  89   -moz-margin-end: 10px;
  90   opacity: .4;
  91 }
  92
  93 body[dir="rtl"] #brand {
  94   right: auto;
  95   left: 0;
  96 }
  97
  98 #brand > p {
  99   margin: 0;
 100 }