Fixed right search panel.
This commit is contained in:
Svetlana Rastegina
parent
03dc422757
commit
f4eb098267
5 changed files with 89 additions and 35 deletions
|
|
@ -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;
|
||||
width: 396px;
|
||||
/*position: absolute;*/
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
top: 90px;
|
||||
right: 10px;
|
||||
padding-top: 5px;
|
||||
/* top: 90px;
|
||||
right: 10px;*/
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
|
@ -50,3 +50,4 @@
|
|||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
|
@ -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]-->
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<#include "identity.ftl">
|
||||
|
||||
<#include "menu.ftl">
|
||||
|
||||
<#include "contentWrapper.ftl">
|
||||
<section id="intro" role="region">
|
||||
<#-- <h2>${i18n().intro_title}</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -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??>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue