1d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 2d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch * Use of this source code is governed by a BSD-style license that can be 3d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch * found in the LICENSE file. */ 4d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 5d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#outer, 6d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#empty, 7d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#open-folder, 8d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.file-url, 9d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.time-left, 10d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.more-left { 11d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch display: inline-block; 12d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 13d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 14bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch#q-outer { 15bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch display:inline-block; 16bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch height:1.7em; 17bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch overflow:hidden; 18bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch} 19bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch 20bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch#q { 21bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch margin-right: 2em; 22bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch} 23bb1529ce867d8845a77ec7cdf3e3003ef1771a40Ben Murdoch 24d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#head { 25d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: fixed; 263551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) z-index: 2; 27d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch width: 100%; 28d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch left: 0; 29d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch top: 0; 30d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background: white; 31d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch border-bottom: 1px solid grey; 32d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 33d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 34d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#search-zero, 35d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#items { 36d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch margin-top: 2em; 37d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 38d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 39d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#head, 40d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#empty, 41d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#searching, 42d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#search-zero, 43d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.item, 44d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.start-time, 45d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.complete-size, 46d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.error, 47d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.file-url-head, 48d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.removed, 49d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.open-filename, 50d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.progress, 51d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.time-left, 52d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.url, 53d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#text-width-probe { 54d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch white-space: nowrap; 55d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 56d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 57d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#head, 58d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.item { 59d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch text-align: left; 60d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 61d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 62d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#empty { 63d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch vertical-align: bottom; 64d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch height: 2em; 65d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 66d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 67d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#q { 68d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch margin-left: 3%; 69d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 70d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 71a36e5920737c6adbddd3e43b760e5de8431db6e0Torne (Richard Coles).by-ext img, 72d3868032626d59662ff73b372b5d584c1d144c53Ben Murdochsvg { 73d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch width: 2em; 74d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch height: 2em; 75d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 76d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 77d3868032626d59662ff73b372b5d584c1d144c53Ben Murdochsvg rect.border { 78d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill-opacity: 0; 79d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 6; 80d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 81d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 82d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#open-folder svg, 83d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.show-folder svg { 84d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: brown; 85d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill: white; 86d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 3; 87d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 88d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 89d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#clear-all svg { 90d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill: white; 91d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 3; 92d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 93d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 94d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#clear-all svg, 95d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.remove-file svg, 96d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.erase svg { 97d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: black; 98d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 99d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 100d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#older, 101d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#loading-older, 102d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.item { 103d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch margin-top: 1em; 104d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 105d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 106d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.more { 107d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: absolute; 108d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch border: 1px solid grey; 109d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background: white; 1103551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) z-index: 3; 111d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 112d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 113d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.complete-size, 114d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.error, 115d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.removed, 116d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.open-filename, 117d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.progress, 118d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.time-left { 119d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch margin-right: 0.4em; 120d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 121d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 122d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.error { 123d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color: darkred; 124d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 125d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 126d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.referrer svg { 127d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: blue; 128d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill-opacity: 0; 129d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 7; 130d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 131d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 132d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.removed, 133d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.open-filename { 134d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch max-width: 400px; 135d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch overflow: hidden; 136d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch display: inline-block; 137d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 138d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 139d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.remove-file svg { 140d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill-opacity: 0; 141d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 5; 142d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 143d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 144d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.remove-file svg line { 145d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 7; 146d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: red; 147d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 148d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 149d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.erase svg ellipse, 150d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.erase svg line { 151d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill-opacity: 0; 152d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 5; 153d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 154d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 155d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.pause svg { 156d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: #333; 157d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 158d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 159d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.resume svg { 160d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: rgb(68, 187, 68); 161d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch fill: rgb(68, 187, 68); 162d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 163d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 164d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.cancel svg line { 165d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke-width: 7; 166d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 167d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 168d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.cancel svg { 169d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch stroke: rgb(204, 68, 68); 170d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 171d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 172d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.meter { 173d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch height: 0.5em; 174d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: relative; 175d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background: grey; 176d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 177d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 178d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.meter > span { 179d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch display: block; 180d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch height: 100%; 181d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background-color: rgb(43, 194, 83); 182d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background-image: -webkit-gradient( 183d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch linear, left bottom, left top, 184d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(0, rgb(43,194,83)), 185d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(1, rgb(84,240,84))); 186d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: relative; 187d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch overflow: hidden; 188d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 189d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 190d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.meter > span:after { 191d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch content: ''; 192d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: absolute; 193d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch top: 0; left: 0; bottom: 0; right: 0; 194d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background-image: -webkit-gradient( 195d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch linear, 0 0, 100% 100%, 196d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.25, rgba(255, 255, 255, .2)), 197d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.25, transparent), 198d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.5, transparent), 199d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.5, rgba(255, 255, 255, .2)), 200d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.75, rgba(255, 255, 255, .2)), 201d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color-stop(.75, transparent), 202d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch to(transparent)); 203d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch z-index: 1; 204d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch -webkit-background-size: 50px 50px; 205d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch background-size: 50px 50px; 206d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch -webkit-animation: move 2s linear infinite; 207d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch overflow: hidden; 208d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 209d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 210d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch@-webkit-keyframes move { 211d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 0% { background-position: 0 0; } 212d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 100% { background-position: 50px 50px; } 213d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 214d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 215d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch.url { 216d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch color: grey; 217d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch max-width: 700px; 218d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch overflow: hidden; 219d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch display: block; 220d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 221d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch 222d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch#text-width-probe { 223d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch position: absolute; 224d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch top: -100px; 225d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch left: 0; 226d3868032626d59662ff73b372b5d584c1d144c53Ben Murdoch} 227