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 +}