Added settings for adaptive designe.

This commit is contained in:
Svetlana Rastegina 2021-02-09 14:57:39 +01:00 committed by Georgy Litvinov
parent 9fa7579a0d
commit 54b63d883d

View file

@ -481,7 +481,7 @@ h1.vivo-logo {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100px; height: 100px;
top: 30px; top: 35px;
/* left: 0; */ /* left: 0; */
background: url(../images/site-title-padding.png) center 0 no-repeat; background: url(../images/site-title-padding.png) center 0 no-repeat;
} }
@ -1019,7 +1019,7 @@ p.external-auth a.blue:hover {
/* HOME SEARCH ------> */ /* HOME SEARCH ------> */
#search-home { #search-home {
/*float: left;*/ /*float: left;*/
margin-bottom: 10px; margin-bottom: 30px;
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
display: flex; display: flex;
@ -1044,7 +1044,7 @@ p.external-auth a.blue:hover {
font-size: 22px; font-size: 22px;
margin-bottom: 15px; margin-bottom: 15px;
color: #2485AE; color: #2485AE;
padding-left: 24px; /*padding-left: 24px;*/
} }
#search-home-field { #search-home-field {
width: 483px; width: 483px;
@ -2108,19 +2108,96 @@ span.subclassExpandMinus {
/* -------------------------------------------------> */ /* -------------------------------------------------> */
/* SCREEN RESOLUTION --------------------------------> */ /* SCREEN RESOLUTION --------------------------------> */
/* -------------------------------------------------> */ /* -------------------------------------------------> */
@media screen and (max-width: 720px) {
@media screen and (max-width: 1500px) {
#branding { #branding {
width: 100%; width: 90%;
} }
ul#main-nav { 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 { #wrapper-content {
width: 95%; 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 { h1.vivo-logo {
background-size: 100%; background-size: 100%;
top: 55px; top: 55px;
} }
#querybuilder-container {
} width: 100%;
}
#custom-search {
width: 80%;
}
#switch-to-extended-searchform {
width: 80%;
}
}*/