OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 /* Set the global 'box-sizing' state to 'border-box'. | 5 /* Set the global 'box-sizing' state to 'border-box'. |
6 * *::after and *::before used to select psuedo-elements not selectable by *. */ | 6 * *::after and *::before used to select psuedo-elements not selectable by *. */ |
7 | 7 |
8 *, | 8 *, |
9 *::after, | 9 *::after, |
10 *::before { | 10 *::before { |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 | 68 |
69 td, | 69 td, |
70 th { | 70 th { |
71 padding: 0; | 71 padding: 0; |
72 } | 72 } |
73 | 73 |
74 /* Base typography. */ | 74 /* Base typography. */ |
75 | 75 |
76 body, | 76 body, |
77 html { | 77 html { |
78 font-family: 'Open Sans', sans-serif; | |
79 font-size: 14px; | 78 font-size: 14px; |
80 line-height: 1.4; | 79 line-height: 1.4; |
81 text-rendering: optimizeLegibility; | 80 text-rendering: optimizeLegibility; |
82 overflow-x: hidden; | 81 overflow-x: hidden; |
83 } | 82 } |
84 | 83 |
85 /* Classes for light, dark and sepia themes. | 84 /* Classes for light, dark and sepia themes. |
86 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js | 85 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js |
87 * and with CSS class constants in viewer.cc */ | 86 * and with CSS class constants in viewer.cc */ |
88 | 87 |
89 .light { | 88 .light { |
90 color: #333; | 89 color: #333; |
91 background-color: #FFF; | 90 background-color: #FFF; |
92 } | 91 } |
93 | 92 |
94 .dark { | 93 .dark { |
95 color: #FFF; | 94 color: #FFF; |
96 background-color: #000; | 95 background-color: #000; |
97 } | 96 } |
98 | 97 |
99 .sepia { | 98 .sepia { |
100 color: #000; | 99 color: #000; |
101 background-color: rgb(203, 173, 141); | 100 background-color: rgb(203, 173, 141); |
102 } | 101 } |
103 | 102 |
| 103 .serif { |
| 104 font-family: serif; |
| 105 } |
| 106 |
| 107 .sans-serif { |
| 108 font-family: 'Open Sans', sans-serif; |
| 109 } |
| 110 |
| 111 .monospace { |
| 112 font-family: monospace; |
| 113 } |
| 114 |
104 /* Define vertical rhythm (baseline grid of 4px). */ | 115 /* Define vertical rhythm (baseline grid of 4px). */ |
105 | 116 |
106 blockquote, | 117 blockquote, |
107 caption, | 118 caption, |
108 code, | 119 code, |
109 dd, | 120 dd, |
110 dl, | 121 dl, |
111 fieldset, | 122 fieldset, |
112 figure, | 123 figure, |
113 form, | 124 form, |
(...skipping 542 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
656 border-color: rgb(250,36,36); | 667 border-color: rgb(250,36,36); |
657 } | 668 } |
658 | 669 |
659 #loader.red .circle.red .mask.first .mover { | 670 #loader.red .circle.red .mask.first .mover { |
660 background-color: rgb(33,89,189); | 671 background-color: rgb(33,89,189); |
661 } | 672 } |
662 | 673 |
663 #loader.red .circle.red .mask.second .mover { | 674 #loader.red .circle.red .mask.second .mover { |
664 background-color: rgb(250,36,36); | 675 background-color: rgb(250,36,36); |
665 } | 676 } |
OLD | NEW |