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

Changed right search styles for all screen resolutions.

Browse source
This commit is contained in:
Svetlana Rastegina 2021-02-19 17:45:30 +01:00 • committed by Georgy Litvinov
parent 4a434bc2d4
commit 524b7215ad
1 changed files with 79 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2318,6 +2318,35 @@ button.collapsible.active:focus {
.bibliography {
padding-left: 40px;
}
.rubrics >div#wrapper-content {
margin-top: 60px;
}
.issues >div#wrapper-content {
margin-top: 60px;
}
.people >div#wrapper-content {
margin-top: 60px;
}
.rubrics >div#searchRightpanel >section#search {
justify-content: center;
}
.rubrics >div#searchRightpanel > section#search > div.search-form-container {
width: 100%;
justify-content: center;
}
.rubrics >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
justify-content: center;
}
.issues >div#searchRightpanel >section#search {
justify-content: center;
}
.issues >div#searchRightpanel > section#search > div.search-form-container {
width: 100%;
justify-content: center;
}
.issues >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
justify-content: center;
}
/* -------------------------------------------------> */
/* SCREEN RESOLUTION --------------------------------> */
@ -2334,11 +2363,17 @@ button.collapsible.active:focus {
width: 90%;
}
#switch-to-extended-searchform {
width: 80%;
width: 50%;
}
#querybuilder-container {
width: 70%;
}
.elenph_articles >div#searchRightpanel {
width: 90%;
}
.excerpts >div#searchRightpanel {
width: 90%;
}
}
@media screen and (max-width: 1300px) {
#branding {
@ -2365,6 +2400,18 @@ button.collapsible.active:focus {
ul#browse-classes {
width: 24%;
}
.elenph_articles >div#searchRightpanel {
width: 95%;
}
.excerpts >div#searchRightpanel {
width: 95%;
}
.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 70%;
}
.excerpts > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 70%;
}
}
@media screen and (max-width: 1100px) {
@ -2380,6 +2427,15 @@ button.collapsible.active:focus {
ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
background: none;
}
.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 80%;
}
.excerpts >div#searchRightpanel {
width: 95%;
}
.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 80%;
}
}
@media screen and (max-width: 900px) {
h1.vivo-logo {
@ -2502,7 +2558,7 @@ button.collapsible.active:focus {
line-height: 1.3em;
}
#menupage-intro h2 {
padding-bottom: 5px;
padding-bottom: 15px;
}
ul#alpha-browse-individuals {
font-size: 1rem;
@ -2510,6 +2566,15 @@ button.collapsible.active:focus {
ul#alpha-browse-individuals a {
padding-left: 1px;
}
.rubrics > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 80%;
}
.excerpts > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
width: 80%;
}
.excerpts >div#searchRightpanel {
width: 95%;
}
}
@media screen and (max-width: 720px) {
@ -2541,4 +2606,16 @@ button.collapsible.active:focus {
font-size: 0.8rem;
line-height: 1.2em;
}
.elenph_articles >div#searchRightpanel {
width: 95%;
}
.elenph_articles #searchRightpanel > section#search > div.search-form-container {
width: 70%;
}
.excerpts >div#searchRightpanel {
width: 95%;
}
.excerpts >div#searchRightpanel > section#search > div.search-form-container {
width: 80%;
}
}