Fixed right search panel.

webapp/src/main/webapp/themes/iph/css/iph.css

@@ -75,7 +75,7 @@ h3 {
     padding: 10px 0 12px 0;
     margin: 0;
     font-size: 1.125em;
-    color: #064d68;
+    color: #8B4513;
 }
 h4 {
     padding: 10px 0 12px 0;
@@ -644,14 +644,37 @@ input.search-submit-button {
 	background-position: 94% 50%;	
 	background-size: 18px 7px;
 }
+#searchRightpanel {
+	width: 80%;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: -60px;
+	z-index: 2;
 	
+}
+#searchRightpanel >section#search {
+	display: flex;
+	justify-content: right;
+	padding-top: 20px;
+}
+
+
+#searchRightpanel >section#search >div.search-form-container {
+	display: flex;
+	justify-content: right; 
+	width: 60%;
+}
+#searchRightpanel >section#search >div.search-form-container >form#custom-search {
+	display: flex;
+	justify-content: right; 
+}
 #search {
-    position: absolute;
+    /*position: absolute;*/
-    width: 396px;
+    width: 100%;
     height: 38px;
-    top: 90px;
+   /* top: 90px;
-    right: 10px;
+    right: 10px;*/
-    padding-top: 5px;
+    padding-top: 10px;
 }
 #search-field {
     width: 396px;
@@ -1628,7 +1651,7 @@ ul#individual-tools-people li a {
 .property-group,
 #menupage-intro {
     width: 100%;
-    text-align: center;
+    text-align: left;
     background: #fff;
 }
 #menupage-intro {
@@ -2309,7 +2332,6 @@ button.collapsible.active:focus {
 	}
 	#wrapper-content {
 	width: 90%;	
-	padding-top: 5px;
 	}
 	#switch-to-extended-searchform {
 	width: 80%;	
@@ -2337,7 +2359,27 @@ button.collapsible.active:focus {
 	#footerWrapper {
 	width: 95%;
 	}
+	ul#alpha-browse-individuals {
+	font-size: 1.2rem;	
+	}
+	ul#browse-classes {
+	width: 24%;	
+	}	
+}
 
+@media screen and (max-width: 1100px) {
+	ul#alpha-browse-individuals {
+	font-size: 1.2rem;	
+	}
+	ul#alpha-browse-individuals a {
+	padding-left: 4px;
+	}
+	h3.selected-class {
+	font-size: 1.2rem;	
+	}
+	ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
+	background: none;	
+	}
 }
 @media screen and (max-width: 900px) {
 	h1.vivo-logo {
@@ -2353,7 +2395,7 @@ button.collapsible.active:focus {
 	}
 	#wrapper-content {
 	width: 95%;	
-	padding-top: 5px;
+	padding-top: 10px;
 	}
 	#querybuilder-container {
 	width: 100%;
@@ -2387,6 +2429,13 @@ button.collapsible.active:focus {
 	button.collapsible {
 	background-position: 2% 50%;	
 	}
+	ul#alpha-browse-individuals a {
+	padding-left: 3px;
+	}
+	ul#browse-classes a {
+	line-height: 1.3em;	
+	font-size: 0.92rem;
+	}
 }
 
 @media screen and (max-width: 800px) {
@@ -2445,6 +2494,22 @@ button.collapsible.active:focus {
 	#SearchTitle {
 	font-size: 1.1rem;
 	}
+	nav#alpha-browse-container {
+	width: 72%;	
+	}	
+	ul#browse-classes a {
+	font-size: 0.81rem;
+	line-height: 1.3em;	
+	}
+	#menupage-intro h2 {
+	padding-bottom: 5px;	
+	}
+	ul#alpha-browse-individuals {
+	font-size: 1rem;
+	}
+	ul#alpha-browse-individuals a {
+	padding-left: 1px;
+	}
 }
 
 @media screen and (max-width: 720px) {
@@ -2472,4 +2537,8 @@ button.collapsible.active:focus {
 	padding-top: 4px;	
 	padding-left: 25px;
 	}
+	ul#browse-classes a {
+	font-size: 0.8rem;
+	line-height: 1.2em;	
+	}
 }

webapp/src/main/webapp/themes/iph/templates/identity.ftl

@@ -50,3 +50,4 @@
         </ul>
 
     </nav>
+</header>

webapp/src/main/webapp/themes/iph/templates/menu.ftl

@@ -1,6 +1,6 @@
 <#-- $This file is distributed under the terms of the license in LICENSE$ -->
 
-</header>
+
 
 <#include "developer.ftl">
 
@@ -11,22 +11,3 @@
         </#list>
     </ul>
 </nav>
-
-<div id="wrapper-content" role="main">
-    <#if flash?has_content>
-        <#if flash?starts_with(i18n().menu_welcomestart) >
-            <section  id="welcome-msg-container" role="container">
-                <section  id="welcome-message" role="alert">${flash}</section>
-            </section>
-        <#else>
-            <section  id="flash-msg-container" role="container">
-                <section id="flash-message" role="alert">${flash}</section>
-            </section>
-        </#if>
-    </#if>
-
-    <!--[if lte IE 8]>
-    <noscript>
-        <p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser. Here are the <a href="http://www.enable-javascript.com"  title="java script instructions">instructions for enabling JavaScript in your web browser</a>.</p>
-    </noscript>
-    <![endif]-->

webapp/src/main/webapp/themes/iph/templates/page-home.ftl

@@ -30,7 +30,7 @@
         <#include "identity.ftl">
 
         <#include "menu.ftl">
-
+		<#include "contentWrapper.ftl">
         <section id="intro" role="region">
            <#-- <h2>${i18n().intro_title}</h2>
 

webapp/src/main/webapp/themes/iph/templates/page.ftl

@@ -10,10 +10,13 @@
 
     <body class="${bodyClasses!}" onload="${bodyOnload!}">
         <#include "identity.ftl">
-        <#if !querytext?? >
-          <#include "customsearchpanel.ftl" >
-        </#if>
         <#include "menu.ftl">
+        <#if !querytext?? >
+        <div id="searchRightpanel">
+          <#include "customsearchpanel.ftl" >
+          </div>
+        </#if>
+        <#include "contentWrapper.ftl">
 
 		<#-- VIVO OpenSocial Extension by UCSF -->
 		<#if openSocial??>