OLD | NEW |
| (Empty) |
1 html, | |
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 | |
11 html[bookmarkbarattached='true'], | |
12 html[bookmarkbarattached='true'] .section > h2 span, | |
13 html[bookmarkbarattached='true'] #most-visited-settings { | |
14 background-position: $4; | |
15 } | |
16 | |
17 body { | |
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: $10; /* COLOR_NTP_SECTION */ | |
27 border-color: $11; /* COLOR_NTP_SECTION_BORDER */ | |
28 } | |
29 | |
30 #notification.first-run .link { | |
31 color: $14; /* 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: $10; /* 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 $10; /* 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: $10; /* COLOR_NTP_SECTION */ | |
71 } | |
72 | |
73 .miniview { | |
74 color: $8; /* COLOR_NTP_TEXT */ | |
75 } | |
76 | |
77 .miniview > span { | |
78 color: $14; /* 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: $14; /* COLOR_NTP_LINK_UNDERLINE */ | |
103 } | |
104 | |
105 .section > h2, | |
106 #closed-sections-bar > button { | |
107 color: $16; /* COLOR_NTP_SECTION_HEADER_TEXT */ | |
108 } | |
109 | |
110 .section:not(.hidden) > h2 { | |
111 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | |
112 } | |
113 | |
114 .section.hidden:not([noexpand]) > h2:hover, | |
115 #closed-sections-bar > button:hover { | |
116 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | |
117 } | |
118 | |
119 .section > h2 .back, | |
120 #closed-sections-bar[chromeos] { | |
121 border-top: 1px solid $10; /* COLOR_NTP_SECTION */ | |
122 } | |
123 | |
124 .section.hidden > h2 .back { | |
125 background: none; | |
126 border-color-top: $19; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ | |
127 } | |
128 | |
129 .section.hidden:hover > h2 .back { | |
130 border-color-top: $18; /* 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: $12; /* COLOR_NTP_SECTION_TEXT */ | |
140 background-color: $10; /* COLOR_NTP_SECTION */; | |
141 } | |
142 | |
143 #apps-promo-hide { | |
144 color: $9; /* COLOR_NTP_LINK */ | |
145 } | |
146 | |
147 #apps-promo-text2 { | |
148 color: $21; /* COLOR_NTP_TEXT_LIGHT */ | |
149 } | |
OLD | NEW |