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

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

Issue 7553020: Revert 94715 - Revert 94714 - Improve layout for bookmark-apps. Add treatment for small icons. (Closed) Base URL: http://git.chromium.org/git/chromium.git@trunk
Patch Set: Rebase to head. 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
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 .app { 6 .app {
7 position: absolute; 7 position: absolute;
8 text-align: center; 8 text-align: center;
9 } 9 }
10 10
11 .app-contents > span { 11 .app-contents > span {
12 display: block; 12 display: block;
13 overflow: hidden; 13 overflow: hidden;
14 text-decoration: none; 14 text-decoration: none;
15 text-overflow: ellipsis; 15 text-overflow: ellipsis;
16 white-space: nowrap; 16 white-space: nowrap;
17 } 17 }
18 18
19 /* TODO(estade): hover effect? press effect? */ 19 /* TODO(estade): hover effect? press effect? */
20 .app-contents > img { 20 .app-contents > img {
21 cursor: pointer; 21 cursor: pointer;
22 display: block; 22 display: block;
23 margin-left: auto; 23 margin-left: auto;
24 margin-right: auto; 24 margin-right: auto;
25 /* -webkit-mask-image set by JavaScript to the image source */ 25 /* -webkit-mask-image set by JavaScript to the image source */
26 -webkit-mask-size: 100% 100%; 26 -webkit-mask-size: 100% 100%;
27 } 27 }
28 28
29 .app-icon-div {
30 border: 1px solid gray;
31 border-radius: 4px;
32 cursor: pointer;
33 display: -webkit-box;
34 vertical-align: middle;
35 -webkit-box-align: center;
36 }
37
29 .app-context-menu > button:first-child { 38 .app-context-menu > button:first-child {
30 font-weight: bold; 39 font-weight: bold;
31 } 40 }
32 41
33 .app-context-menu { 42 .app-context-menu {
34 z-index: 1000; 43 z-index: 1000;
35 } 44 }
36 45
37 /* Promo */ 46 /* Promo */
38 /* Show the promo if the webstore has a promo and is the only app on the page. 47 /* Show the promo if the webstore has a promo and is the only app on the page.
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
71 white-space: nowrap; 80 white-space: nowrap;
72 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6; 81 -webkit-border-image: url('../ntp/g-button-chocobo.png') 6 10 12 6;
73 } 82 }
74 83
75 .apps-promo-hide { 84 .apps-promo-hide {
76 font-size: 90%; 85 font-size: 90%;
77 margin-top: 2px; 86 margin-top: 2px;
78 text-decoration: underline; 87 text-decoration: underline;
79 -webkit-margin-start: 5px; 88 -webkit-margin-start: 5px;
80 } 89 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698