OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 html { | |
6 background-attachment: fixed; | |
7 background-color: $2; /* COLOR_NTP_BACKGROUND */ | |
8 background-image: -webkit-image-set( | |
9 url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1) 1x); | |
10 background-position: $3; | |
11 background-repeat: $5; | |
12 } | |
13 | |
14 html[bookmarkbarattached='true'] { | |
15 background-position: $4; | |
16 } | |
17 | |
18 body { | |
19 color: $8; /* COLOR_NTP_TEXT */ | |
20 height: 100%; | |
21 overflow: auto; | |
22 } | |
23 | |
24 #attribution, | |
25 .link-button, | |
26 .link-span { | |
27 color: $21; /* COLOR_NTP_TEXT_LIGHT */ | |
28 } | |
29 | |
30 .link-button:active { | |
31 color: $8; /* COLOR_NTP_TEXT */ | |
32 } | |
33 | |
34 .page-switcher { | |
35 color: rgba($23, 0.5); /* COLOR_NTP_TEXT */ | |
36 } | |
37 | |
38 .page-switcher:hover, | |
39 .page-switcher:focus, | |
40 .page-switcher.drag-target { | |
41 background-color: rgba($23, 0.06); /* COLOR_NTP_TEXT */ | |
42 } | |
43 | |
44 /* Only change the background to a gradient when a promo is showing. */ | |
45 .showing-login-area #page-switcher-end:hover, | |
46 .showing-login-area #page-switcher-end:focus, | |
47 .showing-login-area #page-switcher-end.drag-target { | |
48 background: | |
49 -webkit-linear-gradient(top, rgba($23, 0) 0, | |
50 rgba($23, .01) 60px, | |
51 rgba($23, .06) 183px); /* COLOR_NTP_TEXT */ | |
52 } | |
53 | |
54 .tile-page-scrollbar { | |
55 background-color: $21; /* COLOR_NTP_TEXT_LIGHT */ | |
56 } | |
57 | |
58 /* Footer *********************************************************************/ | |
59 | |
60 #footer-border { | |
61 background: -webkit-linear-gradient(left, | |
62 rgba($22, 0.2), /* COLOR_NTP_SECTION_BORDER */ | |
63 rgba($22, 0.3) 20%, /* COLOR_NTP_SECTION_BORDER */ | |
64 rgba($22, 0.3) 80%, /* COLOR_NTP_SECTION_BORDER */ | |
65 rgba($22, 0.2)); /* COLOR_NTP_SECTION_BORDER */ | |
66 } | |
67 | |
68 .dot input:focus { | |
69 background-color: $2; /* COLOR_NTP_BACKGROUND */ | |
70 } | |
71 | |
72 .bare-minimum #footer { | |
73 color: $8; /* COLOR_NTP_TEXT */ | |
74 } | |
75 | |
76 .bare-minimum .disclosure-triangle { | |
77 background-color: $8; /* COLOR_NTP_TEXT */ | |
78 } | |
79 | |
80 .bare-minimum .footer-menu-button:hover, | |
81 .bare-minimum .footer-menu-button[menu-shown], | |
82 .bare-minimum #chrome-web-store-link:hover { | |
83 color: rgba($23, 0.85); /* COLOR_NTP_TEXT */ | |
84 } | |
85 | |
86 .bare-minimum .footer-menu-button:hover .disclosure-triangle, | |
87 .bare-minimum .footer-menu-button[menu-shown] .disclosure-triangle { | |
88 background-color: rgba($23, 0.85); /* COLOR_NTP_TEXT */ | |
89 } | |
90 | |
91 /* Most Visited ***************************************************************/ | |
92 | |
93 .most-visited, | |
94 .most-visited > .title { | |
95 color: $8; /* COLOR_NTP_TEXT */ | |
96 } | |
97 | |
98 .most-visited:focus:not(.filler) .thumbnail-wrapper, | |
99 .most-visited:hover:not(.filler) .thumbnail-wrapper { | |
100 background-color: $6; /* COLOR_NTP_HEADER */ | |
101 } | |
102 | |
103 .thumbnail-wrapper { | |
104 /* This shows through at the (rounded) thumbnail's corners. */ | |
105 background-color: $11; /* COLOR_NTP_SECTION_BORDER */ | |
106 } | |
107 | |
108 .filler .thumbnail { | |
109 border-color: $2; /* COLOR_NTP_BACKGROUND */ | |
110 } | |
OLD | NEW |