litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added settings for adaptive designe.

Browse source
This commit is contained in:
Svetlana Rastegina 2021-02-09 14:57:39 +01:00 • committed by Georgy Litvinov
parent 9fa7579a0d
commit 54b63d883d
1 changed files with 85 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
webapp/src/main/webapp/themes/iph/css/iph.css
View file

@ -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%;
}
}*/