123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 |
- header,
- .summary {
- min-width: 400px;
- }
- header {
- align-items: center;
- display: flex;
- padding: 0 12px;
- }
- header h1 {
- flex: 1;
- /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */
- font-size: 1.5em;
- font-weight: normal;
- line-height: 1;
- margin: 15px 0;
- }
- header > :-webkit-any(form, input[type='search']) {
- flex: none;
- }
- .summary {
- background-color: rgb(235, 239, 249);
- border-top: 1px solid rgb(156, 194, 239);
- display: flex;
- padding: 5px 10px;
- white-space: nowrap;
- }
- .summary > * {
- flex: none;
- }
- .summary > :first-child {
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- #downloads-summary-text {
- font-weight: bold;
- }
- #download-actions {
- -webkit-margin-start: 16px;
- }
- #downloads-actions > * ~ * {
- -webkit-margin-start: 10px;
- }
- #downloads-display,
- #no-downloads-or-results {
- max-width: 740px;
- padding: 0 10px 34px;
- }
- .download {
- -webkit-margin-start: 114px;
- -webkit-padding-start: 52px;
- margin-bottom: 15px;
- position: relative;
- }
- .download,
- #no-downloads-or-results {
- margin-top: 6px;
- }
- .date-container {
- left: -110px;
- position: absolute;
- width: 110px;
- }
- html[dir=rtl] .date-container {
- left: auto;
- right: -110px;
- }
- .date-container .since {
- color: black;
- }
- .date-container .date {
- color: #666;
- }
- .download .icon {
- height: 32px;
- left: 9px;
- position: absolute;
- top: 2px;
- width: 32px;
- }
- html[dir=rtl] .icon {
- left: auto;
- right: 9px;
- }
- .download.otr > :-webkit-any(.safe, .dangerous) {
- -webkit-transition: opacity 150ms;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAhCAYAAABeD2IVAAAFN0lEQVR4Xt2YaUwUZxjHFSxUCm3SStJIEARW7oBNQKhfyCKFVKUlJQEVaKMNbUqxCSDwgVIi8cIq1sYqsQlWqBy1Sq1cC3Is9yK4Qt3lkcNKI7dWLKd8oP/3LZOgzKzbsm3avskvy8zCzm+eeY53WTE/P/+v4/8hNTc3p5Pe3r4V7e03OFjmYC2wAWtw7u+RwnoBbACOYB14BZgvnH9pQcLFyMhIHhYWFnn06OcpWVlZh5OSkvdCTGZwKazVO3fuCkcUstTqm2dLS8sOHj+e+TFWVHR0dERqamr0sWPHP7t06fL5hoZG1fXrbdTael1Aa21tHQQxY0NL2VRWXst4/HiOxJienuECKlUrp6VFJcCP5XJ5KLsxQ0vZIwInpaRmZx9zqebmliUwsYiIiPcgZWFoKRkicJoJSHHrlkZSKiFhXyzLQYNHqrGx6UtdUvfuDUhKZWRkpLBCWLYU1nNgHdgUHPxWaHd3T74uqZmZWUKCi0plZ587aWJiIl9oEUZ/SQrLzsvLa3tZWfmh+/cfKEUk9I6WkOx1dfWNJ058kWZhYbFFKmo6hRDujyYmJttZAv9JeG41NTUv5gm5a9eqFN7em94WE5MSMraysgqEkFpaQDf4W2praxeEqLZWyaL0hFxVVXWVmZkZi9hKfaRWh4eHh4kI8A9Hl6b6+np6+HBcp9jw8AidPfs1RUZGka+vL6HHLYlafHwCr0h9pFaamprKkUcNLHGfAkINFBISQra2tuTn50d79rxPycnJqK6jdOjQYVwonoKDg8ne3p6cnJwoLi6eampquQyqV4Afp6R8Gg8pS0mphbVqgXX796d/ODU1rWEiYqjVai4SHr6DfHx8yM3NjTw8PCggIIAweujChTwaG7uPRzlBQ0PDNDg49DRdgYGB70DqebBqiRRPJGNjuaen57bFnDmTFf/o0W832AgxNJ2dP+W7urpuc3R05EDhRbFIud++3V3wRySYgOGZnJxC1IZIq+1CTrVwVCoVXbx48RwEnMWkXt648bXtCHkzHhstF0SYP76BgUHCPos6OjpRcVUazE8CQm6xfFNJRkrYCaSlpX2Aktayu5Kip6eX/P39WfXQqVNfUVHRD+zDeRFcufIjlZcr0MGzKTPzBJI5hQ1jQiOmI0eOtLLfWQxm4ifsus+qPhl6SCbESApEgSe1g4MD2dnZ0fr163k12tjYcAoLv4OENzvP35fJZPxVoajQsH4lkJ+fnwMhF31agqm5ufmWvr47peziUhw4cJALOTs7C/A2EBQUxPtYXl4eubi4sHNcKDY2lp9XKpUcPMpWJPh2tmPVd8y8il4TipxQj48/IjHQx1hj5BESorV582YqLi4RIoGfiyGzlxITk9B4mUwdfwU4lxgHIVt9x4wMDXC3paXlG2gJ+x48+JV0UVJSShiyVFBQyPsRtstUXV3DQZ4JEvwYacHJzf2WPTZXvQYylgMSNwFR0N6583MlNv87MBKycUwSLBbkxxqNllWZAGSqOcKxQqEQeWzSHX1NVNS7u3C3naOjYwRY1+3IyclNQ34pR0ZGSR9wM1RRUSkJKrMNebaVtQB9pDxv3uwoWjwSIMjBqmbH+oKtCbu4GFzs/Pmcb1jVAWkpZh0TE7O7v/8Xunu3f7nwPdPVq8Vi8ELA1zNKT09PY/1Jl5QMv3wanZc1xmXT1UW8iaKpisHfw/fDJki9rkvKG1+PqthMMhRoCZhp30ty+XIRYVscADEjKam1mNhvuru7bzUkqLKt6PoSyFiyb3hWoq/6p/nP/Cvod4M+AYycVdHoAAAAAElFTkSuQmCC)
- no-repeat right bottom;
- opacity: .66;
- }
- html[dir=rtl] .download.otr > :-webkit-any(.safe, .dangerous) {
- background-position: left bottom;
- }
- .download.otr > :-webkit-any(.safe, .dangerous):hover {
- opacity: 1;
- }
- .description.malware {
- color: rgb(196, 42, 23);
- }
- .progress {
- height: 48px;
- left: 0;
- position: absolute;
- top: -6px;
- width: 48px;
- }
- html[dir=rtl] .progress {
- left: auto;
- right: 0;
- }
- .progress.background {
- background: url(progressbackground.png);
- background-size: 48px;
- }
- .title-area {
- align-items: baseline;
- display: flex;
- }
- .title-area > * {
- flex-shrink: 0;
- }
- .name,
- .src-url,
- .controls a,
- .description {
- -webkit-padding-end: 4px;
- -webkit-padding-start: 4px;
- }
- .name {
- -webkit-padding-end: 16px;
- display: inline-block;
- max-width: 450px;
- word-break: break-all;
- }
- .interrupted {
- color: red;
- }
- .download .status {
- color: #999;
- white-space: nowrap;
- }
- .download .src-url {
- color: rgb(85, 102, 221);
- display: inline-block;
- max-width: 500px;
- overflow: hidden;
- padding-bottom: 1px;
- padding-top: 4px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .controls a {
- -webkit-margin-end: 12px;
- color: #777;
- }
- .safe .controls a {
- display: inline;
- }
- #downloads-pagination {
- -webkit-margin-start: 18px;
- padding-top: 24px;
- }
|