www/adium.im 335:e099f4cac87b: Prettier form for the Google Cust...

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/e099f4cac87b
revision:	335:e099f4cac87b
author:		Thijs Alkemade <thijsalkemade at gmail.com>
date:		Wed Dec 01 21:05:23 2010 +0100

Prettier form for the Google Custom search on the support page.

diffs (160 lines):

diff -r 9c69a1105ac1 -r e099f4cac87b support/index.html
--- a/support/index.html	Wed Dec 01 20:43:02 2010 +0100
+++ b/support/index.html	Wed Dec 01 21:05:23 2010 +0100
@@ -45,17 +45,17 @@
 				<div id="cse" style="width: 100%;">Loading</div>
 				<script src="http://www.google.com/jsapi" type="text/javascript"></script>
 				<script type="text/javascript">
-				  google.load('search', '1', {language : 'en'});
+				  google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
 				  google.setOnLoadCallback(function() {
 				    var customSearchControl = new google.search.CustomSearchControl('015393419546563210410:t7mvtuib3eq');
-				    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
+				    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
 				    customSearchControl.draw('cse');
 				  }, true);
 				</script>
-				<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
+
 				<style type="text/css">
 				  .gsc-control-cse {
-						font-family:"Lucida Grande", "Helvetica Neue", sans-serif;
+				    font-family:"Lucida Grande", "Helvetica Neue", sans-serif;
 				    border-color: #FFFFFF;
 				    background-color: #FFFFFF;
 				  }
@@ -63,99 +63,100 @@
 				    border-color: #C0C0C0;
 				  }
 				  input.gsc-search-button {
-				    border-color: #666666;
-				    background-color: #CECECE;
+				    border-color: #C0C0C0;
+				    background-color: #e6edff;
 				  }
 				  .gsc-tabHeader.gsc-tabhInactive {
-				    border-color: #E9E9E9;
-				    background-color: #E9E9E9;
+				    border-color: #C0C0C0;
+				    background-color: #FFFFFF;
 				  }
 				  .gsc-tabHeader.gsc-tabhActive {
-				    border-top-color: #FF9900;
-				    border-left-color: #E9E9E9;
-				    border-right-color: #E9E9E9;
+				    border-color: #C0C0C0;
 				    background-color: #FFFFFF;
 				  }
 				  .gsc-tabsArea {
-				    border-color: #E9E9E9;
+				    border-color: #C0C0C0;
 				  }
 				  .gsc-webResult.gsc-result {
-				    border-color: #FFFFFF;
+				    border-color: #C0C0C0;
 				    background-color: #FFFFFF;
 				  }
 				  .gsc-webResult.gsc-result:hover {
-				    border-color: #FFFFFF;
+				    border-color: #C0C0C0;
 				    background-color: #FFFFFF;
 				  }
 				  .gs-webResult.gs-result a.gs-title:link,
 				  .gs-webResult.gs-result a.gs-title:link b {
-				    color: #00008B;
+				    color: #0066CC;
 				  }
 				  .gs-webResult.gs-result a.gs-title:visited,
 				  .gs-webResult.gs-result a.gs-title:visited b {
-				    color: #00008B;
+				    color: #0066CC;
 				  }
 				  .gs-webResult.gs-result a.gs-title:hover,
 				  .gs-webResult.gs-result a.gs-title:hover b {
-				    color: #FF0000;
+				    color: #0066CC;
 				  }
 				  .gs-webResult.gs-result a.gs-title:active,
 				  .gs-webResult.gs-result a.gs-title:active b {
-				    color: #FF0000;
+				    color: #0066CC;
 				  }
 				  .gsc-cursor-page {
-				    color: #00008B;
+				    color: #0066CC;
 				  }
 				  a.gsc-trailing-more-results:link {
-				    color: #00008B;
+				    color: #0066CC;
 				  }
 				  .gs-webResult.gs-result .gs-snippet {
-				    color: #000000;
+				    color: #454545;
 				  }
 				  .gs-webResult.gs-result .gs-visibleUrl {
-				    color: #008000;
+				    color: #815FA7;
 				  }
 				  .gs-webResult.gs-result .gs-visibleUrl-short {
-				    color: #008000;
+				    color: #815FA7;
+				  }
+
+				  .gs-webResult.gs-result .gs-visibleUrl-short {
+				    display: none;
+				  }
+				  .gs-webResult.gs-result .gs-visibleUrl-long {
+				    display: block;
 				  }
 				  .gsc-cursor-box {
-				    border-color: #FFFFFF;
+				    border-color: #C0C0C0;
 				  }
 				  .gsc-results .gsc-cursor-page {
-				    border-color: #E9E9E9;
+				    border-color: #C0C0C0;
 				    background-color: #FFFFFF;
 				  }
 				  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
-				    border-color: #FF9900;
+				    border-color: #C0C0C0;
 				    background-color: #FFFFFF;
 				  }
 				  .gs-promotion.gs-result {
-				    border-color: #336699;
-				    background-color: #FFFFFF;
+				    border-color: #94CC7A;
+				    background-color: #CBE8B4;
 				  }
 				  .gs-promotion.gs-result a.gs-title:link {
-				    color: #0000CC;
+				    color: #0066CC;
 				  }
 				  .gs-promotion.gs-result a.gs-title:visited {
-				    color: #0000CC;
+				    color: #0066CC;
 				  }
 				  .gs-promotion.gs-result a.gs-title:hover {
-				    color: #0000CC;
+				    color: #0066CC;
 				  }
 				  .gs-promotion.gs-result a.gs-title:active {
-				    color: #0000CC;
+				    color: #0066CC;
 				  }
 				  .gs-promotion.gs-result .gs-snippet {
-				    color: #000000;
+				    color: #454545;
 				  }
 				  .gs-promotion.gs-result .gs-visibleUrl,
 				  .gs-promotion.gs-result .gs-visibleUrl-short {
-				    color: #008000;
+				    color: #815FA7;
 				  }
-					.gs-snippet {
-						border-color: #CCC;
-						background-color: #E6EDFF;
-					}
 				</style>
 			</div>
 		</div>