| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 html[dir='rtl'] body.uber-frame > .page { | 5 html[dir='rtl'] body.uber-frame > .page { |
| 6 -webkit-margin-end: 0; | 6 -webkit-margin-end: 0; |
| 7 } | 7 } |
| 8 | 8 |
| 9 body.uber-frame > .page.big-topbar-page { | 9 body.uber-frame > .page.big-topbar-page { |
| 10 padding-top: 78px; | 10 padding-top: 78px; |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 | 150 |
| 151 html[dir='rtl'] .display-filter-button { | 151 html[dir='rtl'] .display-filter-button { |
| 152 float: right; | 152 float: right; |
| 153 } | 153 } |
| 154 | 154 |
| 155 #display-filter-controls label input[type='radio'] { | 155 #display-filter-controls label input[type='radio'] { |
| 156 display: none; | 156 display: none; |
| 157 } | 157 } |
| 158 | 158 |
| 159 #display-filter-controls label span { | 159 #display-filter-controls label span { |
| 160 -webkit-align-items: flex-start; | |
| 161 -webkit-appearance: none; | 160 -webkit-appearance: none; |
| 162 -webkit-user-select: none; | 161 -webkit-user-select: none; |
| 162 align-items: flex-start; |
| 163 background-color: buttonface; | 163 background-color: buttonface; |
| 164 background-image: -webkit-linear-gradient(rgb(237, 237, 237), | 164 background-image: -webkit-linear-gradient(rgb(237, 237, 237), |
| 165 rgb(237, 237, 237) 38%, | 165 rgb(237, 237, 237) 38%, |
| 166 rgb(222, 222, 222)); | 166 rgb(222, 222, 222)); |
| 167 border: 1px solid rgba(0, 0, 0, 0.25); | 167 border: 1px solid rgba(0, 0, 0, 0.25); |
| 168 border-radius: 0; | 168 border-radius: 0; |
| 169 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), | 169 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), |
| 170 inset 0 1px 2px rgba(255, 255, 255, 0.75); | 170 inset 0 1px 2px rgba(255, 255, 255, 0.75); |
| 171 box-sizing: border-box; | 171 box-sizing: border-box; |
| 172 color: rgb(68, 68, 68); | 172 color: rgb(68, 68, 68); |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 239 margin: 1px 0; | 239 margin: 1px 0; |
| 240 width: 45px; | 240 width: 45px; |
| 241 } | 241 } |
| 242 | 242 |
| 243 .no-checkboxes .gap { | 243 .no-checkboxes .gap { |
| 244 width: 25px; | 244 width: 25px; |
| 245 } | 245 } |
| 246 | 246 |
| 247 .entry-box, | 247 .entry-box, |
| 248 .site-domain-row { | 248 .site-domain-row { |
| 249 -webkit-align-items: center; | 249 align-items: center; |
| 250 cursor: default; | 250 cursor: default; |
| 251 display: -webkit-flex; | 251 display: flex; |
| 252 /* An odd line-height ensures a consistent baseline on all platforms. */ | 252 /* An odd line-height ensures a consistent baseline on all platforms. */ |
| 253 line-height: 1.75em; | 253 line-height: 1.75em; |
| 254 margin-bottom: 6px; | 254 margin-bottom: 6px; |
| 255 /* The box should be no bigger than its parent. */ | 255 /* The box should be no bigger than its parent. */ |
| 256 max-width: 100%; | 256 max-width: 100%; |
| 257 overflow: hidden; | 257 overflow: hidden; |
| 258 padding-bottom: 1px; | 258 padding-bottom: 1px; |
| 259 } | 259 } |
| 260 | 260 |
| 261 .site-domain-wrapper { | 261 .site-domain-wrapper { |
| 262 cursor: pointer; | 262 cursor: pointer; |
| 263 display: -webkit-flex; | 263 display: flex; |
| 264 width: 100%; | 264 width: 100%; |
| 265 } | 265 } |
| 266 | 266 |
| 267 .search-results, | 267 .search-results, |
| 268 .day-results { | 268 .day-results { |
| 269 margin: 0 0 24px 0; | 269 margin: 0 0 24px 0; |
| 270 padding: 0; | 270 padding: 0; |
| 271 } | 271 } |
| 272 | 272 |
| 273 .site-results { | 273 .site-results { |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 359 .entry-box:hover input[type='checkbox']:not(:focus), | 359 .entry-box:hover input[type='checkbox']:not(:focus), |
| 360 .entry-box input[type='checkbox']:not(:focus):checked { | 360 .entry-box input[type='checkbox']:not(:focus):checked { |
| 361 border-color: rgba(0, 0, 0, .5); | 361 border-color: rgba(0, 0, 0, .5); |
| 362 } | 362 } |
| 363 | 363 |
| 364 .filter-status { | 364 .filter-status { |
| 365 -webkit-margin-start: 10px; | 365 -webkit-margin-start: 10px; |
| 366 } | 366 } |
| 367 | 367 |
| 368 .filter-status > div { | 368 .filter-status > div { |
| 369 -webkit-flex: 0 0 auto; | 369 flex: 0 0 auto; |
| 370 -webkit-transition: background-color 150ms; | 370 -webkit-transition: background-color 150ms; |
| 371 border-radius: 3px; | 371 border-radius: 3px; |
| 372 display: none; | 372 display: none; |
| 373 font-size: 11px; | 373 font-size: 11px; |
| 374 height: 14px; | 374 height: 14px; |
| 375 line-height: 12px; | 375 line-height: 12px; |
| 376 white-space: nowrap; | 376 white-space: nowrap; |
| 377 } | 377 } |
| 378 | 378 |
| 379 .filter-status > div.filter-allowed, | 379 .filter-status > div.filter-allowed, |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 422 -webkit-padding-end: 6px; | 422 -webkit-padding-end: 6px; |
| 423 -webkit-padding-start: 6px; | 423 -webkit-padding-start: 6px; |
| 424 border-radius: 2px; | 424 border-radius: 2px; |
| 425 } | 425 } |
| 426 | 426 |
| 427 .active :-webkit-any(.entry-box, .site-domain-row) { | 427 .active :-webkit-any(.entry-box, .site-domain-row) { |
| 428 background-color: rgba(0, 0, 0, .05); | 428 background-color: rgba(0, 0, 0, .05); |
| 429 } | 429 } |
| 430 | 430 |
| 431 .entry-box-container { | 431 .entry-box-container { |
| 432 display: -webkit-flex; | 432 display: flex; |
| 433 } | 433 } |
| 434 | 434 |
| 435 .entry .visit-entry { | 435 .entry .visit-entry { |
| 436 display: -webkit-flex; | 436 display: flex; |
| 437 min-width: 0; | 437 min-width: 0; |
| 438 } | 438 } |
| 439 | 439 |
| 440 .entry .title { | 440 .entry .title { |
| 441 min-width: 0; | 441 min-width: 0; |
| 442 overflow: hidden; | 442 overflow: hidden; |
| 443 text-overflow: ellipsis; | 443 text-overflow: ellipsis; |
| 444 white-space: nowrap; | 444 white-space: nowrap; |
| 445 } | 445 } |
| 446 | 446 |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 611 background-image: url(../../../../ui/webui/resources/images/phone_small.png); | 611 background-image: url(../../../../ui/webui/resources/images/phone_small.png); |
| 612 background-position: 14px center; | 612 background-position: 14px center; |
| 613 padding-left: 43px; | 613 padding-left: 43px; |
| 614 } | 614 } |
| 615 | 615 |
| 616 #action-menu[data-devicetype='tablet']::before { | 616 #action-menu[data-devicetype='tablet']::before { |
| 617 background-image: url(../../../../ui/webui/resources/images/tablet_small.png); | 617 background-image: url(../../../../ui/webui/resources/images/tablet_small.png); |
| 618 background-position: 17px center; | 618 background-position: 17px center; |
| 619 padding-left: 49px; | 619 padding-left: 49px; |
| 620 } | 620 } |
| OLD | NEW |