Update Google search widget

This commit is contained in:
Steven Grimm 2017-05-29 16:36:57 -07:00
parent cb7f4df624
commit 2ee4ebcda0
1 changed files with 14 additions and 116 deletions

View File

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html> <html>
<head> <head>
<title>Lurker's Guide - Search</title> <title>Lurker's Guide - Search</title>
@ -37,123 +38,20 @@
<p> <p>
Enter your search terms and hit Enter or click the Search button. Enter your search terms and hit Enter or click the Search button.
</p> </p>
<div id="cse" style="width: 100%;">Loading</div> <div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script>
<script type="text/javascript"> (function() {
google.load('search', '1', {language : 'en'}); var cx = '014990428883429822707:tkiv7qslcnk';
google.setOnLoadCallback(function() { var gcse = document.createElement('script');
var customSearchControl = new google.search.CustomSearchControl('014990428883429822707:tkiv7qslcnk'); gcse.type = 'text/javascript';
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); gcse.async = true;
customSearchControl.draw('cse'); gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
}, true); var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script> </script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> <gcse:search></gcse:search>
<style type="text/css"> </div>
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
input.gsc-input {
border-color: #BCCDF0;
}
input.gsc-search-button {
border-color: #666666;
background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #E9E9E9;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult.gs-result .gs-snippet {
color: #000000;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #008000;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #008000;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gs-promotion.gs-result {
border-color: #336699;
background-color: #DDDDFF;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0000CC;
}
.gs-promotion.gs-result .gs-snippet {
color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #008000;
}
</style>
</body> </body>
</html> </html>