1 /** 2 * Copyright 2014 The Chromium Authors. All rights reserved. 3 * Use of this source code is governed by a BSD-style license that can be 4 * found in the LICENSE file. 5 */ 6 7 /** 8 * Preloads images. Without preloading, background image starts loading in 9 * the moment when CSS property is applied. Image loading has visible delay and 10 * looks like defect. 11 */ 12 13 @media all and (-webkit-max-device-pixel-ratio: 1.5) { 14 body::after { 15 content: 16 url('chrome://resources/images/apps/button.png') 17 url('chrome://resources/images/apps/button_hover.png') 18 url('chrome://resources/images/apps/button_pressed.png') 19 url('chrome://resources/images/apps/button_focused.png') 20 url('chrome://resources/images/apps/button_focused_hover.png') 21 url('chrome://resources/images/apps/button_focused_pressed.png') 22 url('chrome://resources/images/apps/button_inactive.png') 23 url('chrome://resources/images/apps/blue_button.png') 24 url('chrome://resources/images/apps/blue_button_hover.png') 25 url('chrome://resources/images/apps/blue_button_pressed.png') 26 url('chrome://resources/images/apps/blue_button_focused.png') 27 url('chrome://resources/images/apps/blue_button_focused_hover.png') 28 url('chrome://resources/images/apps/blue_button_focused_pressed.png') 29 url('chrome://resources/images/apps/blue_button_inactive.png'); 30 display: none; 31 } 32 } 33 34 @media all and (-webkit-min-device-pixel-ratio: 1.5) { 35 body::after { 36 content: 37 url('chrome://resources/images/2x/apps/button.png') 38 url('chrome://resources/images/2x/apps/button_hover.png') 39 url('chrome://resources/images/2x/apps/button_pressed.png') 40 url('chrome://resources/images/2x/apps/button_focused.png') 41 url('chrome://resources/images/2x/apps/button_focused_hover.png') 42 url('chrome://resources/images/2x/apps/button_focused_pressed.png') 43 url('chrome://resources/images/2x/apps/button_inactive.png') 44 url('chrome://resources/images/2x/apps/blue_button.png') 45 url('chrome://resources/images/2x/apps/blue_button_hover.png') 46 url('chrome://resources/images/2x/apps/blue_button_pressed.png') 47 url('chrome://resources/images/2x/apps/blue_button_focused.png') 48 url('chrome://resources/images/2x/apps/blue_button_focused_hover.png') 49 url('chrome://resources/images/2x/apps/blue_button_focused_pressed.png') 50 url('chrome://resources/images/2x/apps/blue_button_inactive.png'); 51 display: none; 52 } 53 } 54
