other.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. header,
  2. .summary {
  3. min-width: 400px;
  4. }
  5. header {
  6. align-items: center;
  7. display: flex;
  8. padding: 0 12px;
  9. }
  10. header h1 {
  11. flex: 1;
  12. /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */
  13. font-size: 1.5em;
  14. font-weight: normal;
  15. line-height: 1;
  16. margin: 15px 0;
  17. }
  18. header > :-webkit-any(form, input[type='search']) {
  19. flex: none;
  20. }
  21. .summary {
  22. background-color: rgb(235, 239, 249);
  23. border-top: 1px solid rgb(156, 194, 239);
  24. display: flex;
  25. padding: 5px 10px;
  26. white-space: nowrap;
  27. }
  28. .summary > * {
  29. flex: none;
  30. }
  31. .summary > :first-child {
  32. flex: 1;
  33. overflow: hidden;
  34. text-overflow: ellipsis;
  35. white-space: nowrap;
  36. }
  37. #downloads-summary-text {
  38. font-weight: bold;
  39. }
  40. #download-actions {
  41. -webkit-margin-start: 16px;
  42. }
  43. #downloads-actions > * ~ * {
  44. -webkit-margin-start: 10px;
  45. }
  46. #downloads-display,
  47. #no-downloads-or-results {
  48. max-width: 740px;
  49. padding: 0 10px 34px;
  50. }
  51. .download {
  52. -webkit-margin-start: 114px;
  53. -webkit-padding-start: 52px;
  54. margin-bottom: 15px;
  55. position: relative;
  56. }
  57. .download,
  58. #no-downloads-or-results {
  59. margin-top: 6px;
  60. }
  61. .date-container {
  62. left: -110px;
  63. position: absolute;
  64. width: 110px;
  65. }
  66. html[dir=rtl] .date-container {
  67. left: auto;
  68. right: -110px;
  69. }
  70. .date-container .since {
  71. color: black;
  72. }
  73. .date-container .date {
  74. color: #666;
  75. }
  76. .download .icon {
  77. height: 32px;
  78. left: 9px;
  79. position: absolute;
  80. top: 2px;
  81. width: 32px;
  82. }
  83. html[dir=rtl] .icon {
  84. left: auto;
  85. right: 9px;
  86. }
  87. .download.otr > :-webkit-any(.safe, .dangerous) {
  88. -webkit-transition: opacity 150ms;
  89. 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)
  90. no-repeat right bottom;
  91. opacity: .66;
  92. }
  93. html[dir=rtl] .download.otr > :-webkit-any(.safe, .dangerous) {
  94. background-position: left bottom;
  95. }
  96. .download.otr > :-webkit-any(.safe, .dangerous):hover {
  97. opacity: 1;
  98. }
  99. .description.malware {
  100. color: rgb(196, 42, 23);
  101. }
  102. .progress {
  103. height: 48px;
  104. left: 0;
  105. position: absolute;
  106. top: -6px;
  107. width: 48px;
  108. }
  109. html[dir=rtl] .progress {
  110. left: auto;
  111. right: 0;
  112. }
  113. .progress.background {
  114. background: url(progressbackground.png);
  115. background-size: 48px;
  116. }
  117. .title-area {
  118. align-items: baseline;
  119. display: flex;
  120. }
  121. .title-area > * {
  122. flex-shrink: 0;
  123. }
  124. .name,
  125. .src-url,
  126. .controls a,
  127. .description {
  128. -webkit-padding-end: 4px;
  129. -webkit-padding-start: 4px;
  130. }
  131. .name {
  132. -webkit-padding-end: 16px;
  133. display: inline-block;
  134. max-width: 450px;
  135. word-break: break-all;
  136. }
  137. .interrupted {
  138. color: red;
  139. }
  140. .download .status {
  141. color: #999;
  142. white-space: nowrap;
  143. }
  144. .download .src-url {
  145. color: rgb(85, 102, 221);
  146. display: inline-block;
  147. max-width: 500px;
  148. overflow: hidden;
  149. padding-bottom: 1px;
  150. padding-top: 4px;
  151. text-decoration: none;
  152. text-overflow: ellipsis;
  153. white-space: nowrap;
  154. }
  155. .controls a {
  156. -webkit-margin-end: 12px;
  157. color: #777;
  158. }
  159. .safe .controls a {
  160. display: inline;
  161. }
  162. #downloads-pagination {
  163. -webkit-margin-start: 18px;
  164. padding-top: 24px;
  165. }