Added settings for adaptive designe.
This commit is contained in:
parent
d4885f8a81
commit
a1850f2118
1 changed files with 85 additions and 8 deletions
|
@ -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,7 +2108,75 @@ span.subclassExpandMinus {
|
|||
/* -------------------------------------------------> */
|
||||
/* SCREEN RESOLUTION --------------------------------> */
|
||||
/* -------------------------------------------------> */
|
||||
@media screen and (max-width: 720px) {
|
||||
|
||||
@media screen and (max-width: 1500px) {
|
||||
#branding {
|
||||
width: 90%;
|
||||
}
|
||||
ul#main-nav {
|
||||
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%;
|
||||
}
|
||||
|
@ -2117,10 +2185,19 @@ span.subclassExpandMinus {
|
|||
}
|
||||
#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%;
|
||||
}
|
||||
}*/
|
||||
|
|
Loading…
Add table
Reference in a new issue