| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 83 } | 83 } |
| 84 | 84 |
| 85 .suggest-box .suggest-box-content-item.additional { | 85 .suggest-box .suggest-box-content-item.additional { |
| 86 background-color: #f9f9f9; | 86 background-color: #f9f9f9; |
| 87 } | 87 } |
| 88 | 88 |
| 89 .suggest-box .suggest-box-content-item.additional::before { | 89 .suggest-box .suggest-box-content-item.additional::before { |
| 90 display: inline-block; | 90 display: inline-block; |
| 91 content: ""; | 91 content: ""; |
| 92 -webkit-user-select: none; | 92 -webkit-user-select: none; |
| 93 background-image: url(Images/smallIcons.png); | 93 -webkit-mask-image: url(Images/smallIcons.png); |
| 94 background-size: 190px 30px; | 94 -webkit-mask-size: 190px 30px; |
| 95 width: 10px; | 95 width: 10px; |
| 96 height: 10px; | 96 height: 10px; |
| 97 position: relative; | 97 position: relative; |
| 98 top: 2px; | 98 top: 2px; |
| 99 margin-right: 4px; | 99 margin-right: 4px; |
| 100 background-position: -20px -20px; | 100 -webkit-mask-position: -20px -20px; |
| 101 background-color: rgb(56, 121, 217); |
| 101 } | 102 } |
| 102 | 103 |
| 103 @media (-webkit-min-device-pixel-ratio: 1.1) { | 104 @media (-webkit-min-device-pixel-ratio: 1.1) { |
| 104 .suggest-box .suggest-box-content-item.additional::before { | 105 .suggest-box .suggest-box-content-item.additional::before { |
| 105 background-image: url(Images/smallIcons_2x.png); | 106 -webkit-mask-image: url(Images/smallIcons_2x.png); |
| 106 } | 107 } |
| 107 } /* media */ | 108 } /* media */ |
| 108 | 109 |
| 110 .suggest-box .suggest-box-content-item.additional.selected::before { |
| 111 background-color: #FFF; |
| 112 } |
| 113 |
| 109 .suggest-box .suggest-box-content-item .prefix { | 114 .suggest-box .suggest-box-content-item .prefix { |
| 110 font-weight: bold; | 115 font-weight: bold; |
| 111 } | 116 } |
| 112 | 117 |
| 113 .suggest-box .suggest-box-content-item .spacer { | 118 .suggest-box .suggest-box-content-item .spacer { |
| 114 display: inline-block; | 119 display: inline-block; |
| 115 width: 20px; | 120 width: 20px; |
| 116 } | 121 } |
| 117 | 122 |
| 118 .suggest-box .suggest-box-content-item.selected { | 123 .suggest-box .suggest-box-content-item.selected { |
| 124 background-color: rgb(56, 121, 217); |
| 125 color: #FFF; |
| 126 } |
| 127 |
| 128 .suggest-box .suggest-box-content-item:hover:not(.selected) { |
| 119 background-color: rgba(56, 121, 217, 0.1); | 129 background-color: rgba(56, 121, 217, 0.1); |
| 120 } | 130 } |
| 121 | 131 |
| 122 .suggest-box .suggest-box-content-item:hover:not(.selected) { | |
| 123 border: 1px solid rgb(204, 204, 204); | |
| 124 } | |
| 125 | |
| 126 .suggest-box .details-popup { | 132 .suggest-box .details-popup { |
| 127 padding: 17px; | 133 padding: 17px; |
| 128 pointer-events: auto; | 134 pointer-events: auto; |
| 129 margin-left: 3px; | 135 margin-left: 3px; |
| 130 max-width: 750px; | 136 max-width: 750px; |
| 131 word-wrap: normal; | 137 word-wrap: normal; |
| 132 } | 138 } |
| 133 | 139 |
| 134 .suggest-box .details-popup .description { | 140 .suggest-box .details-popup .description { |
| 135 margin-top: 22px; | 141 margin-top: 22px; |
| 136 color: #808080; | 142 color: #808080; |
| 137 } | 143 } |
| OLD | NEW |