mobile/android/themes/core/aboutBase.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 %filter substitution
     6 %include defines.inc
     8 html {
     9   font-family: "Clear Sans",sans-serif;
    10   font-size: 14px;
    11   background-color: @color_about_background@;
    12   -moz-text-size-adjust: none;
    13 }
    15 body {
    16   margin: 0;
    17 }
    19 .header {
    20   color: black;
    21   font-size: 1.1em;
    22   font-weight: bold;
    23   border-bottom: 2px solid;
    24   -moz-border-bottom-colors: #ff9100 #f27900;
    25   display: flex;
    26   flex-direction: row;
    27   align-items: center;
    28 }
    30 .header > div {
    31   flex: 1;
    32   padding: 1em;
    33   -moz-padding-start: 1.5em;
    34 }
    36 #header-button {
    37   background-repeat: no-repeat;
    38   background-position: center center;
    39   background-size: 33px 33px;
    40   flex: 0;
    41   height: 100%;
    42 }
    44 .list {
    45   padding: 0px;
    46   margin: 0px;
    47   width: 100%;
    48 }
    50 .list-item {
    51   color: black;
    52   background-color: @color_about_item@;
    53   border-bottom: 2px solid;
    54   -moz-border-bottom-colors: #ffffff #bac2ac;
    55   position: relative;
    56   list-style-type: none;
    57   list-style-image: none;
    58   margin: 0px;
    59   padding: 0px;
    60 }
    62 .list-item[isDisabled="true"] {
    63   color: #999999;
    64 }
    66 .list-item:active,
    67 .list-item:active > .inner {
    68   background-image: none;
    69 }
    71 .inner {
    72   background-color: @color_about_item_inner@;
    73   padding: 1em;
    75   /* make room for the favicon */
    76   -moz-margin-start: 4.5em;
    77 }
    79 /* Icons */
    80 body[dir="ltr"] .icon {
    81   left: 1.35em;
    82 }
    84 body[dir="ltr"] .icon {
    85   right: 1.35em;
    86 }
    88 .icon {
    89   border: none;
    90   top: 1.35em;
    91   width: 1.8em;
    92   height: 1.8em;
    93   position: absolute;
    94   pointer-events: none;
    95 }
    97 .list-item[isDisabled="true"] .favicon {
    98   opacity: 0.3;
    99 }
   101 /* Buttons */
   102 .buttons {
   103   display: flex;
   104   flex-direction: row;
   105   width: 100%;
   106 }
   108 .buttons > button {
   109   -moz-appearance: none;
   110   color: black;
   111   font-size: 1em !important;
   112   border: 1px solid transparent;
   113   border-top-color: #bac2ac;
   114   -moz-border-start-color: #bac2ac;
   115   background-image: none;
   116   background-color: @color_about_item_inner@;
   117   border-radius: 0px !important;
   118   flex: 1;
   119   padding: 0.75em 0.5em;
   120 }
   122 .buttons > button[disabled="true"] {
   123   color: #b5b5b5;
   124 }
   126 .buttons > button[hidden="true"] {
   127   display: none;
   128 }
   130 .buttons:first-child {
   131   -moz-border-start-color: transparent;
   132 }
   134 .row {
   135   display: flex;
   136   width: 100%;
   137 }
   139 .title {
   140   font-weight: bold;
   141   overflow: hidden;
   142   flex: 1;
   143 }
   145 #browse-title {
   146   margin: 0.5em 0;
   147   background-image: url("chrome://browser/skin/images/chevron.png");
   148   background-size: 8px 20px;
   149   background-position: right;
   150   background-repeat: no-repeat;
   151 }

mercurial