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   min-height: 200px;
   8 }
   9
  10 p {
  11   font-size: .8em;
  12 }
  13
  14 #error-box {
  15   background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
  16   -moz-padding-start: 30px;
  17 }
  18
  19 #error-box:-moz-locale-dir(rtl) {
  20   background-position: right 4px;
  21 }
  22
  23 #main-error-msg {
  24   color: #4b4b4b;
  25   font-weight: bold;
  26 }
  27
  28
  29 #button-box {
  30   text-align: center;
  31   width: 75%;
  32   margin: 0 auto;
  33 }
  34
  35 @media all and (min-width: 300px) {
  36   #error-box {
  37     max-width: 50%;
  38     margin: 0 auto;
  39     background-image: url('chrome://global/skin/icons/information-32.png');
  40     min-height: 36px;
  41     -moz-padding-start: 38px;
  42   }
  43
  44   button {
  45     width: auto !important;
  46     min-width: 150px;
  47   }
  48 }
  49
  50 @media all and (min-width: 780px) {
  51   #error-box {
  52     max-width: 30%;
  53   }
  54 }
  55
  56 button {
  57   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  58   font-size: 0.6875em;
  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   transition-property: background-color, color;
  71   transition-duration: 150ms;
  72   transition-timing-function: ease;
  73
  74 }
  75
  76 button:hover {
  77   background-color: #FFCF00;
  78   color: #000000;
  79   transition-duration: 150ms;
  80   transition-timing-function: ease;
  81 }
  82
  83 button:hover:active {
  84   background-color: #FF9F00;
  85   color: #000000;
  86   transition-duration: 10ms;
  87   transition-timing-function: linear;
  88 }