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, 39f8ee788a64d60abd8f2d742a5fdedde054ecd910Torne (Richard Coles)list:not([has-element-focus]) > *:not(:hover):not([selected]) 40f8ee788a64d60abd8f2d742a5fdedde054ecd910Torne (Richard Coles) .row-delete-button, 41868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list[disabled] .row-delete-button, 42868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button[disabled] { 43868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 0; 44868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) pointer-events: none; 45868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 46868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 47868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button:hover { 48868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: -webkit-image-set( 49868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_100_percent/close_2_hover.png') 50868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 1x, 51868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_200_percent/close_2_hover.png') 52868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 2x); 53868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 54868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 55868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)list .row-delete-button:active { 56868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: -webkit-image-set( 57868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_100_percent/close_2_pressed.png') 58868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 1x, 59868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) url('../../../../../ui/resources/default_200_percent/close_2_pressed.png') 60868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 2x); 61868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 62868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 63a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).controlled-setting-with-label > input:disabled + span label { 64a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: #999; 65a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 66a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 674e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit-row { 684e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-justify-content: space-between; 694e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) display: -webkit-flex; 70868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 510px; 71868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 72868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 734e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit, 744e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-add { 754e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) display: block; 764e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)} 774e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) 784e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit { 794e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-flex-grow: 1; 804e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-margin-end: 10px; 814e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)} 824e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) 83868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner { 84868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-transition: opacity 150ms; 85868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-color: rgb(223, 165, 165); 86868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) margin: 2px 0; 87868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 0; 88868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) padding: 5px; 89868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: hidden; 90868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 914e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) width: 100%; 92868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 93868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 94868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner.visible { 95868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 1; 96868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: visible; 97868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 98868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 99868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item { 100868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 101868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 102868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 103868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item .space-filler { 104868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-box-flex: 1; 105868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 106868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 107868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon, 108868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 109868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 110868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 111868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) vertical-align: middle; 112868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 113868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 114868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon { 115868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-size: 100%; 116868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 16px; 117868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 16px; 118868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 119868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 120868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon.spinner { 121868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: url('chrome://resources/images/spinner.svg') !important; 122868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 123868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 124868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 125868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 126868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) overflow: hidden; 127868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) text-overflow: ellipsis; 128868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 129868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 130868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name { 131868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 250px; 132868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 133868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 134868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 135868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-margin-start: 8px; 136868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 120px; 137868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 138868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 139868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).disable-auto-launch-button, 140868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).enable-auto-launch-button { 141868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: none; 142868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 143868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 144868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button, 145868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button { 146868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 147868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 148868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 149868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-confirm-overlay { 150868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 250px 151868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 152868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 153868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-warning-bold { 154868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) font-weight: bold; 155868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 156