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 file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
7 background-color: #ffffff;
12 background-color: #333333;
17 background-color: #f4ecd8;
21 font-family: Helvetica, Arial, sans-serif;
25 font-family: Georgia, "Times New Roman", serif;
28 /* Loading/error message */
49 font-family: Helvetica, Arial, sans-serif;
50 text-decoration: none;
51 border-bottom: 1px solid;
71 /*======= Controls toolbar =======*/
74 font-family: Helvetica, Arial, sans-serif;
82 background-color: #fbfbfb;
83 -moz-user-select: none;
84 border-right: 1px solid #b5b5b5;
89 background-size: 24px 24px;
90 background-repeat: no-repeat;
92 background-color: #fbfbfb;
99 background-position: center;
103 border-right: 1px solid #b5b5b5;
104 border-bottom: 1px solid #c1c1c1;
123 /*======= Popup =======*/
129 left: 48px; /* offset to account for toolbar width */
131 background-color: #fbfbfb;
134 border: 1px solid #b5b5b5;
135 border-bottom-width: 0;
136 box-shadow: 0 1px 12px #666;
139 .keep-open .dropdown-popup {
143 .dropdown-popup > hr {
147 .open > .dropdown-popup {
153 top: 30px; /* offset arrow from top of popup */
157 background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
161 /*======= Font style popup =======*/
165 #color-scheme-buttons {
170 #font-type-buttons > button:first-child {
171 border-top-left-radius: 3px;
173 #font-type-buttons > button:last-child {
174 border-top-right-radius: 3px;
176 #color-scheme-buttons > button:first-child {
177 border-bottom-left-radius: 3px;
179 #color-scheme-buttons > button:last-child {
180 border-bottom-right-radius: 3px;
183 #font-type-buttons > button,
184 #font-size-buttons > button,
185 #color-scheme-buttons > button {
190 #font-type-buttons > button,
191 #font-size-buttons > button {
193 background-color: transparent;
194 border-left: 1px solid #B5B5B5;
195 border-bottom: 1px solid #B5B5B5;
198 #color-scheme-buttons > button {
203 #color-scheme-buttons > .dark-button {
208 #font-type-buttons > button:first-child,
209 #font-size-buttons > button:first-child {
213 #font-type-buttons > button {
214 display: inline-block;
219 #font-size-buttons > button,
220 #color-scheme-buttons > button {
224 #font-type-buttons > button:active:hover,
225 #font-type-buttons > button.selected,
226 #color-scheme-buttons > button:active:hover,
227 #color-scheme-buttons > button.selected {
228 box-shadow: inset 0 -3px 0 0 #fc6420;
231 #font-type-buttons > button:active:hover,
232 #font-type-buttons > button.selected {
233 border-bottom: 1px solid #FC6420;
236 /* Make the serif button content the same size as the sans-serif button content. */
237 #font-type-buttons > button > .description {
243 /* Font sizes are different per-platform, so we need custom CSS to line them up. */
245 #font-type-buttons > .sans-serif-button > .name {
249 #font-type-buttons > .sans-serif-button > .description {
253 #font-type-buttons > .serif-button > .name {
257 #font-type-buttons > .sans-serif-button > .name {
261 #font-type-buttons > .sans-serif-button > .description {
265 #font-type-buttons > .serif-button > .name {
269 #font-type-buttons > .sans-serif-button > .name {
273 #font-type-buttons > .sans-serif-button > .description {
277 #font-type-buttons > .serif-button > .name {
283 #font-size-buttons > button:hover,
284 #font-type-buttons > button:hover {
285 background-color: #ebebeb;
290 #font-size-buttons > button:active,
291 #font-size-buttons > button.selected {
292 background-color: #dadada;
295 /* Only used on Android */
302 background-color: transparent;
304 background-size: 18px 18px;
305 background-repeat: no-repeat;
306 background-position: center;
309 /*======= Toolbar icons =======*/
312 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
314 background-position: center 8px;
317 .close-button:hover {
318 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
319 background-color: #d94141;
320 border-bottom: 1px solid #d94141;
321 border-right: 1px solid #d94141;
324 .close-button:hover:active {
325 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
326 background-color: #AE2325;
327 border-bottom: 1px solid #AE2325;
328 border-right: 1px solid #AE2325;
332 background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");
336 background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");
340 background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
345 display: none !important;