diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index 78c29c43..791bd46a 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/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; - 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; + } } \ No newline at end of file diff --git a/webapp/src/main/webapp/themes/iph/templates/identity.ftl b/webapp/src/main/webapp/themes/iph/templates/identity.ftl index e94169d6..0027ad68 100644 --- a/webapp/src/main/webapp/themes/iph/templates/identity.ftl +++ b/webapp/src/main/webapp/themes/iph/templates/identity.ftl @@ -50,3 +50,4 @@ + \ No newline at end of file diff --git a/webapp/src/main/webapp/themes/iph/templates/menu.ftl b/webapp/src/main/webapp/themes/iph/templates/menu.ftl index 580454bb..f54ecc91 100644 --- a/webapp/src/main/webapp/themes/iph/templates/menu.ftl +++ b/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$ --> - + <#include "developer.ftl"> @@ -10,23 +10,4 @@