kiosk_apps.css revision a1401311d1ab56c4ed0a474bd38c108f75cb0cd9
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) 62a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).controlled-setting-with-label > input:disabled + span label { 63a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: #999; 64a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 65a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 664e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit-row { 674e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-justify-content: space-between; 684e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) display: -webkit-flex; 69868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 510px; 70868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 71868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 724e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit, 734e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-add { 744e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) display: block; 754e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)} 764e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) 774e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#kiosk-app-id-edit { 784e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-flex-grow: 1; 794e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) -webkit-margin-end: 10px; 804e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)} 814e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) 82868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner { 83868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-transition: opacity 150ms; 84868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-color: rgb(223, 165, 165); 85868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) margin: 2px 0; 86868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 0; 87868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) padding: 5px; 88868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: hidden; 89868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 904e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) width: 100%; 91868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 92868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 93868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-apps-error-banner.visible { 94868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) opacity: 1; 95868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) visibility: visible; 96868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 97868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 98868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item { 99868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) white-space: nowrap; 100868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 101868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 102868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item .space-filler { 103868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-box-flex: 1; 104868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 105868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 106868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon, 107868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 108868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 109868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 110868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) vertical-align: middle; 111868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 112868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 113868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon { 114868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-size: 100%; 115868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 16px; 116868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 16px; 117868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 118868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 119868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-icon.spinner { 120868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) background-image: url('chrome://resources/images/spinner.svg') !important; 121868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 122868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 123868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name, 124868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 125868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) overflow: hidden; 126868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) text-overflow: ellipsis; 127868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 128868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 129868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-name { 130868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 250px; 131868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 132868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 133868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-status { 134868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) -webkit-margin-start: 8px; 135868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) max-width: 120px; 136868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 137868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 138868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).disable-auto-launch-button, 139868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).enable-auto-launch-button { 140868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: none; 141868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 142868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 143868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button, 144868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles).kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button { 145868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) display: inline-block; 146868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 147868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 148868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-confirm-overlay { 149868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) width: 250px 150868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 151868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) 152868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#kiosk-disable-bailout-warning-bold { 153868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) font-weight: bold; 154868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)} 155