OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 * This is the stylesheet used by the touch-enabled new tab page | 5 * This is the stylesheet used by the touch-enabled new tab page |
6 */ | 6 */ |
7 | 7 |
8 html { | 8 html { |
9 font-family: segoe ui, arial, helvetica, sans-serif; | 9 font-family: segoe ui, arial, helvetica, sans-serif; |
10 font-size: 14px; | 10 font-size: 14px; |
(...skipping 24 matching lines...) Expand all Loading... |
35 width: 100%; | 35 width: 100%; |
36 -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 30px); | 36 -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 30px); |
37 } | 37 } |
38 | 38 |
39 #page-list { | 39 #page-list { |
40 /* fill the apps-frame */ | 40 /* fill the apps-frame */ |
41 height: 100%; | 41 height: 100%; |
42 display: -webkit-box; | 42 display: -webkit-box; |
43 } | 43 } |
44 | 44 |
| 45 #attribution { |
| 46 bottom: 0; |
| 47 position: absolute; |
| 48 right: 0; |
| 49 z-index: -5; |
| 50 } |
| 51 |
| 52 #attribution > span { |
| 53 display: block; |
| 54 font-size: 84%; |
| 55 /* Text should be left aligned regardless of diretionality. */ |
| 56 text-align: left; |
| 57 } |
| 58 |
45 #footer { | 59 #footer { |
46 background-color: rgba(255, 255, 255, 0.8); | 60 background-color: rgba(255, 255, 255, 0.8); |
47 bottom: 0; | 61 bottom: 0; |
48 position: fixed; | 62 position: fixed; |
49 width: 100%; | 63 width: 100%; |
50 } | 64 } |
51 | 65 |
52 /* TODO(estade): remove this border hack and replace with a webkit-gradient | 66 /* TODO(estade): remove this border hack and replace with a webkit-gradient |
53 * border-image on #footer once WebKit supports border-image-slice. | 67 * border-image on #footer once WebKit supports border-image-slice. |
54 * See https://bugs.webkit.org/show_bug.cgi?id=20127 */ | 68 * See https://bugs.webkit.org/show_bug.cgi?id=20127 */ |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
129 #footer.rearrange-mode #trash { | 143 #footer.rearrange-mode #trash { |
130 -webkit-transform: translate(0, 0); | 144 -webkit-transform: translate(0, 0); |
131 } | 145 } |
132 | 146 |
133 .disclosure-triangle { | 147 .disclosure-triangle { |
134 display: inline-block; | 148 display: inline-block; |
135 width: 9px; | 149 width: 9px; |
136 height: 9px; | 150 height: 9px; |
137 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); | 151 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); |
138 } | 152 } |
OLD | NEW |