adding files for header bar

michaelmcandrew · Apr 9, 2012 · 633e9d8 · 633e9d8
1 parent f502fcc
commit 633e9d8
Show file tree

Hide file tree

Showing 4 changed files with 170 additions and 0 deletions.
diff --git a/css/menu.css b/css/menu.css
@@ -0,0 +1,112 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+body {
+	margin: 0;
+	padding: 0;
+	border-top: 2px solid #056085;
+}
+#wrapper {
+	width: 930px;
+}
+#header {	
+	padding: 24px 20px;
+	color: #056085;	
+}
+.logo {
+	display: block;
+	float: left;
+}
+#right_wrap {
+	float: right;
+}
+#top_menu {
+    float: left;
+}
+#top_menu li {
+    float: left;
+	display: inline;
+}
+#top_menu li a {
+    color: #A55F53;
+    cursor: pointer;
+    display: inline;
+    font-family: Verdana,Helvetica,Arial,sans-serif;
+    font-size: 10px;
+    letter-spacing: 1px;
+    padding: 0 5px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+#top_menu li a {
+    border-right: 1px solid #B86E7A;
+}
+#top_menu li.last a {
+   border-right: 0 none;
+}
+#menu_wrap {
+	float: right;
+	padding-top: 38px;
+}
+#main_menu li {
+    display: inline;
+    list-style: none outside none;
+    background-color: transparent;
+    background-image: none;
+    border: 0 none;
+    cursor: pointer;
+    margin: 0 35px 0 0;
+	width:auto !important;
+    font-family: "Francois One",Helvetica,Arial,sans-serif;
+    font-size: 17px;
+    font-weight: normal;
+    letter-spacing: 0;
+    padding: 0;    
+}
+#main_menu li a {
+	text-decoration: none;
+	text-transform:uppercase;
+	color: #000;
+}
+#main_menu li.menu-2 a, 
+#main_menu li.menu-4 a {
+    color: #6D6E71;
+}
+#main_menu li.menu-4 {
+	margin: 0;
+}
+#main_menu li a:hover {
+	color: #14688D;
+}
+#search_form {
+	width: 210px;
+	float: left;
+	height: 24px;
+	margin-left: 10px;
+}
+table.gsc-branding, td.gsc-clear-button {
+	display: none;
+	visibility: hidden;
+}
+td.gsc-input {
+	width: 210px;
+}
+td.gsc-input input {
+	width: 180px;
+	height: 24px;
+	background: none !important;
+}
+td.gsc-search-button input {
+	text-indent: -8765px;
+	font-size: 0;
+	line-height: 0;
+	width: 24px;
+	height: 23px;
+	background: url(../images/search.png) no-repeat 0 0;
+	border: 0 none;
+}
+table.gsc-search-box td.gsc-input {
+	padding-right: 0 !important;
+}
+
diff --git a/images/search.png b/images/search.png
diff --git a/images/top-logo.png b/images/top-logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,58 @@
+<html>
+	<head>
+		<link rel="stylesheet" type="text/css" href="css/menu.css">
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
+		<link href='http://fonts.googleapis.com/css?family=Francois+One|Lato|Open+Sans' rel='stylesheet' type='text/css' media='all'>
+	</head>
+	<body>
+		<div id="wrapper">
+			<div id="header">
+				<div id="right_wrap">	
+					<!-- top menu -->
+					<ul id="top_menu">
+						<li class="first"><a href="http://civicrm.org/search/node/" target="_blank">SEARCH</a></li>
+						<li><a href="http://civicrm.org" title="">HOME</a></li>
+						<li><a href="http://civicrm.org/blog" title="">BLOG</a></li>
+						<li><a href="http://forum.civicrm.org/" title="">FORUM</a></li>
+						<li><a href="http://book.civicrm.org/" title="">BOOK</a></li>
+						<li><a href="http://issues.civicrm.org" title="">ISSUES</a></li>
+						<li class="last"><a href="http://civicrm.org/what/supportus" title="">SUPPORT US</a></li>
+					</ul>
+					<!-- top menu ends -->
+					<!-- search form -->
+						<!-- <div id="search_form" class="section-civisearch"> -->
+							<!-- <div id="cse" style="width: 100%;">Loading</div> -->			
+							<script src="http://www.google.com/jsapi" type="text/javascript"></script>
+							<script type="text/javascript">
+							<!--//--><![CDATA[// ><!--
+							google.load('search', '1', {language : 'en'});
+							google.setOnLoadCallback(function() {
+							var customSearchControl = new google.search.CustomSearchControl('009436513377149342815:sjyjnxpn--o');
+							customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
+							var options = new google.search.DrawOptions();
+							options.setAutoComplete(true);
+
+							customSearchControl.draw('cse', options);
+							}, true);
+
+							//--><!]]>
+							</script>
+						<!-- </div> -->
+					<!-- search form ends-->
+				</div>
+				<a href="http://civicrm.org" class='logo'><img border="0" src="images/top-logo.png"></a>
+				<!-- main menu -->
+				<div id="menu_wrap">
+					<ul id="main_menu">
+			  			<li class="menu-1"><a class="MenuBarItemSubmenu" href="http://civicrm.org/what/whatiscivicrm">WHAT IS CIVICRM</a></li>
+			  			<li class="menu-2"><a href="http://civicrm.org/features">WILL CIVICRM MEET YOUR NEEDS?</a></li>
+			  			<li class="menu-3"><a class="MenuBarItemSubmenu" href="http://civicrm.org/go">GET STARTED</a></li>
+			  			<li class="menu-4"><a href="http://civicrm.org/participate">PARTICIPATE</a></li>
+					</ul>
+				</div>
+				<!-- main menu ends -->
+				<div style="clear:both;">
+			</div>
+		</div>
+	</div>
+</body>