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

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

Issue 9325059: [Clean up] Fix style guide nits in chrome/browser/resources/ntp4. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: fixing margin Created 8 years, 10 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/most_visited_page.css » ('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) 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 .app { 5 .app {
6 outline: none; 6 outline: none;
7 position: absolute; 7 position: absolute;
8 text-align: center; 8 text-align: center;
9 } 9 }
10 10
(...skipping 17 matching lines...) Expand all
28 28
29 .app-contents > span { 29 .app-contents > span {
30 display: block; 30 display: block;
31 overflow: hidden; 31 overflow: hidden;
32 text-decoration: none; 32 text-decoration: none;
33 text-overflow: ellipsis; 33 text-overflow: ellipsis;
34 white-space: nowrap; 34 white-space: nowrap;
35 } 35 }
36 36
37 .app-img-container { 37 .app-img-container {
38 /* -webkit-mask-image set by JavaScript to the image source. */
39 -webkit-mask-size: 100% 100%;
38 margin-left: auto; 40 margin-left: auto;
39 margin-right: auto; 41 margin-right: auto;
40 /* -webkit-mask-image set by JavaScript to the image source */
41 -webkit-mask-size: 100% 100%;
42 } 42 }
43 43
44 .app-img-container > * { 44 .app-img-container > * {
45 height: 100%; 45 height: 100%;
46 width: 100%; 46 width: 100%;
47 } 47 }
48 48
49 .app-icon-div { 49 .app-icon-div {
50 -webkit-box-align: center;
51 -webkit-box-pack: center;
50 background-color: white; 52 background-color: white;
51 border: 1px solid #d5d5d5; 53 border: 1px solid #d5d5d5;
52 border-radius: 5px; 54 border-radius: 5px;
53 display: -webkit-box; 55 display: -webkit-box;
54 margin-left: auto; 56 margin-left: auto;
55 margin-right: auto; 57 margin-right: auto;
56 position: relative; 58 position: relative;
57 vertical-align: middle; 59 vertical-align: middle;
58 z-index: 0; 60 z-index: 0;
59 -webkit-box-align: center;
60 -webkit-box-pack: center;
61 } 61 }
62 62
63 .app-icon-div .app-img-container { 63 .app-icon-div .app-img-container {
64 bottom: 10px; 64 bottom: 10px;
65 left: 10px; 65 left: 10px;
66 position: absolute; 66 position: absolute;
67 } 67 }
68 68
69 .app-icon-div .color-stripe { 69 .app-icon-div .color-stripe {
70 border-bottom-left-radius: 5px 5px; 70 border-bottom-left-radius: 5px 5px;
(...skipping 14 matching lines...) Expand all
85 z-index: 1000; 85 z-index: 1000;
86 } 86 }
87 87
88 .launch-click-target { 88 .launch-click-target {
89 cursor: pointer; 89 cursor: pointer;
90 } 90 }
91 91
92 /* Notifications */ 92 /* Notifications */
93 93
94 .app-notification { 94 .app-notification {
95 -webkit-transition: color 150ms linear;
95 color: #999; 96 color: #999;
96 display: block; 97 display: block;
97 font-size: 11px; 98 font-size: 11px;
98 white-space: nowrap; 99 white-space: nowrap;
99 -webkit-transition: color 150ms linear;
100 } 100 }
101 101
102 .app-notification:hover { 102 .app-notification:hover {
103 text-decoration: underline; 103 text-decoration: underline;
104 } 104 }
105 105
106 /* Promo */ 106 /* Promo */
107 /* Show the promo if the webstore has a promo and is the only app on the page. 107 /* Show the promo if the webstore has a promo and is the only app on the page.
108 */ 108 */
109 .tile:only-of-type > .has-promo > .app-contents > span { 109 .tile:only-of-type > .has-promo > .app-contents > span {
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
141 text-align: left; 141 text-align: left;
142 top: 0; 142 top: 0;
143 } 143 }
144 144
145 html[dir='rtl'] .apps-promo-extras { 145 html[dir='rtl'] .apps-promo-extras {
146 left: auto; 146 left: auto;
147 right: 160px; 147 right: 160px;
148 } 148 }
149 149
150 .apps-promo-heading { 150 .apps-promo-heading {
151 -webkit-margin-start: 3px;
151 font-weight: bold; 152 font-weight: bold;
152 margin-bottom: 5px; 153 margin-bottom: 5px;
153 -webkit-margin-start: 3px;
154 } 154 }
155 155
156 .g-button-basic { 156 .g-button-basic {
157 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6;
157 border-width: 6px 10px 12px 6px; 158 border-width: 6px 10px 12px 6px;
158 color: #fff !important; 159 color: #fff !important;
159 display: inline-block; 160 display: inline-block;
160 font-size: 1.3em; 161 font-size: 1.3em;
161 font-weight: bold; 162 font-weight: bold;
162 padding: 2px 10px; 163 padding: 2px 10px;
163 text-align: center; 164 text-align: center;
164 text-decoration: none; 165 text-decoration: none;
165 white-space: nowrap; 166 white-space: nowrap;
166 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6;
167 } 167 }
168 168
169 .app .invisible { 169 .app .invisible {
170 visibility: hidden; 170 visibility: hidden;
171 } 171 }
172 172
173 /* App install hint */ 173 /* App install hint */
174 174
175 .app-install-hint { 175 .app-install-hint {
176 -webkit-transition: opacity 150ms; 176 -webkit-transition: opacity 150ms;
(...skipping 28 matching lines...) Expand all
205 width: 12%; 205 width: 12%;
206 } 206 }
207 207
208 .app-install-hint-interior > div:first-child { 208 .app-install-hint-interior > div:first-child {
209 -webkit-transform: rotate(90deg); 209 -webkit-transform: rotate(90deg);
210 } 210 }
211 211
212 html.dragging-mode .app-install-hint { 212 html.dragging-mode .app-install-hint {
213 opacity: 0; 213 opacity: 0;
214 } 214 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/most_visited_page.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698