1 .search-hidden { 2 display: none; 3 } 4 5 .search-highlighted { 6 background-color: rgba(255, 240, 120, 0.9); 7 } 8 9 .search-bubble { 10 -webkit-box-shadow: 0 2px 2px #888; 11 background-color: rgba(255, 240, 120, 0.8); 12 border-radius: 6px; 13 box-shadow: 0 2px 2px #888; 14 left: 0; 15 margin: 12px 0 0; 16 padding: 4px 10px; 17 pointer-events: none; 18 position: absolute; 19 text-align: center; 20 top: -1000px; /* minor hack: position off-screen by default */ 21 width: 100px; 22 } 23 24 .search-bubble:after { 25 border-color: rgba(255, 240, 120, 0.9) transparent; 26 border-style: solid; 27 border-width: 0 10px 10px; 28 content: ""; 29 left: 50px; 30 position: absolute; 31 top: -10px; 32 } 33 34 .search-bubble-wrapper { 35 position: relative; 36 } 37
