mobile/android/themes/core/aboutBase.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/mobile/android/themes/core/aboutBase.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,151 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +%filter substitution
     1.9 +%include defines.inc
    1.10 +
    1.11 +html {
    1.12 +  font-family: "Clear Sans",sans-serif;
    1.13 +  font-size: 14px;
    1.14 +  background-color: @color_about_background@;
    1.15 +  -moz-text-size-adjust: none;
    1.16 +}
    1.17 +
    1.18 +body {
    1.19 +  margin: 0;
    1.20 +}
    1.21 +
    1.22 +.header {
    1.23 +  color: black;
    1.24 +  font-size: 1.1em;
    1.25 +  font-weight: bold;
    1.26 +  border-bottom: 2px solid;
    1.27 +  -moz-border-bottom-colors: #ff9100 #f27900;
    1.28 +  display: flex;
    1.29 +  flex-direction: row;
    1.30 +  align-items: center;
    1.31 +}
    1.32 +
    1.33 +.header > div {
    1.34 +  flex: 1;
    1.35 +  padding: 1em;
    1.36 +  -moz-padding-start: 1.5em;
    1.37 +}
    1.38 +
    1.39 +#header-button {
    1.40 +  background-repeat: no-repeat;
    1.41 +  background-position: center center;
    1.42 +  background-size: 33px 33px;
    1.43 +  flex: 0;
    1.44 +  height: 100%;
    1.45 +}
    1.46 +
    1.47 +.list {
    1.48 +  padding: 0px;
    1.49 +  margin: 0px;
    1.50 +  width: 100%;
    1.51 +}
    1.52 +
    1.53 +.list-item {
    1.54 +  color: black;
    1.55 +  background-color: @color_about_item@;
    1.56 +  border-bottom: 2px solid;
    1.57 +  -moz-border-bottom-colors: #ffffff #bac2ac;
    1.58 +  position: relative;
    1.59 +  list-style-type: none;
    1.60 +  list-style-image: none;
    1.61 +  margin: 0px;
    1.62 +  padding: 0px;
    1.63 +}
    1.64 +
    1.65 +.list-item[isDisabled="true"] {
    1.66 +  color: #999999;
    1.67 +}
    1.68 +
    1.69 +.list-item:active,
    1.70 +.list-item:active > .inner {
    1.71 +  background-image: none;
    1.72 +}
    1.73 +
    1.74 +.inner {
    1.75 +  background-color: @color_about_item_inner@;
    1.76 +  padding: 1em;
    1.77 +
    1.78 +  /* make room for the favicon */
    1.79 +  -moz-margin-start: 4.5em;
    1.80 +}
    1.81 +
    1.82 +/* Icons */
    1.83 +body[dir="ltr"] .icon {
    1.84 +  left: 1.35em;
    1.85 +}
    1.86 +
    1.87 +body[dir="ltr"] .icon {
    1.88 +  right: 1.35em;
    1.89 +}
    1.90 +
    1.91 +.icon {
    1.92 +  border: none;
    1.93 +  top: 1.35em;
    1.94 +  width: 1.8em;
    1.95 +  height: 1.8em;
    1.96 +  position: absolute;
    1.97 +  pointer-events: none;
    1.98 +}
    1.99 +
   1.100 +.list-item[isDisabled="true"] .favicon {
   1.101 +  opacity: 0.3;
   1.102 +}
   1.103 +
   1.104 +/* Buttons */
   1.105 +.buttons {
   1.106 +  display: flex;
   1.107 +  flex-direction: row;
   1.108 +  width: 100%;
   1.109 +}
   1.110 +
   1.111 +.buttons > button {
   1.112 +  -moz-appearance: none;
   1.113 +  color: black;
   1.114 +  font-size: 1em !important;
   1.115 +  border: 1px solid transparent;
   1.116 +  border-top-color: #bac2ac;
   1.117 +  -moz-border-start-color: #bac2ac;
   1.118 +  background-image: none;
   1.119 +  background-color: @color_about_item_inner@;
   1.120 +  border-radius: 0px !important;
   1.121 +  flex: 1;
   1.122 +  padding: 0.75em 0.5em;
   1.123 +}
   1.124 +
   1.125 +.buttons > button[disabled="true"] {
   1.126 +  color: #b5b5b5;
   1.127 +}
   1.128 +
   1.129 +.buttons > button[hidden="true"] {
   1.130 +  display: none;
   1.131 +}
   1.132 +
   1.133 +.buttons:first-child {
   1.134 +  -moz-border-start-color: transparent;
   1.135 +}
   1.136 +
   1.137 +.row {
   1.138 +  display: flex;
   1.139 +  width: 100%;
   1.140 +}
   1.141 +
   1.142 +.title {
   1.143 +  font-weight: bold;
   1.144 +  overflow: hidden;
   1.145 +  flex: 1;
   1.146 +}
   1.147 +
   1.148 +#browse-title {
   1.149 +  margin: 0.5em 0;
   1.150 +  background-image: url("chrome://browser/skin/images/chevron.png");
   1.151 +  background-size: 8px 20px;
   1.152 +  background-position: right;
   1.153 +  background-repeat: no-repeat;
   1.154 +}

mercurial