MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 23 Wiki Activity

[Trunk | Explore]: explore-custom.css: Custom classes for elements inside ".offcanvas-white" class (used in search filters for small screens). 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@58147 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-02-26 14:37:26 +00:00
parent 350cfe191b
commit f98994c62b
1 changed files with 74 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
explore/src/assets/explore-custom.css
View File

@ -234,3 +234,77 @@
color: white; color: white;
} }
.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 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 {
border-bottom: 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, .offcanvas-white input[type="radio"]:not([class*="uk-"]):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%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;;
}
.offcanvas-white input[type="radio"]:not([class*="uk-"]):checked {
background-color: #222080 !important;;
border-color: transparent !important;;
}
.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"]:not([class*="uk-"]) {
border: 1px solid #d4d4d4 !important;;
}
.offcanvas-white .uk-button-default {
background-color: #fff !important;
color: #222080 !important;
border: 1px solid #222080 !important;
}
.offcanvas-white .uk-button-default:hover {
background-color: #222080 !important;
color: #fff !important;
border-color: #222080 !important;
}