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