Added Google Custom Search form

wu-lee · Aug 11, 2010 · 2ade6c8 · 2ade6c8
1 parent f01034a
commit 2ade6c8
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 18 deletions.
diff --git a/files/stylesheets/style.css b/files/stylesheets/style.css
@@ -652,57 +652,63 @@ header#header li:hover a span.subtitle {
 
 /* @group Misc Navigation */
 
-#header ul#misc-navigation{
+#header #misc-navigation{
   position: absolute;
   top: 0;
   right: 0;
+  font-size: 0.85em;
+  font-weight: bold;
+}
+#header #misc-navigation ul {
+  padding: 3px 10px 5px;
+  display:inline-block;
   white-space: nowrap;
   -webkit-border-bottom-left-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-bottomright: 6px;
-  padding: 3px 10px 5px;
-  font-size: 0.85em;
-  font-weight: bold;
   background: #514a6b;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#514a6b), to(#524f74));
   background: -moz-linear-gradient(#514a6b, #524f74);
   -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
   -moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
-  width: 320px;
-  text-align: center;
 }
 
-#header ul#misc-navigation li{
+#header #misc-navigation ul li{
 	display: inline-block;
 	margin-right: 0.8em;
 }
 
-#header ul#misc-navigation li:last-child{
+#header #misc-navigation ul li:last-child{
 	margin-right: -0.67em;
 }
 
-#header ul#misc-navigation li a{
+#header #misc-navigation ul li a{
 	color: #9c99b3;
 }
 
-#header ul#misc-navigation li a:hover{
+#header #misc-navigation ul li a:hover{
 	text-decoration: underline;
 }
 
-#header ul#misc-navigation li a.gateway{
+#header #misc-navigation a.gateway{
 	border: none;
 	background: #7f6799;
 	color: white;
 	padding: 0.25em 0.5em;
 	line-height: 1.5em;
 }
 
-#header ul#misc-navigation li a.gateway:hover{
+#header #misc-navigation a.gateway:hover{
   background-color: #ba5500;
   text-decoration: none;
 }
 
+#header #misc-navigation form {display:inline-block; padding:5px 10px 5px;}
+#header #misc-navigation form input {display:inline-block; margin:0 10px 0 0 !important; padding:2px !important; width:auto !important; font-size:1em !important;}
+#header input.searchbtn {padding:0.25em 0.5em; line-height:1.5em; font-weight:bold; background: #7f6799; color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:none !important;}
+#header input.searchbtn:hover {background-color:#ba5500; color:#fff;}
+
 
 /* @end */
 

diff --git a/source/layout.html.erb b/source/layout.html.erb
@@ -144,12 +144,24 @@ pageTracker._trackPageview();
               </ul>
             </li>
       		</ul>	   
-          <ul id="misc-navigation">
-            <li><a href="http://docs.puppetlabs.com">Documentation</a></li>
-            <li><a href="http://puppetlabs.com/resources/customer-support/">Support</a></li>
-            <li><a href="http://puppetlabs.com/company/#contact">Contact Us</a></li>
-            <li><a href="http://puppetlabs.com/resources/downloads" class="gateway">Download</a></li>
-          </ul>
+          <div id="misc-navigation">
+			<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
+			  <ul>
+				<li><a href="http://docs.puppetlabs.com">Documentation</a></li>
+				<li><a href="http://puppetlabs.com/resources/customer-support/">Support</a></li>
+				<li><a href="http://puppetlabs.com/company/#contact">Contact Us</a></li>
+				<li><a href="http://puppetlabs.com/resources/downloads" class="gateway">Download</a></li>
+			  </ul>
+			<form action="http://www.google.com/cse" id="cse-search-box">
+			  <div>
+				<input type="hidden" name="cx" value="017884045025332504017:1mnj-dlgfcc" />
+				<input type="hidden" name="ie" value="UTF-8" />
+				<input type="text" name="q" size="31" />
+				<input type="submit" name="sa" class="searchbtn" value="Search" />
+			  </div>
+			</form>
+			<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
+		  </div>
         </nav>
     	</div>
     </header>