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

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

Issue 7776020: Revert 98859 - [ntp4] More UI refinements. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Created 9 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/bookmarks_page.js » ('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 28 matching lines...) Expand all
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 5% 90%; 43 background: no-repeat 5% 90%;
44 } 44 }
45 45
46 .bookmark .color-stripe { 46 .bookmark .color-stripe {
47 border-bottom-left-radius: 3px 3px; 47 border-bottom-left-radius: 3px 3px;
48 border-bottom-right-radius: 3px 3px; 48 border-bottom-right-radius: 3px 3px;
49 /* Matches height of title. */ 49 bottom: 33px;
50 bottom: 23px;
51 height: 3px; 50 height: 3px;
52 /* Matches padding-top of the title. */ 51 opacity: 0.5;
53 margin-bottom: 8px;
54 position: absolute; 52 position: absolute;
55 width: 100%; 53 width: 100%;
56 z-index: 100; 54 z-index: 100;
57 } 55 }
58 56
59 .bookmark .title { 57 .bookmark .title {
60 cursor: pointer; 58 cursor: pointer;
61 display: block; 59 display: block;
62 height: 23px; 60 height: 23px;
61 line-height: 23px;
63 overflow: hidden; 62 overflow: hidden;
64 padding-top: 8px; 63 padding-top: 10px;
65 text-align: center; 64 text-align: center;
66 text-decoration: none; 65 text-decoration: none;
67 text-overflow: ellipsis; 66 text-overflow: ellipsis;
68 white-space: nowrap; 67 white-space: nowrap;
69 } 68 }
70 69
71 .bookmark .button { 70 .bookmark .button {
72 cursor: pointer; 71 cursor: pointer;
73 background-color: rgba(0, 0, 0, 0.15); 72 background-color: rgba(0, 0, 0, 0.15);
74 border: 1px solid transparent; 73 border: 1px solid transparent;
75 border-radius: 5px; 74 border-radius: 5px;
76 bottom: 70px; 75 bottom: 70px;
77 position: relative; 76 position: relative;
78 z-index: 5; 77 z-index: 5;
79 -webkit-box-flex: 1; 78 -webkit-box-flex: 1;
80 -webkit-transition: background-color .15s; 79 -webkit-transition: background-color .15s;
81 } 80 }
82 81
83 .bookmark:hover .button { 82 .bookmark:hover .button {
84 background-color: rgba(0, 0, 0, 0.3); 83 background-color: rgba(0, 0, 0, 0.3);
85 } 84 }
86 85
87 .bookmark .button-frame { 86 .bookmark .button-frame {
88 background-color: #fff; 87 background-color: #fff;
89 border-radius: 5px; 88 border-radius: 5px;
90 } 89 }
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
155 background: -webkit-canvas(bookmark-chevron) center center no-repeat; 154 background: -webkit-canvas(bookmark-chevron) center center no-repeat;
156 border: 0; 155 border: 0;
157 height: 44px; 156 height: 44px;
158 margin: 2px 0; 157 margin: 2px 0;
159 width: 10px; 158 width: 10px;
160 } 159 }
161 160
162 .bookmarks-manager-link-container { 161 .bookmarks-manager-link-container {
163 height: 40px; 162 height: 40px;
164 } 163 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/bookmarks_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698