1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/mobile/android/themes/core/aboutFeedback.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,149 @@ 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 +body { 1.9 + -moz-text-size-adjust: none; 1.10 + font-family: sans-serif; 1.11 + font-size: 12px; 1.12 + color: #222; 1.13 + background-color: #ced7de; 1.14 + padding: 10px; 1.15 +} 1.16 + 1.17 +a { 1.18 + color: #004b98; 1.19 +} 1.20 + 1.21 +section { 1.22 + max-width: 500px; 1.23 + margin-left: auto; 1.24 + margin-right: auto; 1.25 +} 1.26 + 1.27 +section:not([active]) { 1.28 + display: none; 1.29 +} 1.30 + 1.31 +.header { 1.32 + font-size: 24px; 1.33 + font-weight: lighter; 1.34 + text-align: center; 1.35 + margin-top: 0; 1.36 +} 1.37 + 1.38 +.message-box, 1.39 +.message-box-bottom, 1.40 +.link-box, 1.41 +.link-box-bottom { 1.42 + background-color: #e4e9ee; 1.43 + padding: 15px; 1.44 +} 1.45 + 1.46 +.message-box, 1.47 +.link-box { 1.48 + border-bottom: 1px solid #c8cdd4; 1.49 +} 1.50 + 1.51 +.message-box-bottom, 1.52 +.link-box-bottom { 1.53 + border-bottom: 2px solid #c8cdd4; 1.54 + margin-bottom: 10px; 1.55 +} 1.56 + 1.57 +.link-box, 1.58 +.link-box-bottom { 1.59 + text-align: center; 1.60 +} 1.61 + 1.62 +.link-box:active, 1.63 +.link-box-bottom:active { 1.64 + background-color: #a7b0b8; 1.65 +} 1.66 + 1.67 +.message { 1.68 + margin-bottom: 10px; 1.69 +} 1.70 + 1.71 +.fine-print { 1.72 + font-size: 10px; 1.73 + color: #666; 1.74 +} 1.75 + 1.76 +.stars { 1.77 + width: 80px; 1.78 + height: 10px; 1.79 + margin: -20px auto 10px auto; 1.80 + background-image: url("chrome://browser/skin/images/5stars.png"); 1.81 + background-size: 64px 10px; 1.82 + background-position: center; 1.83 + background-repeat: no-repeat; 1.84 + background-color: #e4e9ee; 1.85 +} 1.86 + 1.87 +.link-box-bottom:active > .stars { 1.88 + background-color: transparent; 1.89 +} 1.90 + 1.91 +@media screen and (max-height: 400px) { 1.92 + .bottom-links, 1.93 + #sumo-message { 1.94 + margin-top: 20px; 1.95 + } 1.96 +} 1.97 + 1.98 +@media not screen and (max-height: 400px) { 1.99 + body { 1.100 + padding-top: 40px; 1.101 + } 1.102 + 1.103 + .bottom-links { 1.104 + position: absolute; 1.105 + left: 0; 1.106 + bottom: 40px; 1.107 + } 1.108 + 1.109 + #sumo-message { 1.110 + position: absolute; 1.111 + bottom: 20px; 1.112 + } 1.113 +} 1.114 + 1.115 +.bottom-links { 1.116 + text-align: center; 1.117 + width: 100%; 1.118 +} 1.119 + 1.120 +.bottom-links > a { 1.121 + margin: 0 25px; 1.122 + text-decoration: underline; 1.123 +} 1.124 + 1.125 +#sumo-message { 1.126 + color: #444; 1.127 + -moz-padding-end: 30px; 1.128 +} 1.129 + 1.130 +.description, 1.131 +#last-url { 1.132 + font-family: "Clear Sans",sans-serif; 1.133 + font-size: 14px; 1.134 + margin-bottom: 10px; 1.135 + padding: 5px; 1.136 + width: -moz-calc(100% - 10px); 1.137 +} 1.138 + 1.139 +.send-feedback { 1.140 + margin-top: 10px; 1.141 + padding: 10px; 1.142 + font-size: 16px; 1.143 + width: 100%; 1.144 + background-image: linear-gradient(rgb(87,94,102), rgb(71,77,83) 90%, rgb(45,49,53)); 1.145 + border-radius: 4px; 1.146 + border-width: 0; 1.147 + color: #fff; 1.148 +} 1.149 + 1.150 +.send-feedback:active { 1.151 + background-image: linear-gradient(rgb(138,143,148), rgb(127,130,135) 90%, rgb(108,111,114)); 1.152 +}