browser/themes/linux/aboutSocialError.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 }
    27 #button-box {
    28   text-align: center;
    29   width: 75%;
    30   margin: 0 auto;
    31 }
    33 @media all and (min-width: 300px) {
    34   #error-box {
    35     max-width: 50%;
    36     margin: 0 auto;
    37     background-image: url('chrome://global/skin/icons/information-32.png');
    38     min-height: 36px;
    39     -moz-padding-start: 38px;
    40   }
    42   button {
    43     width: auto !important;
    44     min-width: 150px;
    45   }
    46 }
    48 @media all and (min-width: 780px) {
    49   #error-box {
    50     max-width: 30%;
    51   }
    52 }
    54 button {
    55   font: message-box;
    56   font-size: 0.6875em;
    57   -moz-appearance: none;
    58   -moz-user-select: none;
    59   width: 100%;
    60   margin: 2px 0;
    61   padding: 2px 6px;
    62   line-height: 1.2;
    63   background-color: hsla(210,30%,95%,.1);
    64   background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
    65   background-clip: padding-box;
    66   border: 1px solid hsla(210,15%,25%,.4);
    67   border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
    68   border-radius: 3px;
    69   box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
    70               0 0 0 1px hsla(0,0%,100%,.3) inset,
    71               0 1px 0 hsla(0,0%,100%,.1);
    73   transition-property: background-color, border-color, box-shadow;
    74   transition-duration: 150ms;
    75   transition-timing-function: ease;
    77 }
    79 button:hover {
    80   background-color: hsla(210,30%,95%,.8);
    81   border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
    82   box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
    83               0 0 0 1px hsla(0,0%,100%,.3) inset,
    84               0 1px 0 hsla(0,0%,100%,.1),
    85               0 0 3px hsla(210,15%,25%,.1);
    86   transition-property: background-color, border-color, box-shadow;
    87   transition-duration: 150ms;
    88   transition-timing-function: ease;
    89 }
    91 button:hover:active {
    92   background-color: hsla(210,15%,25%,.2);
    93   box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
    94               0 0 2px hsla(210,15%,25%,.4) inset;
    95   transition-property: background-color, border-color, box-shadow;
    96   transition-duration: 10ms;
    97   transition-timing-function: linear;
    98 }

mercurial