1html,
2.section > h2 span,
3#most-visited-settings {
4  background-attachment: fixed;
5  background-color: $2; /* COLOR_NTP_BACKGROUND */
6  background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1);
7  background-position: $3;
8  background-repeat: $5;
9}
10
11html[bookmarkbarattached='true'],
12html[bookmarkbarattached='true'] .section > h2 span,
13html[bookmarkbarattached='true'] #most-visited-settings {
14  background-position: $4;
15}
16
17body {
18  color: $8; /* COLOR_NTP_TEXT */
19  height: 100%;
20  overflow: auto;
21}
22
23/* TODO(aa): Is this still in use? The styling may be incorrect with M7 NTP
24   rework. */
25#notification.first-run {
26  background-color: $$1; /* COLOR_NTP_SECTION */
27  border-color: $$2; /* COLOR_NTP_SECTION_BORDER */
28}
29
30#notification.first-run .link {
31   color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
32}
33
34#notification.first-run .link-color {
35  color: $9; /* COLOR_NTP_LINK */
36}
37
38.thumbnail {
39  border-color: $$1; /* COLOR_NTP_SECTION */
40}
41
42.thumbnail-container,
43.thumbnail-container > .title {
44  color: $8; /* COLOR_NTP_TEXT */
45}
46
47.thumbnail-container:focus .thumbnail,
48.thumbnail-container:hover .thumbnail {
49  border-color: $6; /* COLOR_NTP_HEADER */
50}
51
52.thumbnail-container:focus .edit-bar,
53.thumbnail-container:hover .edit-bar {
54  background-color: $6; /* COLOR_NTP_HEADER */
55  background-image: -webkit-linear-gradient(
56                        $7, /* COLOR_HEADER_GRADIENT_LIGHT */
57                        $6); /* COLOR_NTP_HEADER */
58}
59.thumbnail-container:hover > .edit-mode-border {
60  background-color: $6; /* COLOR_NTP_HEADER */
61}
62
63.filler .thumbnail-wrapper {
64  border: 3px solid $$1; /* COLOR_NTP_SECTION */
65  background-color: $2; /* COLOR_NTP_BACKGROUND */
66}
67
68.filler .thumbnail {
69  border: 1px solid $2; /* COLOR_NTP_BACKGROUND */
70  background-color: $$1; /* COLOR_NTP_SECTION */
71}
72
73.miniview {
74  color: $8; /* COLOR_NTP_TEXT */
75}
76
77.miniview > span {
78  color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
79  text-decoration: underline;
80}
81
82.miniview > span > .item {
83  color: $9; /* COLOR_NTP_LINK */
84  text-decoration: none;
85}
86
87#attribution {
88  color: $9; /* COLOR_NTP_LINK */
89}
90
91#tip-line {
92  color: $8; /* COLOR_NTP_TEXT */
93}
94
95.link-color {
96  color: $9; /* COLOR_NTP_LINK */
97}
98
99:link,
100:visited,
101.link {
102  color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
103}
104
105.section > h2,
106#closed-sections-bar > button {
107  color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */
108}
109
110.section:not(.hidden) > h2 {
111  color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
112}
113
114.section.hidden:not([noexpand]) > h2:hover,
115#closed-sections-bar > button:hover {
116  color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
117}
118
119.section > h2 .back,
120#closed-sections-bar[chromeos] {
121  border-top: 1px solid $$1; /* COLOR_NTP_SECTION  */
122}
123
124.section.hidden > h2 .back {
125  background: none;
126  border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */
127}
128
129.section.hidden:hover > h2 .back {
130  border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */
131}
132
133.app a {
134  color: $8; /* COLOR_NTP_TEXT */
135}
136
137.app:hover > a,
138.app.dragging > a {
139  color: $$3; /* COLOR_NTP_SECTION_TEXT */
140  background-color: $$1; /* COLOR_NTP_SECTION */;
141}
142
143#apps-promo-hide {
144  color: $9; /* COLOR_NTP_LINK */
145}
146
147#apps-promo-text2 {
148  color: $$$3; /* COLOR_NTP_TEXT_LIGHT */
149}
150