browser/themes/windows/aboutTabCrashed.css

   1 body {
   2   background-color: rgb(241, 244, 248);
   3   margin-top: 2em;
   4   font: message-box;
   5   font-size: 100%;
   6 }
   7
   8 p {
   9   font-size: .8em;
  10 }
  11
  12 #error-box {
  13   background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
  14   -moz-padding-start: 30px;
  15 }
  16
  17 #error-box:-moz-locale-dir(rtl) {
  18   background-position: right 4px;
  19 }
  20
  21 #main-error-msg {
  22   color: #4b4b4b;
  23   font-weight: bold;
  24 }
  25
  26 #report-box {
  27   text-align: center;
  28   width: 75%;
  29   margin: 0 auto;
  30   display: none;
  31 }
  32
  33 .crashDumpAvailable #report-box {
  34   display: block
  35 }
  36
  37 #button-box {
  38   text-align: center;
  39   width: 75%;
  40   margin: 0 auto;
  41 }
  42
  43 @media all and (min-width: 300px) {
  44   #error-box {
  45     max-width: 50%;
  46     margin: 0 auto;
  47     background-image: url('chrome://global/skin/icons/information-32.png');
  48     min-height: 36px;
  49     -moz-padding-start: 38px;
  50   }
  51
  52   button {
  53     width: auto !important;
  54     min-width: 150px;
  55   }
  56 }
  57
  58 @media all and (min-width: 780px) {
  59   #error-box {
  60     max-width: 30%;
  61   }
  62 }
  63
  64 button {
  65   font: message-box;
  66   font-size: 0.6875em;
  67   -moz-appearance: none;
  68   -moz-user-select: none;
  69   width: 100%;
  70   margin: 2px 0;
  71   padding: 2px 6px;
  72   line-height: 1.2;
  73   background-color: hsla(210,30%,95%,.1);
  74   background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
  75   background-clip: padding-box;
  76   border: 1px solid hsla(210,15%,25%,.4);
  77   border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
  78   border-radius: 3px;
  79   box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
  80               0 0 0 1px hsla(0,0%,100%,.3) inset,
  81               0 1px 0 hsla(0,0%,100%,.1);
  82
  83   transition-property: background-color, border-color, box-shadow;
  84   transition-duration: 150ms;
  85   transition-timing-function: ease;
  86
  87 }
  88
  89 button:hover {
  90   background-color: hsla(210,30%,95%,.8);
  91   border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
  92   box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
  93               0 0 0 1px hsla(0,0%,100%,.3) inset,
  94               0 1px 0 hsla(0,0%,100%,.1),
  95               0 0 3px hsla(210,15%,25%,.1);
  96   transition-property: background-color, border-color, box-shadow;
  97   transition-duration: 150ms;
  98   transition-timing-function: ease;
  99 }
 100
 101 button:hover:active {
 102   background-color: hsla(210,15%,25%,.2);
 103   box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
 104               0 0 2px hsla(210,15%,25%,.4) inset;
 105   transition-property: background-color, border-color, box-shadow;
 106   transition-duration: 10ms;
 107   transition-timing-function: linear;
 108 }