• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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#attribution {
39  color: $9; /* COLOR_NTP_LINK */
40}
41
42#tip-line {
43  color: $8; /* COLOR_NTP_TEXT */
44}
45
46.link-color {
47  color: $9; /* COLOR_NTP_LINK */
48}
49
50:link,
51:visited,
52.link {
53  color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
54}
55
56.section > h2,
57#closed-sections-bar > button {
58  color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */
59}
60
61.section:not(.hidden) > h2 {
62  color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
63}
64
65.section.hidden:not([noexpand]) > h2:hover,
66#closed-sections-bar > button:hover {
67  color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
68}
69
70.section > h2 .back,
71#closed-sections-bar[chromeos] {
72  border-top: 1px solid $$1; /* COLOR_NTP_SECTION  */
73}
74
75.section.hidden > h2 .back {
76  background: none;
77  border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */
78}
79
80.section.hidden:hover > h2 .back {
81  border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */
82}
83
84.app a {
85  color: $8; /* COLOR_NTP_TEXT */
86}
87
88.app:hover > a,
89.app.dragging > a {
90  color: $$3; /* COLOR_NTP_SECTION_TEXT */
91  background-color: $$1; /* COLOR_NTP_SECTION */;
92}
93
94#apps-promo-hide {
95  color: $9; /* COLOR_NTP_LINK */
96}
97
98#apps-promo-text2 {
99  color: $$$3; /* COLOR_NTP_TEXT_LIGHT */
100}
101
102/* Most Visited ***************************************************************/
103
104.most-visited,
105.most-visited > .title {
106  color: $8; /* COLOR_NTP_TEXT */
107}
108
109.most-visited:focus:not(.filler) .thumbnail-wrapper,
110.most-visited:hover .thumbnail-wrapper {
111  background-color: $6; /* COLOR_NTP_HEADER */
112}
113
114.edit-bar {
115  background-image: -webkit-linear-gradient(
116                        $7, /* COLOR_HEADER_GRADIENT_LIGHT */
117                        $6); /* COLOR_NTP_HEADER */
118}
119
120.thumbnail-wrapper {
121  /* This shows through at the (rounded) thumbnail's corners. */
122  background-color: $$2; /* COLOR_NTP_SECTION */
123}
124
125.filler .thumbnail {
126  border-color: $2; /* COLOR_NTP_BACKGROUND */
127}
128
129.thumbnail-shield {
130  background-image:
131      -webkit-linear-gradient(transparent, transparent 50%,
132                              $2); /* COLOR_NTP_BACKGROUND */
133}
134