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

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

Issue 3236001: Add the collapsed 'miniview' to the apps and most visisted sections. (Closed)
Patch Set: more unnecessary changes Created 10 years, 4 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 /* This is needed because of chrome://theme/css/new_tab.css */ 2 /* This is needed because of chrome://theme/css/new_tab.css */
3 height: 100%; 3 height: 100%;
4 } 4 }
5 5
6 body { 6 body {
7 margin: 0; 7 margin: 0;
8 height: 100%; 8 height: 100%;
9 overflow: auto; 9 overflow: auto;
10 -webkit-user-select: none; 10 -webkit-user-select: none;
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
127 padding: 2px; 127 padding: 2px;
128 padding-left: 18px; 128 padding-left: 18px;
129 background-size: 16px; 129 background-size: 16px;
130 background-color: hsla(213, 63%, 93%, 0); 130 background-color: hsla(213, 63%, 93%, 0);
131 display: block; 131 display: block;
132 line-height: 20px; 132 line-height: 20px;
133 -webkit-box-sizing: border-box; 133 -webkit-box-sizing: border-box;
134 white-space: nowrap; 134 white-space: nowrap;
135 overflow: hidden; 135 overflow: hidden;
136 text-overflow: ellipsis; 136 text-overflow: ellipsis;
137 text-decoration: none;
138 font-size: 100%; 137 font-size: 100%;
139 } 138 }
140 139
141 .item:visited, 140 .item:visited,
142 .item:link { 141 .item:link {
143 color: hsl(213, 90%, 24%); 142 color: hsl(213, 90%, 24%);
144 } 143 }
145 144
146 html[dir=rtl] .item { 145 html[dir=rtl] .item {
147 background-position-x: 100%; 146 background-position-x: 100%;
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
187 to(rgb(228, 229, 240))); 186 to(rgb(228, 229, 240)));
188 width: auto; 187 width: auto;
189 max-width: 300px; 188 max-width: 300px;
190 } 189 }
191 190
192 .hbox { 191 .hbox {
193 display: -webkit-box; 192 display: -webkit-box;
194 -webkit-box-orient: horizontal; 193 -webkit-box-orient: horizontal;
195 } 194 }
196 195
197 #most-visited {
198 margin-bottom: 20px;
199 }
200
201 #sync-status { 196 #sync-status {
202 display: none; 197 display: none;
203 border-radius: 6px; 198 border-radius: 6px;
204 padding: 5px 0; 199 padding: 5px 0;
205 margin: 10px 0; 200 margin: 10px 0;
206 white-space: nowrap; 201 white-space: nowrap;
207 overflow-x: hidden; 202 overflow-x: hidden;
208 } 203 }
209 204
210 #sync-status > * { 205 #sync-status > * {
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
327 322
328 .section > * { 323 .section > * {
329 font-size: 12px; 324 font-size: 12px;
330 } 325 }
331 326
332 .section.disabled { 327 .section.disabled {
333 display: none !important; 328 display: none !important;
334 } 329 }
335 330
336 .section > div { 331 .section > div {
337 margin-bottom: 10px; 332 margin-bottom: 15px;
333 }
334
335 #apps-section-content {
336 /* This one is special because the app buttons already have a lot of empty
337 space around them. */
338 margin-bottom: 5px;
338 } 339 }
339 340
340 .section > h2 { 341 .section > h2 {
341 background-position: 0 center; 342 background-position: 0 center;
342 background-repeat: no-repeat; 343 background-repeat: no-repeat;
343 -webkit-background-size: 100% 26px; 344 -webkit-background-size: 100% 26px;
344 display: block; 345 display: block;
345 font-family: Helvetica, Arial, sans-serif; 346 font-family: Helvetica, Arial, sans-serif;
346 font-size: 16px; 347 font-size: 16px;
347 font-weight: normal; 348 font-weight: normal;
(...skipping 13 matching lines...) Expand all
361 .section:not(.hidden) > h2 > img { 362 .section:not(.hidden) > h2 > img {
362 -webkit-transform:rotate(90deg); 363 -webkit-transform:rotate(90deg);
363 } 364 }
364 365
365 .section > h2 > span { 366 .section > h2 > span {
366 padding-right: 4px; 367 padding-right: 4px;
367 } 368 }
368 369
369 .section > .miniview { 370 .section > .miniview {
370 display: none; 371 display: none;
372 /* Because the items have 10px horizontal margins. */
373 margin-left:-10px;
arv (Not doing code reviews) 2010/08/31 20:54:22 -webkit-margin-start: -10px; -webkit-margin-end: -
374 margin-right:-10px;
371 } 375 }
372 376
373 .section.hidden > * { 377 .section.hidden > * {
374 display: none; 378 display: none;
375 } 379 }
376 380
377 .section.hidden > h2, 381 .section.hidden > h2,
378 .section.hidden > .miniview { 382 .section.hidden > .miniview {
379 display: block; 383 display: block;
380 } 384 }
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
415 } 419 }
416 } 420 }
417 421
418 /* Ensure we have at least 10px horizontal marging. */ 422 /* Ensure we have at least 10px horizontal marging. */
419 @media (max-width: 712px) { 423 @media (max-width: 712px) {
420 #main { 424 #main {
421 margin-left: 10px; 425 margin-left: 10px;
422 margin-right: 10px; 426 margin-right: 10px;
423 } 427 }
424 } 428 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698