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

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

Issue 7749029: [ntp4] User interface adjustments to NTP4's bookmarks page. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Created 9 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/ui/webui/ntp/bookmarks_handler.cc » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 5
6 /* Bookmark Tiles ************************************************************/ 6 /* Bookmark Tiles ************************************************************/
7 7
8 .bookmark { 8 .bookmark {
9 display: -webkit-box; 9 display: -webkit-box;
10 position: absolute; 10 position: absolute;
(...skipping 22 matching lines...) Expand all
33 left: 0; 33 left: 0;
34 right: auto; 34 right: auto;
35 } 35 }
36 36
37 .bookmark:hover .close-button { 37 .bookmark:hover .close-button {
38 opacity: 1; 38 opacity: 1;
39 -webkit-transition-delay: 0.5s; 39 -webkit-transition-delay: 0.5s;
40 } 40 }
41 41
42 .bookmark .favicon { 42 .bookmark .favicon {
43 background: no-repeat 50% 50%; 43 background: no-repeat 5% 90%;
44 background-size: 32px;
45 } 44 }
46 45
47 .bookmark .color-stripe { 46 .bookmark .color-stripe {
48 border-bottom-left-radius: 3px 3px; 47 border-bottom-left-radius: 3px 3px;
49 border-bottom-right-radius: 3px 3px; 48 border-bottom-right-radius: 3px 3px;
50 bottom: 23px; 49 bottom: 33px;
51 height: 3px; 50 height: 3px;
52 opacity: 0.5; 51 opacity: 0.5;
53 position: absolute; 52 position: absolute;
54 width: 100%; 53 width: 100%;
55 z-index: 100; 54 z-index: 100;
56 } 55 }
57 56
58 .bookmark .title { 57 .bookmark .title {
59 cursor: pointer; 58 cursor: pointer;
60 display: block; 59 display: block;
61 height: 23px; 60 height: 23px;
62 line-height: 23px; 61 line-height: 23px;
63 overflow: hidden; 62 overflow: hidden;
63 padding-top: 10px;
64 text-align: center; 64 text-align: center;
65 text-decoration: none;
65 text-overflow: ellipsis; 66 text-overflow: ellipsis;
66 white-space: nowrap; 67 white-space: nowrap;
67 } 68 }
68 69
69 .bookmark .button { 70 .bookmark .button {
70 cursor: pointer; 71 cursor: pointer;
71 background-color: rgba(0, 0, 0, 0.2); 72 background-color: rgba(0, 0, 0, 0.15);
72 border: 1px solid transparent; 73 border: 1px solid transparent;
73 border-radius: 5px; 74 border-radius: 5px;
74 bottom: 70px; 75 bottom: 70px;
75 position: relative; 76 position: relative;
76 z-index: 5; 77 z-index: 5;
77 -webkit-box-flex: 1; 78 -webkit-box-flex: 1;
78 -webkit-transition: background-color .15s; 79 -webkit-transition: background-color .15s;
79 } 80 }
80 81
81 .bookmark:hover .button { 82 .bookmark:hover .button {
82 background-color: rgba(0, 0, 0, 0.4); 83 background-color: rgba(0, 0, 0, 0.3);
83 } 84 }
84 85
85 .bookmark .button-frame { 86 .bookmark .button-frame {
86 background: -webkit-gradient(radial, 50% 25%, 0, 50% 50%, 80, from(#fff), 87 background-color: #fff;
87 color-stop(0.68, #f5f5f5), to(#e5e5e5));
88 border-radius: 5px; 88 border-radius: 5px;
89 } 89 }
90 90
91 .bookmark:hover .button-frame {
92 background-color: #f7f7f7;
93 }
94
91 /* The bookmark gets a shadow when clicked, but not when the click is on the 95 /* The bookmark gets a shadow when clicked, but not when the click is on the
92 * close button. */ 96 * close button. */
93 .bookmark:active .close-button:not(:active) + .button-frame { 97 .bookmark:active .close-button:not(:active) + .button-frame {
94 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); 98 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
95 } 99 }
96 100
97 /* Bookmark Titles ************************************************************/ 101 /* Bookmark Titles ************************************************************/
98 102
99 #bookmarks-title-wrapper { 103 #bookmarks-title-wrapper {
100 background: #fff; 104 background: #fff;
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
150 background: -webkit-canvas(bookmark-chevron) center center no-repeat; 154 background: -webkit-canvas(bookmark-chevron) center center no-repeat;
151 border: 0; 155 border: 0;
152 height: 44px; 156 height: 44px;
153 margin: 2px 0; 157 margin: 2px 0;
154 width: 10px; 158 width: 10px;
155 } 159 }
156 160
157 .bookmarks-manager-link-container { 161 .bookmarks-manager-link-container {
158 height: 40px; 162 height: 40px;
159 } 163 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/ui/webui/ntp/bookmarks_handler.cc » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698