Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(120)

Side by Side Diff: chrome/browser/resources/new_tab_theme.css

Issue 3363001: Different approach to NTP layout (Closed)
Patch Set: cleanup Created 10 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 html, 1 html,
2 #top-spacer,
3 .miniview,
4 .section > h2 .mask,
5 .section > h2 .settings-wrapper, 2 .section > h2 .settings-wrapper,
6 .section > h2 span { 3 .section > h2 span {
7 background-attachment: fixed; 4 background-attachment: fixed;
8 background-color: $2; /* COLOR_NTP_BACKGROUND */ 5 background-color: $2; /* COLOR_NTP_BACKGROUND */
9 background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1); 6 background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1);
10 background-position: $3; 7 background-position: $3;
11 background-repeat: $5; 8 background-repeat: $5;
12 } 9 }
13 10
14 html[bookmarkbarattached='true'], 11 html[bookmarkbarattached='true'],
15 html[bookmarkbarattached='true'] #top-spacer,
16 html[bookmarkbarattached='true'] .miniview,
17 html[bookmarkbarattached='true'] .section > h2 .mask,
18 html[bookmarkbarattached='true'] .section > h2 .settings-wrapper, 12 html[bookmarkbarattached='true'] .section > h2 .settings-wrapper,
19 html[bookmarkbarattached='true'] .section > h2 span { 13 html[bookmarkbarattached='true'] .section > h2 span {
20 background-position: $4; 14 background-position: $4;
21 } 15 }
22 16
23 body { 17 body {
24 color: $8; /* COLOR_NTP_TEXT */ 18 color: $8; /* COLOR_NTP_TEXT */
25 height: 100%; 19 height: 100%;
26 overflow: auto; 20 overflow: auto;
27 } 21 }
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
103 .link-color { 97 .link-color {
104 color: $9; /* COLOR_NTP_LINK */ 98 color: $9; /* COLOR_NTP_LINK */
105 } 99 }
106 100
107 :link, 101 :link,
108 :visited, 102 :visited,
109 .link { 103 .link {
110 color: $$6; /* COLOR_NTP_LINK_UNDERLINE */ 104 color: $$6; /* COLOR_NTP_LINK_UNDERLINE */
111 } 105 }
112 106
113 .section:not(.hidden) > h2 > .mask { 107 .section:not(.hidden) > h2 {
114 color: $$9; 108 color: $$9;
115 } 109 }
116 110
117 .section.hidden:not([noexpand]) > h2:hover > .mask { 111 .section.hidden:not([noexpand]) > h2:hover {
118 color: $$9; 112 color: $$9;
119 } 113 }
120 114
121 .section > h2 .back { 115 .section > h2 .back {
122 background-image: 116 background-image:
123 -webkit-gradient(radial, 50% -1753, 1750, 50% -1753, 1770, 117 -webkit-gradient(radial, 50% -1753, 1750, 50% -1753, 1770,
124 from($$$1), to($$$3)); 118 from($$$1), to($$$3));
125 border-top: 1px solid $$$1; /* COLOR_NTP_SECTION_HEADER_RULE */ 119 border-top: 1px solid $$$1; /* COLOR_NTP_SECTION_HEADER_RULE */
126 } 120 }
127 121
128 .section.hidden > h2 .back { 122 .section.hidden > h2 .back {
129 background: none; 123 background: none;
130 border-color-top: $$$2; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ 124 border-color-top: $$$2; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */
131 } 125 }
132 126
133 .section.hidden:hover > h2 .back { 127 .section.hidden:hover > h2 .back {
134 border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE */ 128 border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE */
135 } 129 }
136 130
137 .section > h2 > .settings { 131 .section > h2 > .settings {
138 background-color: $2; /* COLOR_NTP_BACKGROUND */ 132 background-color: $2; /* COLOR_NTP_BACKGROUND */
139 border-color: $2; /* COLOR_NTP_BACKGROUND */ 133 border-color: $2; /* COLOR_NTP_BACKGROUND */
140 } 134 }
141 135
142 #apps-section .app a { 136 .app a {
143 color: $8; /* COLOR_NTP_TEXT */ 137 color: $8; /* COLOR_NTP_TEXT */
144 } 138 }
145 139
146 #apps-section .app:hover > .front > a, 140 .app:hover > .front > a,
147 #apps-section .app > .back { 141 .app > .back {
148 color: $$3; /* COLOR_NTP_SECTION_TEXT */ 142 color: $$3; /* COLOR_NTP_SECTION_TEXT */
149 background-color: $$1; /* COLOR_NTP_SECTION */; 143 background-color: $$1; /* COLOR_NTP_SECTION */;
150 } 144 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698