OLD | NEW |
---|---|
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 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
95 color: #999; | 95 color: #999; |
96 display: block; | 96 display: block; |
97 font-size: 0.9em; | 97 font-size: 0.9em; |
98 white-space: nowrap; | 98 white-space: nowrap; |
99 } | 99 } |
100 | 100 |
101 .app-notification:hover { | 101 .app-notification:hover { |
102 text-decoration: underline; | 102 text-decoration: underline; |
103 } | 103 } |
104 | 104 |
105 /* Promo */ | 105 .tile:only-of-type > .app-contents > span { |
Mihai Parparita -not on Chrome
2012/07/31 22:58:16
Seems like these rule should be removed entirely (
| |
106 /* Show the promo if the webstore has a promo and is the only app on the page. | |
107 */ | |
108 .tile:only-of-type > .has-promo > .app-contents > span { | |
109 display: none; | 106 display: none; |
110 } | 107 } |
111 | 108 |
112 .tile:only-of-type > .has-promo .app-img-container > .apps-promo-logo { | 109 .tile:only-of-type > .app-img-container { |
113 display: block; | 110 display: block; |
114 } | 111 } |
115 | 112 |
116 .apps-promo-logo { | 113 .tile:only-of-type > .app-img-container > img:first-child { |
117 display: none; | |
118 height: 128px; | |
119 width: 128px; | |
120 } | |
121 | |
122 .tile:only-of-type > .has-promo .app-img-container > img:first-child { | |
123 display: none; | 114 display: none; |
124 } | 115 } |
125 | 116 |
126 .app-img-container > img:first-child { | 117 .app-img-container > img:first-child { |
127 display: block; | 118 display: block; |
128 } | 119 } |
129 | 120 |
130 /* TODO(estade): animation? */ | |
131 .tile:only-of-type > .has-promo > .apps-promo-extras { | |
132 display: block; | |
133 } | |
134 | |
135 .apps-promo-extras { | |
136 display: none; | |
137 /* 128 * 5/4 */ | |
138 left: 160px; | |
139 position: absolute; | |
140 text-align: left; | |
141 top: 0; | |
142 } | |
143 | |
144 html[dir='rtl'] .apps-promo-extras { | |
145 left: auto; | |
146 right: 160px; | |
147 } | |
148 | |
149 .apps-promo-heading { | |
150 -webkit-margin-start: 3px; | |
151 font-weight: bold; | |
152 margin-bottom: 5px; | |
153 } | |
154 | |
155 .g-button-basic { | |
156 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6; | |
157 border-width: 6px 10px 12px 6px; | |
158 color: #fff !important; | |
159 display: inline-block; | |
160 font-size: 1.3em; | |
161 font-weight: bold; | |
162 padding: 2px 10px; | |
163 text-align: center; | |
164 text-decoration: none; | |
165 white-space: nowrap; | |
166 } | |
167 | |
168 .app .invisible { | 121 .app .invisible { |
169 visibility: hidden; | 122 visibility: hidden; |
170 } | 123 } |
171 | 124 |
172 /* Move the notification lower on apps pages to account for the 16px of | 125 /* Move the notification lower on apps pages to account for the 16px of |
173 * transparency each app icon should have. */ | 126 * transparency each app icon should have. */ |
174 .apps-page #notification-container { | 127 .apps-page #notification-container { |
175 bottom: 15px; | 128 bottom: 15px; |
176 } | 129 } |
OLD | NEW |