litvinovg/vitro
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 f4eb098267
commit 4d47f3014b
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 { .bibliography {
padding-left: 40px; 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 --------------------------------> */ /* SCREEN RESOLUTION --------------------------------> */
@ -2334,11 +2363,17 @@ button.collapsible.active:focus {
width: 90%; width: 90%;
} }
#switch-to-extended-searchform { #switch-to-extended-searchform {
width: 80%; width: 50%;
} }
#querybuilder-container { #querybuilder-container {
width: 70%; width: 70%;
} }
.elenph_articles >div#searchRightpanel {
width: 90%;
}
.excerpts >div#searchRightpanel {
width: 90%;
}
} }
@media screen and (max-width: 1300px) { @media screen and (max-width: 1300px) {
#branding { #branding {
@ -2365,6 +2400,18 @@ button.collapsible.active:focus {
ul#browse-classes { ul#browse-classes {
width: 24%; 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) { @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 { ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
background: none; 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) { @media screen and (max-width: 900px) {
h1.vivo-logo { h1.vivo-logo {
@ -2502,7 +2558,7 @@ button.collapsible.active:focus {
line-height: 1.3em; line-height: 1.3em;
} }
#menupage-intro h2 { #menupage-intro h2 {
padding-bottom: 5px; padding-bottom: 15px;
} }
ul#alpha-browse-individuals { ul#alpha-browse-individuals {
font-size: 1rem; font-size: 1rem;
@ -2510,6 +2566,15 @@ button.collapsible.active:focus {
ul#alpha-browse-individuals a { ul#alpha-browse-individuals a {
padding-left: 1px; 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) { @media screen and (max-width: 720px) {
@ -2541,4 +2606,16 @@ button.collapsible.active:focus {
font-size: 0.8rem; font-size: 0.8rem;
line-height: 1.2em; 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%;
}
} }