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