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

Side by Side Diff: chrome/browser/resources/options2/browser_options.css

Issue 9816018: Update icons for network settings. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Merge with trunk. Created 8 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 #change-home-page-section { 5 #change-home-page-section {
6 margin-left: 30px; 6 margin-left: 30px;
7 } 7 }
8 8
9 #home-page-url { 9 #home-page-url {
10 display: inline-block; 10 display: inline-block;
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after
180 } 180 }
181 181
182 .network-wifi { 182 .network-wifi {
183 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_ARCS'); 183 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_ARCS');
184 } 184 }
185 185
186 .network-cellular { 186 .network-cellular {
187 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS'); 187 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS');
188 } 188 }
189 189
190 .network-vpn {
191 background-image: url('chrome://theme/IDR_STATUSBAR_VPN');
192 }
193
190 .network-add-connection, 194 .network-add-connection,
191 .network-control-active, 195 .network-control-active,
192 .network-control-inactive { 196 .network-control-inactive {
193 background-position: center center !important; 197 background-position: center center !important;
194 background-repeat: no-repeat; 198 background-repeat: no-repeat;
195 } 199 }
196 200
197 /* TODO(kevers): Update following URLs once resources are available */ 201 /* TODO(kevers): Update following URLs once resources are available */
198 202
199 .network-add-connection { 203 .network-add-connection {
200 background-image: url('chrome://theme/IDR_SIDETABS_NEW_TAB'); 204 background-image: url('chrome://theme/IDR_SIDETABS_NEW_TAB');
201 } 205 }
202 206
203 .network-control-inactive { 207 .network-control-inactive {
204 background-image: none; 208 background-image: none;
205 } 209 }
206 210
207 .network-control-active { 211 .network-control-active {
208 background-image: url('chrome://theme/IDR_PROFILE_SELECTED'); 212 background-image: url('chrome://theme/IDR_PROFILE_SELECTED');
209 } 213 }
210 214
211 .network-options-button { 215 .network-options-button {
212 -webkit-box-flex: 0; 216 -webkit-box-flex: 0;
213 -webkit-transform: scale(0.6); 217 -webkit-transform: scale(0.6);
214 background-image: url('chrome://theme/IDR_INFOBAR_QUESTION_MARK'); 218 background-image: none;
215 background-position: center center; 219 background-position: center center;
216 display: block; 220 display: block;
221 opacity: 0.5;
217 vertical-align: middle; 222 vertical-align: middle;
218 width: 19px; 223 width: 19px;
219 } 224 }
220 225
226 .network-menu-item:hover .network-options-button {
227 background-image: url('chrome://theme/IDR_STATUSBAR_EDIT');
228 }
229
221 .network-group > .controlled-setting-indicator, 230 .network-group > .controlled-setting-indicator,
222 .network-menu-item > .controlled-setting-indicator { 231 .network-menu-item > .controlled-setting-indicator {
223 -webkit-box-flex: 0; 232 -webkit-box-flex: 0;
224 -webkit-margin-end: 5px; 233 -webkit-margin-end: 5px;
225 display: block; 234 display: block;
226 height: 16px; 235 height: 16px;
227 margin-top: 9px; 236 margin-top: 9px;
228 width: 16px; 237 width: 16px;
229 } 238 }
230 239
231 .network-group > .controlled-setting-indicator { 240 .network-group > .controlled-setting-indicator {
232 margin-top: 0; 241 margin-top: 0;
233 } 242 }
234 243
235 .network-options-button:hover { 244 .network-options-button:hover {
236 /* TODO(kevers): Update once proper assets received for the options 245 opacity: 1;
237 button. */ 246 }
238 border: 2px solid #333; 247
239 border-radius: 10px; 248 @-webkit-keyframes vpn-connecting-animation {
249 from {
250 opacity: 1;
251 }
252 to {
253 opacity: 0.2;
254 }
240 } 255 }
241 256
242 .network-connecting { 257 .network-connecting {
243 -webkit-animation: connecting-animation 1s step-end infinite; 258 -webkit-animation: connecting-animation 1s step-end infinite;
244 } 259 }
245 260
261 .network-vpn.network-connecting {
262 -webkit-animation: vpn-connecting-animation 500ms alternate infinite;
263 }
264
246 .network-title { 265 .network-title {
247 font-weight: 600; 266 font-weight: 600;
248 line-height: 120%; 267 line-height: 120%;
249 } 268 }
250 269
251 .network-subtitle { 270 .network-subtitle {
252 color: #333; 271 color: #333;
253 display: inline-block; 272 display: inline-block;
254 line-height: 100%; 273 line-height: 100%;
255 max-width: 260px; 274 max-width: 260px;
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
362 } 381 }
363 382
364 .sliding { 383 .sliding {
365 -webkit-transition: height 200ms; 384 -webkit-transition: height 200ms;
366 overflow-y: hidden; 385 overflow-y: hidden;
367 } 386 }
368 387
369 #sessionRestoreOverlay { 388 #sessionRestoreOverlay {
370 width: 500px; 389 width: 500px;
371 } 390 }
OLDNEW
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/options2/chromeos/network_list.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698