kiosk_apps.css revision 868fa2fe829687343ffae624259930155e16dbd8
1868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)/* Copyright 2013 The Chromium Authors. All rights reserved. 2868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 3868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) * found in the LICENSE file. */ 4868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 5868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-page .checkbox { 6868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: block; 7868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 8868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 9868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-app-list { 10868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) border: 1px solid lightgrey; 11868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 200px; 12868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) margin-bottom: 5px; 13868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 14868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 15868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-app-list > * { 16868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-box-align: center; 17868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) box-sizing: border-box; 18868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: -webkit-box; 19868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 32px; 20868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 21868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 22868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)/* TODO(xiyuan): The .row-delete-button rules probably should live somewhere 23868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) * else and be shared with options.css */ 24868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button { 25868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-transition: 150ms opacity; 26868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-color: transparent; 27868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) /* TODO(stuartmorgan): Replace with real images once they are available. */ 28868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: -webkit-image-set( 29868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_100_percent/close_2.png') 1x, 30868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_200_percent/close_2.png') 2x); 31868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) border: none; 32868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: block; 33868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 16px; 34868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 1; 35868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 16px; 36868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 37868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 38868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, 39868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button, 40868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list[disabled] .row-delete-button, 41868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button[disabled] { 42868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 0; 43868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) pointer-events: none; 44868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 45868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 46868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button:hover { 47868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: -webkit-image-set( 48868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_100_percent/close_2_hover.png') 49868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 1x, 50868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_200_percent/close_2_hover.png') 51868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 2x); 52868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 53868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 54868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button:active { 55868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: -webkit-image-set( 56868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_100_percent/close_2_pressed.png') 57868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 1x, 58868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_200_percent/close_2_pressed.png') 59868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 2x); 60868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 61868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 62868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-app-id-edit { 63868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 510px; 64868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 65868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 66868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner { 67868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-transition: opacity 150ms; 68868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-color: rgb(223, 165, 165); 69868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) margin: 2px 0; 70868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 0; 71868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) padding: 5px; 72868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: hidden; 73868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 74868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 510px; 75868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 76868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 77868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner.visible { 78868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 1; 79868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: visible; 80868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 81868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 82868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item { 83868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 84868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 85868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 86868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item .space-filler { 87868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-box-flex: 1; 88868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 89868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 90868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon, 91868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 92868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 93868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 94868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) vertical-align: middle; 95868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 96868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 97868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon { 98868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-size: 100%; 99868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 16px; 100868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 16px; 101868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 102868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 103868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon.spinner { 104868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: url('chrome://resources/images/spinner.svg') !important; 105868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 106868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 107868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 108868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 109868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) overflow: hidden; 110868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) text-overflow: ellipsis; 111868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 112868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 113868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name { 114868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 250px; 115868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 116868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 117868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 118868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-margin-start: 8px; 119868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 120px; 120868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 121868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 122868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).disable-auto-launch-button, 123868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).enable-auto-launch-button { 124868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: none; 125868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 126868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 127868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button, 128868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button { 129868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 130868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 131868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 132868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-confirm-overlay { 133868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 250px 134868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 135868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 136868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-warning-bold { 137868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) font-weight: bold; 138868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 139