15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Copyright (c) 2012 The Chromium Authors. All rights reserved. 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 8c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: rgb(48, 57, 66); 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-family: Arial, sans-serif; 10ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch font-size: 13px; 11ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch margin: 0; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-width: 47em; 13ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding: 20px 20px 65px 0; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)img { 175d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) flex-shrink: 0; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 16px; 19ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding-left: 2px; 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-right: 5px; 211e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) vertical-align: top; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 16px; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 25ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#container { 26ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch -webkit-flex-direction: row; 27ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch display: -webkit-flex; 28ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 29ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 30ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#navigation { 31ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch width: 150px; 32ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 33ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 34ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#content { 35ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch -webkit-flex: 1; 36ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 37ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 38ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#caption { 39ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch color: rgb(92, 97, 102); 40ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch font-size: 150%; 41ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding-bottom: 10px; 42ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding-left: 20px; 43ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 44ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 45cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles)#serviceworker-internals { 46cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles) visibility: hidden; 47cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles)} 48cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles) 49ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch.tab-header { 50ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch -webkit-border-start: 6px solid transparent; 51ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding-left: 15px; 52ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 53ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 54ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch.tab-header.selected { 55ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch -webkit-border-start-color: rgb(78, 87, 100); 56ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 57ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 58ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch.tab-header > button { 59ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch background-color: white; 60ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch border: 0; 61ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch cursor: pointer; 62ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch font: inherit; 63ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch line-height: 17px; 64ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch margin: 6px 0; 65ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding: 0 2px; 66ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 67ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 68ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch.tab-header:not(.selected) > button { 69ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch color: #999; 70ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 71ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 72ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#content > div:not(.selected) { 73ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch display: none; 74ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 75ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 76ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch.content-header { 77c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border-bottom: 1px solid #eee; 78ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch font-size: 150%; 794e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) padding-bottom: 10px; 80ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 81ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch 825d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)#devices-help { 835d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) margin-top: 10px; 845d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 855d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 86c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.device-header { 87c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-box-align: baseline; 88c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-box-orient: horizontal; 89c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch display: -webkit-box; 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 10px 0 0; 91ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch padding: 2px 0; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 94c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.device-name { 95c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch font-size: 150%; 96c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 97c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 98c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.device-serial { 99c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch color: #888; 100c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch font-size: 80%; 101c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch margin-left: 6px; 102c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 103c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 104c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.device-ports { 105c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-box-orient: horizontal; 106c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch display: -webkit-box; 107c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch margin-left: 8px; 108c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 109c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 110c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.port-icon { 111c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-border-radius: 6px; 112c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch background-color: rgb(64, 192, 64); 113c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch border: 0 solid transparent; 114c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch height: 12px; 115c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch margin: 2px; 116c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch width: 12px; 117c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 118c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 119c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.port-icon.error { 120c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch background-color: rgb(224, 32, 32); 121c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 122c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 123c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.port-icon.connected { 124c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-transform: scale(1.2); 125c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch background-color: rgb(0, 255, 0); 126c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 127c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 128c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.port-icon.transient { 129c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch -webkit-transform: scale(1.2); 130c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch background-color: orange; 131c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 132c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 133c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.port-number { 134c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch height: 16px; 135c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch margin-right: 5px; 136c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch} 137c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch 138c2db58bd994c04d98e4ee2cd7565b71548655fe3Ben Murdoch.browser-header { 1395d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) align-items: center; 1405d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: flex; 1415d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) flex-flow: row wrap; 1425d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) min-height: 23px; 143424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) padding-top: 10px; 144424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 145424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 146424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles).browser-header > .browser-name { 147424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) font-size: 110%; 148c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) font-weight: bold; 149c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 150c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 1515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).row { 152424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) padding: 6px 0; 153d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) position: relative; 1545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 156a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).properties-box { 157a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: flex; 158a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 159a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 1601e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles).subrow-box { 1611e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) display: inline-block; 1621e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) vertical-align: top; 1631e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles)} 1641e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) 1653551c9c881056c480085172ff9840cab31610854Torne (Richard Coles).subrow { 1665d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: flex; 1675d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) flex-flow: row wrap; 168424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 169424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 170424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles).subrow > div { 171424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) margin-right: 0.5em; 172424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 173424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 174d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles).webview-thumbnail { 1751e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) display: inline-block; 1761e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) margin-right: 5px; 177d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) overflow: hidden; 1781e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) position: relative; 1791e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) vertical-align: top; 180d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)} 181d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) 182d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles).screen-rect { 183d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) background-color: #eee; 1841e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) position: absolute; 185d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)} 186d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) 187d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles).view-rect { 188d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) background-color: #ccc; 189d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) min-height: 1px; 190d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) min-width: 1px; 191d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) position: absolute; 192d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)} 193d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) 194d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles).view-rect.hidden { 195d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles) background-color: #ddd; 1963551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)} 1973551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) 19858537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles).guest { 19958537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) padding-left: 20px; 20058537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 20158537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 2023551c9c881056c480085172ff9840cab31610854Torne (Richard Coles).invisible-view { 2033551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) color: rgb(151, 156, 160); 2043551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)} 2053551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) 2065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).url { 2075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #A0A0A0; 2085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 209c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 210c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).list { 211c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-top: 5px; 212c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 213c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 214a3f6a49ab37290eeeb8db0f41ec0f1cb74a68be7Torne (Richard Coles).action { 215c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: rgb(17, 85, 204); 216a3f6a49ab37290eeeb8db0f41ec0f1cb74a68be7Torne (Richard Coles) cursor: pointer; 2171e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) margin-right: 15px; 2181e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles)} 2191e9bf3e0803691d0a228da41fc608347b6db4340Torne (Richard Coles) 220a3f6a49ab37290eeeb8db0f41ec0f1cb74a68be7Torne (Richard Coles).action:hover { 221a3f6a49ab37290eeeb8db0f41ec0f1cb74a68be7Torne (Richard Coles) text-decoration: underline; 222c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 2232385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 224cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles).browser-header .action { 225cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles) margin-left: 10px; 226cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles)} 227cedac228d2dd51db4b79ea1e72c7f249408ee061Torne (Richard Coles) 228424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles).list:not(.pages) .subrow { 229a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) min-height: 19px; 230424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 231424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 232a3f6a49ab37290eeeb8db0f41ec0f1cb74a68be7Torne (Richard Coles).action.disabled { 233bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch opacity: 0.5; 234bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch pointer-events: none; 235bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch} 236bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch 237bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch.open > input { 238bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch border: 1px solid #aaa; 239bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch height: 17px; 240bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch line-height: 17px; 241bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch margin-left: 20px; 242bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch padding: 0 2px; 243bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch} 244bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch 245424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles).open > input:focus { 246424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) -webkit-transition: border-color 200ms; 247424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) border-color: rgb(77, 144, 254); 248424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) outline: none; 249424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 250424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 251bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch.open > button { 252bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch line-height: 13px; 253bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch} 254bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch 2554e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#device-settings { 2565d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) align-items: center; 2574e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) border-bottom: 1px solid #eee; 2585d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: flex; 2594e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) padding: 5px 0; 2602385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 2612385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 2624e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#device-settings button { 2634e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) margin-left: 15px; 264424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles)} 265424c4d7b64af9d0d8fd9624f381f469654d5e3d2Torne (Richard Coles) 2662385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-overlay { 2672385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch -webkit-box-align: center; 2682385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch -webkit-box-pack: center; 2692385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-color: rgba(255, 255, 255, 0.75); 2702385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch bottom: 0; 2712385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch display: -webkit-box; 2722385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch left: 0; 2732385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch position: absolute; 2742385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch right: 0; 2752385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch top: 0; 2762385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 2772385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 2785d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles).warning { 2795d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-image: -webkit-image-set(url('chrome://theme/IDR_WARNING') 1x, 2805d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) url('chrome://theme/IDR_WARNING@2x') 2x); 2815d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-position: 0 center; 2825d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-repeat: no-repeat; 2835d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-size:24px 21px; 2845d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) margin-left: 3px; 2855d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) padding-left: 25px; 2865d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 2875d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 2882385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-overlay:not(.open) { 2892385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch display: none; 2902385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 2912385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 2922385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-config { 2932385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch -webkit-border-radius: 3px; 2942385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background: white; 2952385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); 2962385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch color: #333; 2974e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) padding: 17px 17px 12px; 2982385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch position: relative; 2992385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3002385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3012385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.close-button { 3022385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-image: url('chrome://theme/IDR_CLOSE_DIALOG'); 3032385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch height: 14px; 3042385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch width: 14px; 3052385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3062385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3072385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.close-button:active { 3082385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P'); 3092385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3102385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3112385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.close-button:hover { 3122385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H'); 3132385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3142385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3152385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-config > .close-button { 3162385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch position: absolute; 3172385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch right: 7px; 3182385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch top: 7px; 3192385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3202385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3212385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-config-title { 3222385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch font-size: 130%; 3232385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3242385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3252385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch#port-forwarding-config-list { 3262385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch border: 1px solid #eee; 3272385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch height: 180px; 3282385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch margin-bottom: 10px; 3292385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch margin-top: 10px; 3302385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch overflow-x: hidden; 3312385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3322385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3332385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair { 3342385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch -webkit-flex-direction: row; 3352385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch display: -webkit-flex; 3362385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3372385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3382385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair:hover { 3392385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-color: #eee; 3402385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3412385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3422385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair.selected, 3432385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair.selected:hover { 3442385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-color: #ccc; 3452385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3462385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3472385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair input { 3482385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch border: 1px solid transparent; 3492385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch line-height: 20px; 3502385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch margin: 4px; 3512385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch padding: 0 3px; 3522385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3532385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3542385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair.fresh:not(.selected) input { 3552385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch border-color: #eee; 3562385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3572385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3582385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair input.port { 3592385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch width: 4em; 3602385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3612385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3622385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair input.location { 3632385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch -webkit-flex: 1; 3642385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3652385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3662385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair:not(.empty) input.invalid { 3672385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-color: rgb(255, 200, 200); 3682385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3692385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3702385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair .close-button { 3712385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch margin: 8px 8px; 3722385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3732385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3742385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair.fresh .close-button, 3752385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair:not(.selected):not(:hover) .close-button:not(:hover) { 3762385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch background-image: none; 3772385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch pointer-events: none; 3782385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3792385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3802385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.port-forwarding-pair:not(.selected) .close-button:not(:hover) { 3812385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch opacity: 0.5; 3822385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3832385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 3840529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch#port-forwarding-message { 3850529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch margin-bottom: 12px; 3860529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch width: 20em; 3870529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch} 3880529e5d033099cbfc42635f6f6183833b09dff6eBen Murdoch 3895d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)#port-forwarding-config-buttons { 3905d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) align-items: center; 3915d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: flex; 3922385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 3934e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles) 3944e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)#port-forwarding-config-buttons > label { 3955d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) flex-grow: 1 3964e180b6a0b4720a9b8e9e959a882386f690f08ffTorne (Richard Coles)} 397