openaire-assets/library-css/search.css

262 lines
7.6 KiB
CSS

:root {
--search-form-background: var(--secondary-color);
--search-form-background-image: none;
}
.search-form {
background-color: var(--search-form-background);
background-image: var(--search-form-background-image);
}
.blur-background {
background-color: var(--default-color);
}
.blur-background {
background: rgba(var(--default-color-rgb), 0.80);
}
/* OLD */
/*ul.recentyears {
padding-left: 0 !important;
display: inline-flex;
vertical-align: middle;
flex-wrap: nowrap;
}
.recentyears.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
margin-right: 10px !important;
border-left: 1px solid var(--portal-main-color) !important;
}
.recentyears.uk-subnav > * {
padding-left: 10px;
flex: inherit;
}
.recentyears.uk-subnav > *:nth-child(1) {
padding-left: 0 !important;
}
search-bar .entitiesSelection {
max-width: 115px;
border: solid 1px var(--portal-main-color) !important;
background: white !important;
color: var(--portal-main-color);
}
search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value {
color: var(--portal-main-color) !important;
}
.searchFormMinHeight {
min-height: 400px;
}
.search-results {
min-height: 600px;
}
.search-results li {
padding-top: 15px !important;
}
.search-results li .uk-card {
padding: 15px 30px;
}
.search-results li .type {
color: var(--portal-main-color);
opacity: 0.8;
}
.other-results {
min-height: 300px;
}
.searchPaging {
min-height: 46px;
font-size: 14px;
}
.uk-pagination > * > * {
font-family: "Open Sans", sans-serif;
}
.quickSelectionsBox {
border: 1px solid #E6E6E6;
border-top: 0;
background-color: white;
}
.selectedFilterLabel {
background-color: #E5E5E5;
border-color: #E5E5E5;
border-radius: 5px;
color: inherit;
line-height: 15px;
padding: 6px 10px;
}
.selectedFilterLabel.customFilterLabel {
color: var(--portal-main-color);
}
.searchFilterItem {
margin-bottom: 5px;
}
.entitiesSelection {
width: 150px;
padding: 10px;
display: inline-block
}
.text-input-box {
border: 1px solid #DFE1E5 !important;
}
.searchFilterTitle {
!* text-decoration-color: var(--portal-main-color);
text-decoration: underline; *!
border-bottom: 1px solid var(--portal-main-color) !important;
padding: 5px 0;
color: var(--portal-main-color);
}
.offcanvas-white {
background: white !important;
color: inherit !important;
}
.offcanvas-white .uk-close, .offcanvas-white .uk-close:hover,
.offcanvas-white a:not([class*="portal-link"]) {
color: inherit !important;
}
.offcanvas-white a:not([class*="portal-link"]):hover {
color: #222080 !important;
}
.offcanvas-white h4, .offcanvas-white .uk-h4, .offcanvas-white h6, .offcanvas-white .uk-h6 {
color: #1a1a1a !important;
}
.offcanvas-white h5 {
font-size: 18px !important;
line-height: 1.4 !important;
color: #1a1a1a !important;
font-family: 'Open Sans', sans-serif !important;
}
.offcanvas-white .uk-text-muted {
color: #bfbfbf !important;
}
.offcanvas-white .uk-input:not(.text-input-box) {
background: #fff !important;
color: #666 !important;
}
.offcanvas-white .text-input-box {
border: 1px solid #ededed !important;
background: #fff !important;
color: #666 !important;
}
.offcanvas-white .uk-input::placeholder {
color: #bfbfbf !important;
}
.offcanvas-white .uk-select:not([multiple]):not([size]) {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
background-repeat: no-repeat !important;
background-position: 100% 50% !important;
border-bottom: 1px solid !important;;
border-color: #ededed !important;
color: #666 !important;
}
.offcanvas-white .uk-input:focus, .offcanvas-white .uk-select:not([multiple]):not([size]):focus {
background-color: #fff !important;
color: #666 !important;
border-color: #222080 !important;
}
.offcanvas-white .uk-radio:checked:not(:disabled), .offcanvas-white input[type="radio"]:checked:not(:disabled) {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
offcanvas-white .uk-radio:disabled:checked, offcanvas-white input[type="radio"]:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23bfbfbf%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.offcanvas-white .uk-checkbox:checked:not(:disabled), .offcanvas-white input[type="checkbox"]:checked:not(:disabled) {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}
.offcanvas-white .uk-checkbox:disabled:checked, .offcanvas-white input[type="checkbox"]:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23bfbfbf%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}
.offcanvas-white input[type="radio"]:checked:not(:disabled),
.offcanvas-white input[type="checkbox"]:checked:not(:disabled) {
background-color: #222080 !important;;
border-color: transparent !important;;
}
.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"],
.offcanvas-white .uk-checkbox, .offcanvas-white input[type="checkbox"] {
border: 1px solid #d4d4d4 !important;;
}
.offcanvas-white .uk-radio:disabled, .offcanvas-white .uk-checkbox:disabled {
background-color: #f9f9f9 !important;
border-color: #ededed !important;
}
.offcanvas-white .uk-button-default:not(:disabled) {
background-color: #fff !important;
color: #222080 !important;
border: 1px solid #222080 !important;
}
.offcanvas-white .uk-button-default:hover:not(:disabled) {
background-color: #222080 !important;
color: #fff !important;
border-color: #222080 !important;
}
.offcanvas-white .uk-button-default:disabled {
color: #bfbfbf !important;
border: 1px solid #ededed !important;
}
!* Advanced Search Form*!
.advancedSearchFormBackground {
background-repeat: no-repeat !important;
background-size: 100% 320px;
height: auto !important;
}
.advancedSearchForm {
!*box-shadow: 0 1px 10px #444444;*!
background-color: white;
border: 1px solid #ccc;
}
.advancedSearchForm .uk-icon-button {
fill: #296EE9 !important;
}
!* Autocomplete *!
.custom-autocomplete .uk-nav-autocomplete > li > a:hover {
background: #00a8e6 none repeat scroll 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
color: #FFF;
outline: medium none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.custom-autocomplete .uk-nav-navbar > li > a {
color: #444;
}*/