15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input:focus, 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:focus { 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) outline-color: rgb(77, 144, 254); 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).action-choice { 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-align: center; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-pack: center; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: none; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) bottom: 0; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: black; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-family: Open Sans, Droid Sans Fallback, sans-serif; 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 84%; 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 10px; 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 0; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).action-choice[loading] .content, 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).action-choice:not([loading]) .loading { 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).action-choice h1 { 352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) font-size: 14px; 362a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) font-weight: normal; 372a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) line-height: 1.5; 382a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin: 5px 3px; 392a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* The loading preview */ 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).loading { 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-align: center; 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #333; 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 12px; 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).spinner { 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: url('../images/common/spinner.svg'); 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-size: 100%; 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 21px; 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 44px; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-left: -10px; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: -10px; 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.5; 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 29px; 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 21px; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).device-type { 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 64px; 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 116px; 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).device-type[device-type=usb] { 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-image-set( 720f1bc08d4cfcc34181b0b5cbf065c40f687bf740Torne (Richard Coles) url('../images/volumes/device_usb_large.png') 1x, 730f1bc08d4cfcc34181b0b5cbf065c40f687bf740Torne (Richard Coles) url('../images/volumes/2x/device_usb_large.png') 2x); 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).device-type[device-type=sd] { 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transform: rotate(-90deg); 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-image-set( 790f1bc08d4cfcc34181b0b5cbf065c40f687bf740Torne (Richard Coles) url('../images/volumes/device_sd_large.png') 1x, 800f1bc08d4cfcc34181b0b5cbf065c40f687bf740Torne (Richard Coles) url('../images/volumes/2x/device_sd_large.png') 2x); 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) bottom: 10px; /* Adjust the rotated image to not overlap with element below */ 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* The action choice content */ 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).content { 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-align: start; 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: vertical; 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).previews { 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-orient: horizontal; 9890dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, 9990dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) rgba(0, 0, 0, 1) 80px); 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: -webkit-box; 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).img-container { 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 120px; 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0 2px; 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 120px; 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).img-container > img { 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-drag: none; 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).counter { 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #808080; 1202a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin: 5px 3px; 1215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 1225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1242a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).choices { 1252a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 100%; 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1282a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)/* Padding counterweights negative margins of items, thus eliminating scroll 1292a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) bar when it's not needed. Max height is set to fit 8 items before showing 1302a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) scroll bar. */ 1312a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list { 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 1332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) max-height: 328px; 1342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) outline: none; 1352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) overflow: auto; 1362a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding: 1px 0; 1372a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) position: relative; 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > li { 1412a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) cursor: default; 1422a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) list-style-type: none; 1432a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1442a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 1452a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > li > div { 1462a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-position: 5px center; 1475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 1482a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) line-height: 39px; 1492a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding-left: 43px; 1502a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1512a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 1522a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > [selected] { 1532a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: #dedede; 1542a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1552a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 1562a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list:focus > [selected] { 1572a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: rgb(203, 219, 241); 1582a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1592a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 1602a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > [selected]:hover { 1612a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: rgb(193, 211, 236); 1622a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) border-color: hsl(214, 91%, 85%); 1635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1652a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > :hover { 1662a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: #f1f1f1; 1672a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) border-color: hsl(214, 91%, 85%); 1682a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1692a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 1702a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#actions-list > li > div.disabled { 1712a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) opacity: 0.5; 1722a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 173