diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index ad0be21c..4da9c44c 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/webapp/src/main/webapp/themes/iph/css/iph.css @@ -481,7 +481,7 @@ h1.vivo-logo { position: absolute; width: 100%; height: 100px; - top: 30px; + top: 35px; /* left: 0; */ background: url(../images/site-title-padding.png) center 0 no-repeat; } @@ -1019,7 +1019,7 @@ p.external-auth a.blue:hover { /* HOME SEARCH ------> */ #search-home { /*float: left;*/ - margin-bottom: 10px; + margin-bottom: 30px; margin-top: 10px; width: 100%; display: flex; @@ -1044,7 +1044,7 @@ p.external-auth a.blue:hover { font-size: 22px; margin-bottom: 15px; color: #2485AE; - padding-left: 24px; + /*padding-left: 24px;*/ } #search-home-field { width: 483px; @@ -2108,19 +2108,96 @@ span.subclassExpandMinus { /* -------------------------------------------------> */ /* SCREEN RESOLUTION --------------------------------> */ /* -------------------------------------------------> */ -@media screen and (max-width: 720px) { + +@media screen and (max-width: 1500px) { #branding { - width: 100%; + width: 90%; } ul#main-nav { - width: 100%; + width: 90%; + } + #wrapper-content { + width: 90%; + padding-top: 5px; + } + #switch-to-extended-searchform { + width: 80%; + } + #querybuilder-container { + width: 70%; + } +} +@media screen and (max-width: 1300px) { + #branding { + width: 100%; + } + ul#main-nav { + width: 100%; + } + h1.vivo-logo { + top: 45px; } #wrapper-content { width: 95%; } + #querybuilder-container { + width: 90%; + } +} +@media screen and (max-width: 900px) { + h1.vivo-logo { + background-size: 100%; + top: 50px; + } + #wrapper-content { + width: 95%; + padding-top: 5px; + } + #querybuilder-container { + width: 100%; + } + #custom-search { + width: 80%; + } + #switch-to-extended-searchform { + width: 80%; + } + #projectDescription { + width: 100%; + } + #membersDescription { + width: 100%; + } + #contactDescription { + width: 100%; + } + #registrationDescription { + width: 100%; + } + +} +/*@media screen and (max-width: 720px) { + #branding { + width: 100%; + } + ul#main-nav { + width: 100%; + } + #wrapper-content { + width: 95%; + padding-top: 5px; + } h1.vivo-logo { background-size: 100%; top: 55px; } - -} + #querybuilder-container { + width: 100%; + } + #custom-search { + width: 80%; + } + #switch-to-extended-searchform { + width: 80%; + } +}*/