mobile/android/themes/core/aboutFeedback.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 /* This Source Code Form is subject to the terms of the Mozilla Public
     2  * License, v. 2.0. If a copy of the MPL was not distributed with this
     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     5 body {
     6   -moz-text-size-adjust: none;
     7   font-family: sans-serif;
     8   font-size: 12px;
     9   color: #222;
    10   background-color: #ced7de;
    11   padding: 10px;
    12 }
    14 a {
    15   color: #004b98;
    16 }
    18 section {
    19   max-width: 500px;
    20   margin-left: auto;
    21   margin-right: auto;
    22 }
    24 section:not([active]) {
    25   display: none;
    26 }
    28 .header {
    29   font-size: 24px;
    30   font-weight: lighter;
    31   text-align: center;
    32   margin-top: 0;
    33 }
    35 .message-box,
    36 .message-box-bottom,
    37 .link-box,
    38 .link-box-bottom {
    39   background-color: #e4e9ee;
    40   padding: 15px;
    41 }
    43 .message-box,
    44 .link-box {
    45   border-bottom: 1px solid #c8cdd4;
    46 }
    48 .message-box-bottom,
    49 .link-box-bottom {
    50   border-bottom: 2px solid #c8cdd4;
    51   margin-bottom: 10px;   
    52 }
    54 .link-box,
    55 .link-box-bottom {
    56   text-align: center;
    57 }
    59 .link-box:active,
    60 .link-box-bottom:active {
    61   background-color: #a7b0b8;
    62 }
    64 .message {
    65   margin-bottom: 10px;
    66 }
    68 .fine-print {
    69   font-size: 10px;
    70   color: #666;
    71 }
    73 .stars {
    74   width: 80px;
    75   height: 10px;
    76   margin: -20px auto 10px auto;
    77   background-image: url("chrome://browser/skin/images/5stars.png");
    78   background-size: 64px 10px;
    79   background-position: center;
    80   background-repeat: no-repeat;
    81   background-color: #e4e9ee;
    82 }
    84 .link-box-bottom:active > .stars {
    85   background-color: transparent;
    86 }
    88 @media screen and (max-height: 400px) {
    89   .bottom-links,
    90   #sumo-message {
    91     margin-top: 20px;
    92   }
    93 }
    95 @media not screen and (max-height: 400px) {
    96   body {
    97     padding-top: 40px;
    98   }
   100   .bottom-links {
   101     position: absolute;
   102     left: 0;
   103     bottom: 40px;
   104   }
   106   #sumo-message {
   107     position: absolute;
   108     bottom: 20px;
   109   }
   110 }
   112 .bottom-links {
   113   text-align: center;
   114   width: 100%;
   115 }
   117 .bottom-links > a {
   118   margin: 0 25px;
   119   text-decoration: underline;
   120 }
   122 #sumo-message {
   123   color: #444;
   124   -moz-padding-end: 30px;
   125 }
   127 .description,
   128 #last-url {
   129   font-family: "Clear Sans",sans-serif;
   130   font-size: 14px;
   131   margin-bottom: 10px;
   132   padding: 5px;
   133   width: -moz-calc(100% - 10px);
   134 }
   136 .send-feedback {
   137   margin-top: 10px;
   138   padding: 10px;
   139   font-size: 16px;
   140   width: 100%;
   141   background-image: linear-gradient(rgb(87,94,102), rgb(71,77,83) 90%, rgb(45,49,53));
   142   border-radius: 4px;
   143   border-width: 0;
   144   color: #fff;
   145 }
   147 .send-feedback:active {
   148   background-image: linear-gradient(rgb(138,143,148), rgb(127,130,135) 90%, rgb(108,111,114));
   149 }

mercurial