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

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

Issue 12985002: Add a new App launcher promo to the apps page / NTP. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 7 years, 9 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) 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 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
92 cursor: pointer; 92 cursor: pointer;
93 } 93 }
94 94
95 .app-img-container > img:first-child { 95 .app-img-container > img:first-child {
96 display: block; 96 display: block;
97 } 97 }
98 98
99 .app .invisible { 99 .app .invisible {
100 visibility: hidden; 100 visibility: hidden;
101 } 101 }
102
103 .app-launcher-promo {
104 background-color: white;
105 border-bottom-width: 3px;
106 border-color: lightgray;
107 border-radius: 2px;
108 border-style: solid;
109 border-top-width: 2px;
110 border-width: 1px;
Dan Beam 2013/03/21 15:45:14 border: 3px solid lightgray; border-radius: 2px; b
MAD 2013/03/21 16:47:47 Done.
111 bottom: 90px;
112 height: 120px;
113 left: 50%;
114 margin-left: -300px;
115 position: fixed;
116 width: 600px;
117 }
118
119 .app-launcher-promo > .close-button {
120 position: absolute;
121 right: 10px;
122 top: 10px;
123 width: 14px;
124 }
125
126 .apps-promo-text {
127 color: #222;
128 font-family: Arial, Helvetica, sans-serif;
129 font-size: 16px;
130 font-weight: normal;
Dan Beam 2013/03/21 15:45:14 font: 16px normal Arial, Helvetica, sans-serif;
MAD 2013/03/21 16:47:47 Done.
131 left: 30px;
132 line-height: 24px;
133 position: absolute;
134 top: 30px;
135 }
136
137 .apps-promo-learn-more {
138 -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 1px 0;
Dan Beam 2013/03/21 15:45:14 ^ remove
MAD 2013/03/21 16:47:47 Done.
139 background-color: rgb(77, 144, 254);
140 border-bottom-color: rgb(47, 91, 183);
141 border-bottom-left-radius: 2px;
142 border-bottom-right-radius: 2px;
143 border-bottom-style: solid;
144 border-bottom-width: 1px;
145 border-image-outset: 0;
146 border-image-repeat: stretch;
147 border-image-slice: 100%;
148 border-image-source: none;
149 border-image-width: 1;
150 border-left-color: rgb(47, 91, 183);
151 border-left-style: solid;
152 border-left-width: 1px;
153 border-right-color: rgb(47, 91, 183);
154 border-right-style: solid;
155 border-right-width: 1px;
156 border-top-color: rgb(47, 91, 183);
157 border-top-left-radius: 2px;
158 border-top-right-radius: 2px;
159 border-top-style: solid;
160 border-top-width: 1px;
Dan Beam 2013/03/21 15:45:14 border: 1px solid rgb(47, 91, 183);
MAD 2013/03/21 16:47:47 Done.
161 box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 1px 0;
162 color: white;
163 cursor: default;
164 font-family: Arial, Helvetica, sans-serif;
165 font-size: 11px;
166 font-style: normal;
167 font-weight: bold;
168 height: 27px;
169 left: 30px;
170 line-height: 27px;
171 margin-bottom: 0;
172 margin-left: 0;
173 margin-right: 0;
174 margin-top: 0;
Dan Beam 2013/03/21 15:45:14 margin: 0;
MAD 2013/03/21 16:47:47 Done.
175 outline-color: white;
176 outline-style: none;
177 outline-width: 0;
178 padding-bottom: 0;
179 padding-left: 8px;
180 padding-right: 8px;
181 padding-top: 0;
Dan Beam 2013/03/21 15:45:14 padding: 0 8px;
MAD 2013/03/21 16:47:47 Done.
182 position: absolute;
183 text-align: center;
184 text-decoration: none;
185 top: 70px;
186 vertical-align: baseline;
187 width: 90px;
188 }
189
190 .apps-promo-learn-more:hover {
191 background-image: -webkit-linear-gradient(
192 top, rgb(77, 144, 254), rgb(53, 122, 232));
193 border: 1px solid #404040;
194 border-color: rgb(47, 91, 183);
Dan Beam 2013/03/21 15:45:14 border: 1px solid rgb(47, 91, 183);
MAD 2013/03/21 16:47:47 Done.
195 }
196
197 .app-launcher-promo > img {
198 bottom: 0;
199 position: absolute;
200 right: 30px;
201 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698