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) 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)tfoot, thead, tr, th, td, button { 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 0; 14a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch font-weight: inherit; 15a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch font-style: inherit; 16a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch font-size: 100%; 17a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch font-family: inherit; 18a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch vertical-align: baseline; 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-family: "Arial", "Helvetica", sans-serif; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #222; 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 26868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) padding: 20px 20px 0 20px; 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: __MSG_@@bidi_dir__; 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3058e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch/* 312385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch* The "app-v2" class is added to the <html> node by remoting.init if it's 3258e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch* running as a V2 app. 3358e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch*/ 3458537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)html.apps-v2 .apps-v1-only { 3558537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) display: none !important; 3658537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 3758537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 3858537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)html:not(.apps-v2) .apps-v2-only { 3958e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch display: none !important; 4058e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch} 4158e6fbe4ee35d65e14b626c557d37565bf8ad179Ben Murdoch 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a { 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-decoration: none; 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #15c; 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: pointer; 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:active { 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #d14836; 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)strong, b { 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #000; 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/*------------------------------------------------------------------ 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)Component: Buttons 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)------------------------------------------------------------------*/ 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button { 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-width: 72px; 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border:1px solid #DCDCDC; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #444; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 11px; 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 27px; 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0 8px; 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 27px; 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius:2px; 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: all 0.218s; 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear, left top, left bottom, 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#f5f5f5), to(#f1f1f1)); 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:hover { 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #C6C6C6; 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #222; 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) transition: all 0.0s; 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear, left top, left bottom, 805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#f8f8f8), to(#f1f1f1)); 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:active { 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: #f6f6f6 -webkit-gradient(linear,left top,left bottom, 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#f6f6f6),to(#f1f1f1)); 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button:focus { 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) outline: none; 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #4d90fe; 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button[disabled], button[disabled]:hover, button[disabled]:active { 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-color: #aaa; 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #888; 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: none; 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Colored Buttons */ 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share { 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #29691d; 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #FFF; 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-shadow: 0px 1px rgba(0,0,0,0.1); 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear,left top,left bottom, 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#3d9400),to(#398a00)); 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share:hover { 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #404040; 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #FFF; 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-shadow: 0px 1px rgba(0,0,0,0.3); 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear,left top,left bottom, 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#3d9400),to(#368200)); 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share:active, .kd-button-share:focus:active { 1205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); 1215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear,left top,left bottom, 1225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#3d9400),to(#368200)); 1235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share:focus { 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-color:#29691d; 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); 1285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share:focus:hover { 1315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow:inset 0 0 0 1px #fff, 0px 1px 1px rgba(0,0,0,0.1); 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share[disabled], .kd-button-share[disabled]:hover, 1355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-button-share[disabled]:active { 1365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #505050; 1375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #FFF; 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.5; 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-shadow: 0px 1px rgba(0,0,0,0.1); 1405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: -webkit-gradient(linear,left top,left bottom, 1415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) from(#3d9400),to(#398a00)); 1425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar { 1455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 16px; 1465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 16px; 1475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-button { 1505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 0px; 1515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 0px; 1525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-thumb { 1555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-height: 28px; 1565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-top:100px; 1575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-clip:padding-box; 1585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: rgba(0,0,0,0.2); 159c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), 160c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) inset 0px -1px 0px rgba(0,0,0,0.07); 1615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-thumb:hover { 1645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: rgba(0,0,0,0.4); 165c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); 1665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-thumb:active { 169c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); 1705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: rgba(0,0,0,0.5); 1715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-track:hover { 1745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color:rgba(0,0,0,0.05); 175c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); 1765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-track:active { 1795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color:rgba(0,0,0,0.05); 180c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), 181c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) inset -1px -1px 0px rgba(0,0,0,0.07); 1825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar-track-piece { 1855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 1865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/*------------------------------------------------------------------ 1895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)Component: Text Field 1905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)------------------------------------------------------------------*/ 1915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=text], 1925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=password] { 1935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 29px; 1945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-__MSG_@@bidi_start_edge__: 8px; 1955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #333; 1965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #d9d9d9; 1975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: 1px solid #c0c0c0; 1985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) vertical-align: top; 1995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-border-radius: 1px; 2005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=text]:hover, 2025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=password]:hover { 2035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #b9b9b9; 2045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: 1px solid #a0a0a0; 205c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 2065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=text]:focus, 2085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)input[type=password]:focus { 209c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); 2105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) outline: none; 2115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #4d90fe; 2125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/*------------------------------------------------------------------ 2155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)Component: Modal Dialog 2165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)------------------------------------------------------------------*/ 2175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-modaldialog:not([hidden]) { 2185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 1.0; 2195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transform: scale(1.0); 2205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).kd-modaldialog { 223c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: 0 4px 16px rgba(0,0,0,0.2); 2245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 2255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) outline:1px solid rgba(0,0,0,0.2); 2265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding:30px 42px; 2275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 500px; 2285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: auto; 2295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 2305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 100; 2315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.0; 2325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transform: scale(1.05); 2335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: all 0.218s; 2345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h1.icon-label { 2375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) vertical-align: 14px; 2385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 60px; 2395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 28px; 2405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: 300; 2415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #999; 2425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-family: "Open sans", "Ariel", sans-serif; 2435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 24px; 2445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: inline-block; 2455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-__MSG_@@bidi_start_edge__: 10px; 2465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h2 { 2495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 16px; 2505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height:24px; 2515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: normal; 2525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #222; 2535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 10px; 2545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 25658537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles).h2-secondary { 25758537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) float: __MSG_@@bidi_end_edge__; 25858537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 25958537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 26058537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)#host-list-loading-indicator:not(.loading) #host-list-loading, 26158537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)#host-list-loading-indicator.loading #host-list-reload { 26258537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) display: none; 26358537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 26458537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 26558537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles).icon-black > img { 26658537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) opacity: 0.3; 26758537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 26858537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 26958537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles).icon-black:hover > img { 27058537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) opacity: 0.4; 27158537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles)} 27258537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) 273d0247b1b59f9c528cb6df88b4f2b9afaf80d181eTorne (Richard Coles)section h2 { 2745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #666; 2755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)header { 278c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-flex; 2795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 2805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html { 2835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: none; 2845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: default; 285868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) height: 100%; /* Remove phantom pixels at the bottom of the body. */ 2865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)section { 2895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 690px; 2905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 30px auto; 2915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)section { 2945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #e5e5e5; 2955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: #f9f9f9; 2965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 20px 30px 20px 30px; 2975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-radius: 3px; 2985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-shadow: 0 2px 5px rgba(0,0,0,0.07); 2995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 3005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).access-code-digit-group { 3035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* 3045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) Used for each of the four-digit components of the access code as 3055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) displayed by the host. 3065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 3075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0px 6px; 3085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).box-spacer { 311c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-flex: 1; 3125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).centered { 3153240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch margin: auto; 3165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3187d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles).button-row { 3197d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) display: -webkit-flex; 3207d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) -webkit-flex-direction: row; 3217d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) -webkit-justify-content: flex-end; 3227d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) margin-top: 20px; 3237d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)} 3247d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) 3257d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles).button-row button { 3267d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) margin-left: 5px; 3277d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles)} 3287d4cd473f85ac64c3747c96c277f9e506a0d2246Torne (Richard Coles) 329a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch.button-row span:first-child { 330a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch width: 100%; 331a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch} 332a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch 3335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).clickable { 3345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: pointer; 3355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).box { 338c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-flex; 3395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-empty-instructions { 3425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-__MSG_@@bidi_start_edge__: 36px; 3435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #666; 3442a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-image: url('host_setup_instructions.webp'); 3455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 3465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -3px -2px; 3475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#host-list-empty-hosting-supported { 3505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 14px; 3515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-top: 20px; 3525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: 1px solid #E5E5E5; 3535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position-y: 18px; 3545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).selectable { 3575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: text; 3585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: text; 3595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row { 362c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-flex; 363c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) -webkit-align-items: center; 3645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 10px 0; 3655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: 1px solid #EBEBEB; 3665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row button { 3695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-__MSG_@@bidi_start_edge__: 20px; 3705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row:first-child, 3735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row.no-non-local-hosts { 3745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: none; 3755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).editbox-label { 3785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 29px; 3795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 3805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).error-state { 3832a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-image: url('icon_warning.webp'); 3845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 3855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: top __MSG_@@bidi_start_edge__; 3865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-__MSG_@@bidi_start_edge__: 30px; 3875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-top: 5px; 3885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #900; 3895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3912a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).error-state.multi-line-error-state { 3922a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding-top: 0; 3932a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) min-height: 22px; 3942a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 3952a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 3965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).expiring { 3975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #900 !important; 3985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).infographic { 4015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 4025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) __MSG_@@bidi_end_edge__: 22px; 4035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 24px; 4045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).infographic-description { 4075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 80px; 4085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 400px; 4095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-top: 2em; 4105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).information-box { 4135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: #f9edbe; 4145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #f0c36d; 4155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-border-radius: 2px; 416c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: 0px 2px 4px rgba(0,0,0,0.2); 4175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #222; 4185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 8px 16px; 4195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: center; 4205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 12px; 4212a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 30px; 4222a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 4232a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 424868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#butter-bar { 4252a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) position: absolute; 4262a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) top: 80px; 4272a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) left: 0; 4282a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: -webkit-box; 4292a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 100%; 4302a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 4312a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 432868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#butter-bar-dismiss img { 4332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) vertical-align: top; 4342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) opacity: 0.4; 4352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-__MSG_@@bidi_start_edge__: 2px; 4362a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-__MSG_@@bidi_end_edge__: -12px; 4372a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 4382a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 439868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#butter-bar-dimiss:hover { 4402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) opacity: 0.7; 4412a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 4422a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 443868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#butter-bar > p { 4442a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: #f9edbe; 4452a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) border: 1px solid #f0c36d; 4462a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-border-radius: 2px; 4472a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); 4482a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) color: #222; 4492a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) font-size: 12px; 4502a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding: 4px 16px; 4512a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin: auto; 4522a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 4532a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 454868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles)#butter-bar a { 4552a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) color: inherit; 4562a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: underline; 4572a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) padding-__MSG_@@bidi_start_edge__: 2px; 4585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 460a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch#paired-clients-list table { 461a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch width: 100%; 462a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch} 463a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch 4645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).message { 4655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 24px; 4665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).mode-select-button-column { 4695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: __MSG_@@bidi_end_edge__; 4705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).mode-select-button-column button { 4735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-width: 72px; 4745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)td { 4775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) vertical-align: middle; 4785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 480a3f7b4e666c476898878fa745f637129375cd889Ben Murdochthead { 481a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch font-weight: bold; 482a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch} 483a3f7b4e666c476898878fa745f637129375cd889Ben Murdoch 4845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-online.clickable:hover, 4855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-online.clickable.child-focused { 4865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: #f2f2f2; 4875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-rename-icon, 4905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-remove-icon { 4915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0; 4925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row:hover .host-list-rename-icon, 4955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row.child-focused .host-list-rename-icon { 4965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.6; 4975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 4985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 4995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row:hover .host-list-remove-icon, 5005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).section-row.child-focused .host-list-remove-icon { 5015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.3; 5025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-rename-icon:hover { 5055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 1 !important; 5065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-remove-icon:hover { 5095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.5 !important; 5105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-edit { 5135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0 5px; 5145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-label, .host-list-label:visited, .host-list-label:active { 5175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: inherit; 5185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: inherit; 5195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-list-main-icon { 5225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-__MSG_@@bidi_end_edge__: 10px; 5235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) vertical-align: middle; 5242a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) position: relative; 5252a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 5262a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 5272a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).host-list-main-icon > span { 5282a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-image: url('icon_warning.webp'); 5292a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-repeat: no-repeat; 5302a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) position: absolute; 5312a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 22px; 5322a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) height: 22px; 5332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) bottom: -5px; 5342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) right: -10px; 5355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-offline .host-list-label, 5385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).host-offline .host-list-main-icon { 5395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.5; 5405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)button { 5435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) white-space:nowrap; 5445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).small-print { 5475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 5485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #AAA; 5495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).waiting { 5525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-image: url('spinner.gif'); 5535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-repeat: no-repeat; 55458537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) background-position: __MSG_@@bidi_start_edge__ 3px; 55558537e28ecd584eab876aee8be7156509866d23aTorne (Richard Coles) padding: 5px 30px; 5565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(180, 180, 180); 5575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).prominent { 5605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: #222; 5615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#access-code-countdown-container { 5645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 50px; 5655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: center; 5665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#access-code-display { 5695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 50px; 5705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(0, 0, 0); 5715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 5725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 26px; 5735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: center; 5745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#access-code-entry-row { 5775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 24px; 5785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#ask-pin-form .table-label { 5815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) min-width: 120px; 5825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: __MSG_@@bidi_end_edge__; 5835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: inline-block; 5845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#ask-pin-form > div { 5875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 8px; 5885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).checkbox-label { 5915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 5925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-__MSG_@@bidi_start_edge__: 20px; 59390dce4d38c5ff5333bea97d859d4e484e27edf0cTorne (Richard Coles) margin-top: 12px; 5945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 5955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 5965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).checkbox-label input[type=checkbox] { 5975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) float: __MSG_@@bidi_start_edge__; 5985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-__MSG_@@bidi_start_edge__: -20px; 5995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-__MSG_@@bidi_end_edge__: 0; 6005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 20px; 6015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 2px; 6025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#current-email { 6055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgba(0, 0, 0, 0.5); 6065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#daemon-plugin-container { 6095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 0; 6105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 0; 6115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6132a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).dialog-container { 614868fa2fe829687343ffae624259930155e16dbd8Torne (Richard Coles) position: absolute; 6155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 200px; 6165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 6175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 618c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: -webkit-flex; 6195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6212a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).dialog-screen { 6225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: fixed; 6235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 6245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 6255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 6265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 6275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-color: #fff; 6285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) opacity: 0.75; 6295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6312385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch/* TODO(jamiewalch): crbug.com/252796: Remove these once crbug.com/240772 632eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch * is fixed. */ 6332385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.no-horizontal-scroll { 6342385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch overflow-x: hidden !important; 6352385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 6362385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 6372385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch.no-vertical-scroll { 6382385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch overflow-y: hidden !important; 639eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch} 640eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch 6412385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdochhtml.apps-v2.scrollable { 6422385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch overflow: scroll; 6432385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch} 6442385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 6452385ea399aae016c0806a4f9ef3c9cfe3d2a39dfBen Murdoch 6465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* TODO(jamiewalch): Reinstate this if we're able to get translations for 6475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * "Why is this safe?" that don't overflow in any language. 6485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#host-setup-dialog { 6495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 460px; 6505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)*/ 6525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#host-plugin-container { 6545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 0; 6555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 0; 6565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* The NAT traversal state is independent of the app mode, and both need 6595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * to be combined to determine the visibility of the butter bar. We use 6605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * a style for the former and the 'hidden' property for the latter. */ 6615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#nat-box.traversal-enabled { 6625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 6635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6653240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch#remember-pin { 6663240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch width: 315px; 6673240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch} 6683240926e260ce088908e02ac07a6cf7b0c0cbf44Ben Murdoch 6695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#session-mode { 6705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 671c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) box-shadow: 0 0 8px 0 black; 6725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: none; 6735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#session-client-plugin { 6765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 6775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).session-client-inactive { 6805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-filter: grayscale(70%); 6815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition: -webkit-filter 0.218s; 6825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#set-pin-table td { 6855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-bottom: 6px solid transparent; 6865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#top-secondary { 6895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-top: 10px 6905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#webapp-description { 6935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 10px; 6945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 6965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)* { 6975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) box-sizing: border-box; 6985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 6995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 7005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* 7015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Setting hidden on elements that match some rule overriding 'display' doesn't 7025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * do what you would expect unless this is made explicit (and !important). 7035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 7045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)[hidden] { 7055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none !important; 7065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 707