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 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
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 { | |
arv (Not doing code reviews)
2013/03/26 15:53:34
What happened to the box-shadow? I was just pointi
| |
104 background-color: white; | |
105 border: 1px solid lightgray; | |
106 border-bottom-width: 3px; | |
107 border-radius: 2px; | |
108 border-top-width: 2px; | |
109 bottom: 90px; | |
110 font-family: Arial, Helvetica, sans-serif; | |
111 height: 120px; | |
112 left: 50%; | |
113 margin-left: -300px; | |
114 position: fixed; | |
115 width: 600px; | |
116 } | |
117 | |
118 .app-launcher-promo > .close-button { | |
119 position: absolute; | |
120 right: 10px; | |
121 top: 10px; | |
122 width: 14px; | |
123 } | |
124 | |
125 .apps-promo-text { | |
126 color: #222; | |
127 font-size: 16px; | |
128 left: 30px; | |
129 line-height: 24px; | |
130 position: absolute; | |
131 top: 30px; | |
132 } | |
133 | |
134 .apps-promo-learn-more { | |
135 background-color: rgb(77, 144, 254); | |
136 border: 1px solid rgb(47, 91, 183); | |
137 border-radius: 2px; | |
138 color: white; | |
139 cursor: default; | |
140 font-size: 11px; | |
141 font-weight: bold; | |
142 height: 27px; | |
143 left: 30px; | |
144 line-height: 27px; | |
145 padding: 0 8px; | |
146 position: absolute; | |
147 text-align: center; | |
148 text-decoration: none; | |
149 top: 70px; | |
150 width: 90px; | |
151 } | |
152 | |
153 .apps-promo-learn-more:hover { | |
154 background-image: -webkit-linear-gradient( | |
155 top, rgb(77, 144, 254), rgb(53, 122, 232)); | |
156 border: 1px solid rgb(47, 91, 183); | |
157 } | |
158 | |
159 .app-launcher-promo > img { | |
160 bottom: 0; | |
161 position: absolute; | |
162 right: 30px; | |
163 } | |
OLD | NEW |