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

Side by Side Diff: chrome/browser/resources/ntp4/suggestions_page.css

Issue 10115001: Added page score to the ntp suggestions tab. (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: Addressed comments. Created 8 years, 8 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 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 .suggestions { 5 .suggestions {
6 position: absolute; 6 position: absolute;
7 z-index: 0; 7 z-index: 0;
8 } 8 }
9 9
10 .suggestions { 10 .suggestions {
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 width: 16px; 52 width: 16px;
53 } 53 }
54 54
55 html[dir='rtl'] .suggestions .favicon { 55 html[dir='rtl'] .suggestions .favicon {
56 background-position-x: right; 56 background-position-x: right;
57 } 57 }
58 58
59 .suggestions .color-stripe { 59 .suggestions .color-stripe {
60 border-bottom-left-radius: 3px 3px; 60 border-bottom-left-radius: 3px 3px;
61 border-bottom-right-radius: 3px 3px; 61 border-bottom-right-radius: 3px 3px;
62 /* Matches height of title. */ 62 /* Matches height of title. */
Evan Stade 2012/04/27 02:32:06 this comment needs updating
Rune Fevang 2012/04/27 19:34:29 Done.
63 bottom: 23px; 63 bottom: 36px;
64 height: 3px; 64 height: 3px;
65 /* Matches padding-top of the title. */
66 margin-bottom: 8px;
67 position: absolute; 65 position: absolute;
68 width: 100%; 66 width: 100%;
69 z-index: 10; 67 z-index: 10;
70 } 68 }
71 69
72 .suggestions .title { 70 .suggestions .title {
73 display: block; 71 display: block;
74 height: 23px; 72 height: 18px;
75 overflow: hidden; 73 overflow: hidden;
76 padding-top: 8px;
77 text-align: center; 74 text-align: center;
78 text-overflow: ellipsis; 75 text-overflow: ellipsis;
79 white-space: nowrap; 76 white-space: nowrap;
80 } 77 }
81 78
79 .suggestions .score {
80 display: block;
81 height: 18px;
82 overflow: hidden;
83 text-align: center;
84 }
85
82 .suggestions:focus .thumbnail, 86 .suggestions:focus .thumbnail,
83 .suggestions:hover .thumbnail { 87 .suggestions:hover .thumbnail {
84 opacity: 0.95; 88 opacity: 0.95;
85 } 89 }
86 90
87 .suggestions:focus .thumbnail-shield, 91 .suggestions:focus .thumbnail-shield,
88 .suggestions:hover .thumbnail-shield, 92 .suggestions:hover .thumbnail-shield,
89 .suggestions:active .thumbnail-shield { 93 .suggestions:active .thumbnail-shield {
90 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), 94 background: -webkit-linear-gradient(rgba(255, 255, 255, 0),
91 rgba(255, 255, 255, 0) 80%, 95 rgba(255, 255, 255, 0) 80%,
92 rgba(255, 255, 255, 0.9)); 96 rgba(255, 255, 255, 0.9));
93 } 97 }
94 98
95 /* The thumbnail gets lighter when clicked, but not when the click is on the 99 /* The thumbnail gets lighter when clicked, but not when the click is on the
96 * close button. */ 100 * close button. */
97 .suggestions:active .close-button:not(:active) + .thumbnail { 101 .suggestions:active .close-button:not(:active) + .thumbnail {
98 opacity: 0.9; 102 opacity: 0.9;
99 } 103 }
100 104
101 /* The thumbnail gets a shadow when clicked, but not when the click is on the 105 /* The thumbnail gets a shadow when clicked, but not when the click is on the
102 * close button. */ 106 * close button. */
103 .suggestions:active .close-button:not(:active) + .thumbnail .thumbnail-shield { 107 .suggestions:active .close-button:not(:active) + .thumbnail .thumbnail-shield {
104 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); 108 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
105 } 109 }
OLDNEW
« no previous file with comments | « chrome/browser/history/history_types.cc ('k') | chrome/browser/resources/ntp4/suggestions_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698