popup.css revision a36e5920737c6adbddd3e43b760e5de8431db6e0
12a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 22a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 32a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * found in the LICENSE file. */ 42a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 52a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)body { 62a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-align: center; 72a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 8eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch 9ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch#outer, 107dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch#empty, 112a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#open-folder, 12eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.file-url, 13eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.time-left, 14eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.more-left { 155d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: inline-block; 167dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch} 17c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 182a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#head { 192a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) position: fixed; 202a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 100%; 212a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) left: 0; 222a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) top: 0; 232a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background: white; 242a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) border-bottom: 1px solid grey; 252a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 262a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 272a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#search-zero, 282a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#items { 292a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 2em; 302a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 312a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 322a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#head, 332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#empty, 342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#searching, 352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#search-zero, 362a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).item, 372a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).start-time, 382a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).complete-size, 392a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).error, 402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).file-url-head, 412a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).removed, 422a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).open-filename, 432a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).progress, 442a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).time-left, 452a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).url, 462a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#text-width-probe { 472a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) white-space: nowrap; 482a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 492a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 502a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#head, 512a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).item { 522a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-align: left; 532a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 542a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 55c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#empty { 562a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) vertical-align: bottom; 572a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) height: 2em; 582a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 592a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 602a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#q { 612a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 0.5em; 622a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-left: 3%; 632a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 64c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 655d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)#clear-all, 662a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#open-folder { 672a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) float: right; 682a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 692a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 702a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).by-ext img, 71c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)svg { 725d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) width: 2em; 732a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) height: 2em; 742a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 752a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 762a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)svg rect.border { 772a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) fill-opacity: 0; 782a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) stroke-width: 6; 792a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 802a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 81c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#open-folder svg, 822a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).show-folder svg { 832a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) stroke: brown; 842a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) fill: white; 852a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) stroke-width: 3; 862a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 872a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 882a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#clear-all svg { 892a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) fill: white; 902a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) stroke-width: 3; 912a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 922a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 932a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#clear-all svg, 942a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).remove-file svg, 952a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).erase svg { 962a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) stroke: black; 97c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 982a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 992a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).clearfix { 1002a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) clear: both; 1012a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) float: right; 1022a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 1032a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 104c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)#older, 1052a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)#loading-older, 1062a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).item { 1072a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 1em; 1082a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 109c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 110c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).more { 111c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) position: absolute; 112c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) border: 1px solid grey; 113c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) background: white; 114c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) z-index: 1; 115c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 116c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 117c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).complete-size, 118c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).error, 119c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).removed, 120c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).open-filename, 121c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).progress, 122c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).time-left { 123c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) margin-right: 0.4em; 124c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 125c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 126c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).error { 127c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) color: darkred; 128c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 129c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 130c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).referrer svg { 131c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) stroke: blue; 132c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) fill-opacity: 0; 133c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) stroke-width: 7; 134c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 135c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 136c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).removed, 137c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).open-filename { 138c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) max-width: 400px; 139c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) overflow: hidden; 140c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) display: inline-block; 141c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 142c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 143c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).remove-file svg { 144c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) fill-opacity: 0; 145c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) stroke-width: 5; 146c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles)} 147c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) 148c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles).remove-file svg line { 149c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) stroke-width: 7; 150c2e0dbddbe15c98d52c4786dac06cb8952a8ae6dTorne (Richard Coles) stroke: red; 151eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch} 152a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 15323730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles).erase svg ellipse, 154010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles).erase svg line { 15523730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) fill-opacity: 0; 156a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) stroke-width: 5; 157a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 158010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) 159010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles).pause svg { 160010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) stroke: #333; 161010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles)} 162010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) 163010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles).resume svg { 164010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) stroke: rgb(68, 187, 68); 165010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) fill: rgb(68, 187, 68); 166010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles)} 167a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 168eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch.cancel svg line { 169010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) stroke-width: 7; 170010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles)} 171010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) 172010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles).cancel svg { 173eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch stroke: rgb(204, 68, 68); 174eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch} 175eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch 176a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).meter { 177eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch height: 0.5em; 178eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch position: relative; 179eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch background: grey; 180010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles)} 181010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) 182010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles).meter > span { 183010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) display: block; 184010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) height: 100%; 185010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) background-color: rgb(43, 194, 83); 186010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) background-image: -webkit-gradient( 187eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch linear, left bottom, left top, 188eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch color-stop(0, rgb(43,194,83)), 189a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color-stop(1, rgb(84,240,84))); 190a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: relative; 191a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) overflow: hidden; 192a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 193a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 194a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).meter > span:after { 195a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) content: ''; 196a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 19723730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) top: 0; left: 0; bottom: 0; right: 0; 198010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) background-image: -webkit-gradient( 19923730a6e56a168d1879203e4b3819bb36e3d8f1fTorne (Richard Coles) linear, 0 0, 100% 100%, 200a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color-stop(.25, rgba(255, 255, 255, .2)), 201a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color-stop(.25, transparent), 202010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) color-stop(.5, transparent), 203010d83a9304c5a91596085d917d248abff47903aTorne (Richard Coles) color-stop(.5, rgba(255, 255, 255, .2)), 204a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color-stop(.75, rgba(255, 255, 255, .2)), 205a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color-stop(.75, transparent), 206a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) to(transparent)); 207a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 1; 208eb525c5499e34cc9c4b825d6d9e75bb07cc06aceBen Murdoch -webkit-background-size: 50px 50px; 2097dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch background-size: 50px 50px; 2107dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch -webkit-animation: move 2s linear infinite; 2117dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch overflow: hidden; 2127dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch} 2137dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch 2147dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch@-webkit-keyframes move { 2157dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch 0% { background-position: 0 0; } 2167dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch 100% { background-position: 50px 50px; } 2177dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch} 2187dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch 2197dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch.url { 2207dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch color: grey; 2217dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch max-width: 700px; 2227dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch overflow: hidden; 223ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch display: block; 224ca12bfac764ba476d6cd062bf1dde12cc64c3f40Ben Murdoch} 2257dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch 2267dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch#text-width-probe { 2277dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch position: absolute; 2287dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch top: -100px; 2297dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch left: 0; 2307dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch} 2317dbb3d5cf0c15f500944d211057644d6a2f37371Ben Murdoch