LCARStrek/browser/aboutSocialError.css

   1 body {
   2   background-color: #000000;
   3   color: #FF9F00;
   4   margin-top: 2em;
   5   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   6   font-size: 100%;
   7 }
   8
   9 p {
  10   font-size: .8em;
  11 }
  12
  13 #error-box {
  14   background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
  15   -moz-padding-start: 30px;
  16 }
  17
  18 #error-box:-moz-locale-dir(rtl) {
  19   background-position: right 4px;
  20 }
  21
  22 #main-error-msg {
  23   color: #FF9F00;
  24   font-weight: bold;
  25 }
  26
  27
  28 #button-box {
  29   text-align: center;
  30   width: 75%;
  31   margin: 0 auto;
  32 }
  33
  34 @media all and (min-width: 300px) {
  35   #error-box {
  36     max-width: 50%;
  37     margin: 0 auto;
  38     background-image: url('chrome://global/skin/icons/information-32.png');
  39     min-height: 36px;
  40     -moz-padding-start: 38px;
  41   }
  42
  43   button {
  44     width: auto !important;
  45     min-width: 150px;
  46   }
  47 }
  48
  49 @media all and (min-width: 780px) {
  50   #error-box {
  51     max-width: 30%;
  52   }
  53 }
  54
  55 button {
  56   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  57   font-size: 0.6875em;
  58   -moz-appearance: none;
  59   -moz-user-select: none;
  60   width: 100%;
  61   margin: 2px 0;
  62   padding: 2px 6px;
  63   line-height: 1.2;
  64   background-color: #000000;
  65   color: #FFCF00;
  66   background-clip: padding-box;
  67   border: none;
  68   border-radius: 3px;
  69 }
  70
  71 button:hover,
  72 button:hover:active {
  73   background-color: #FFCF00;
  74   color: #000000;
  75 }