browser/themes/osx/aboutTabCrashed.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 body {
     2   background-color: rgb(241, 244, 248);
     3   margin-top: 2em;
     4   font: message-box;
     5   font-size: 100%;
     6 }
     8 p {
     9   font-size: .8em;
    10 }
    12 #error-box {
    13   background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
    14   -moz-padding-start: 30px;
    15 }
    17 #error-box:-moz-locale-dir(rtl) {
    18   background-position: right 4px;
    19 }
    21 #main-error-msg {
    22   color: #4b4b4b;
    23   font-weight: bold;
    24 }
    26 #report-box {
    27   text-align: center;
    28   width: 75%;
    29   margin: 0 auto;
    30   display: none;
    31 }
    33 .crashDumpAvaible #report-box {
    34   display: block
    35 }
    37 #button-box {
    38   text-align: center;
    39   width: 75%;
    40   margin: 0 auto;
    41 }
    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   }
    52   button {
    53     width: auto !important;
    54     min-width: 150px;
    55   }
    56 }
    58 @media all and (min-width: 780px) {
    59   #error-box {
    60     max-width: 30%;
    61   }
    62 }
    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);
    83   transition-property: background-color, border-color, box-shadow;
    84   transition-duration: 150ms;
    85   transition-timing-function: ease;
    87 }
    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 }
   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 }

mercurial