| OLD | NEW |
|---|
| (Empty) |
| 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 | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 .suggestions { | |
| 6 position: absolute; | |
| 7 z-index: 0; | |
| 8 } | |
| 9 | |
| 10 .suggestions { | |
| 11 -webkit-box-orient: vertical; | |
| 12 display: -webkit-box; | |
| 13 position: absolute; | |
| 14 text-decoration: none; | |
| 15 } | |
| 16 | |
| 17 .suggestions:focus { | |
| 18 outline: none; | |
| 19 } | |
| 20 | |
| 21 .suggestions .close-button { | |
| 22 -webkit-transition: opacity 150ms; | |
| 23 opacity: 0; | |
| 24 position: absolute; | |
| 25 right: 0; | |
| 26 top: 0; | |
| 27 z-index: 5; | |
| 28 } | |
| 29 | |
| 30 html[dir=rtl] .suggestions .close-button { | |
| 31 left: 0; | |
| 32 right: auto; | |
| 33 } | |
| 34 | |
| 35 .suggestions:hover .close-button { | |
| 36 -webkit-transition-delay: 500ms; | |
| 37 opacity: 1; | |
| 38 } | |
| 39 | |
| 40 .suggestions .close-button:hover { | |
| 41 -webkit-transition: none; | |
| 42 } | |
| 43 | |
| 44 .suggestions .favicon { | |
| 45 -webkit-margin-start: 5px; | |
| 46 background: no-repeat left 50%; | |
| 47 bottom: 7px; | |
| 48 box-sizing: border-box; | |
| 49 display: block; | |
| 50 height: 16px; | |
| 51 position: absolute; | |
| 52 width: 16px; | |
| 53 } | |
| 54 | |
| 55 html[dir='rtl'] .suggestions .favicon { | |
| 56 background-position-x: right; | |
| 57 } | |
| 58 | |
| 59 .suggestions .color-stripe { | |
| 60 border-bottom-left-radius: 3px 3px; | |
| 61 border-bottom-right-radius: 3px 3px; | |
| 62 /* Matches height of title plus height of score. */ | |
| 63 bottom: 36px; | |
| 64 height: 3px; | |
| 65 position: absolute; | |
| 66 width: 100%; | |
| 67 z-index: 10; | |
| 68 } | |
| 69 | |
| 70 .suggestions .title { | |
| 71 display: block; | |
| 72 height: 18px; | |
| 73 overflow: hidden; | |
| 74 text-align: center; | |
| 75 text-overflow: ellipsis; | |
| 76 white-space: nowrap; | |
| 77 } | |
| 78 | |
| 79 .suggestions .score { | |
| 80 display: block; | |
| 81 height: 18px; | |
| 82 overflow: hidden; | |
| 83 text-align: center; | |
| 84 } | |
| 85 | |
| 86 .suggestions:focus .thumbnail, | |
| 87 .suggestions:hover .thumbnail { | |
| 88 opacity: 0.95; | |
| 89 } | |
| 90 | |
| 91 .suggestions:focus .thumbnail-shield, | |
| 92 .suggestions:hover .thumbnail-shield, | |
| 93 .suggestions:active .thumbnail-shield { | |
| 94 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), | |
| 95 rgba(255, 255, 255, 0) 80%, | |
| 96 rgba(255, 255, 255, 0.9)); | |
| 97 } | |
| 98 | |
| 99 /* The thumbnail gets lighter when clicked, but not when the click is on the | |
| 100 * close button. */ | |
| 101 .suggestions:active .close-button:not(:active) + .thumbnail { | |
| 102 opacity: 0.9; | |
| 103 } | |
| 104 | |
| 105 /* The thumbnail gets a shadow when clicked, but not when the click is on the | |
| 106 * close button. */ | |
| 107 .suggestions:active .close-button:not(:active) + .thumbnail .thumbnail-shield { | |
| 108 box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); | |
| 109 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1141843004:
NTP Zombie Code Slayer II: Suggestions Page (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master