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 |