faircore4eosc-explore/src/assets/eosc-custom.less

206 lines
5.2 KiB
Plaintext

/* EOSC */
//@eosc-color: #3D4DB6;
//@eosc-light-color: #E80000;
//@eosc-dark-color: #AD0000;
//@eosc-secondary-color: #AD0000;
//@eosc-default-background: #F2F2F2;
//
////@global-primary-gradient: linear-gradient(104deg, @eosc-dark-color 0%, @eosc-light-color 100%);
//@global-primary-gradient: @eosc-light-color;
//
///* Button */
//@button-primary-background: @eosc-color;
//@inverse-button-primary-background: @eosc-color;
//@button-primary-hover-background: @eosc-secondary-color;
//@button-primary-active-background: @eosc-secondary-color;
//
///* Background */
//@background-primary-background: @eosc-color;
//@background-primary-background-gradient: none;
//
///* Text */
//@text-primary-color: @eosc-color;
//
///* Label */
//@label-secondary-color: @eosc-color;
//
///* General */
//@general-tab-featured-tab: @eosc-color;
//
///* Landing */
//@landing-portal-color: @eosc-color;
//
//.search-form {
// background-color: rgba(61,77, 182);
//}
@font-url: e("/assets/media/fonts/Ubuntu/");
/* Inter */
//@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 100; src: url("@{font-url}Ubuntu-Thin-thin.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 300; src: url("@{font-url}Ubuntu-Light.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 400; src: url("@{font-url}Ubuntu-Regular.ttf") format('truetype'); font-display: swap}
//@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 600; src: url("@{font-url}Ubuntu-SemiBold.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 700; src: url("@{font-url}Ubuntu-Bold.ttf") format('truetype'); font-display: swap}
//@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 900; src: url("@{font-url}Ubuntu-Black.ttf") format('truetype'); font-display: swap}
@global-font-family: 'Ubuntu', sans-serif;
@global-large-font-size: 18px;
//#2c4797 // links
//#0a58ca // links on hover
//#2c4797 // dark (btn)
//#37bbdb // light (btn on hover)
//#ffcd02 // yellow
//#00242E // text
@eosc-base-color: #00242E;
@eosc-color: #2c4797;
@eosc-light-color: #0a58ca;
@eosc-dark-color: #1C313A;
@eosc-secondary-color: #37bbdb;
@eosc-default-background: #FFF;
@base-body-color: @eosc-base-color;
@base-heading-color: @eosc-base-color;
@primary-color: @eosc-color;
@primary-light-color: @eosc-light-color;
@primary-dark-color: @eosc-dark-color;
@secondary-color: @eosc-secondary-color;
@global-link-color: @eosc-color;
@global-link-hover-color: @eosc-light-color;
@global-primary-background: @eosc-color;
@global-secondary-background: @eosc-secondary-color;
@general-search-form-background: @eosc-color;
@base-body-background: @eosc-default-background;
@background-default-background: @eosc-default-background;
@tile-primary-background: @eosc-secondary-color;
//@global-header-height: 120px;
//.hook-search-misc() {
// .search-input {
// --search-input-border-radius: 8px;
// --search-input-icon-padding-vertical: 5px;
// --search-input-icon-color: @global-primary-background;
// }
//}
//.input-wrapper {
// &.search {
// --input-padding-vertical: 5px !important;
// }
//}
//.home {
// background: url('/assets/home/flare.svg') no-repeat center center;
//}
//.contentsection {
// background: url('/assets/home/cloud.svg') no-repeat center center;
// background-size: cover;
//}
.uk-navbar-nav > li {
text-transform: uppercase;
font-size: 16px;
}
.uk-navbar-nav > li.uk-active > a {
color: #000;
}
.home .flare {
position: absolute;
z-index: -2;
top: -500px;
left: -50px;
opacity: .6;
filter: blur(200px);
}
.home .flare > img {
max-width: 100%;
height: auto;
}
.home .artworks .decor1 {
//position: relative;
}
.home .artworks .decor1 img {
z-index: 1;
}
.home .artworks .img-box img {
//padding: 64px;
//padding-bottom: 0;
//margin: auto 0 0 0;
}
.home .artworks .img-box {
border: 1px solid @eosc-light-color;
border-radius: 42px;
width: 500px;
aspect-ratio: 1/1;
display: flex;
background: @eosc-default-background;
}
.home .artworks .decor2 {
position: relative;
left: -265px;
margin-top: -150px;
}
.home .artworks .decor2 img {
//margin: auto;
}
.home .cloudSvg {
position: absolute;
top: 80%;
width: 100%;
z-index: -1;
}
//.image-front-topbar, .search-form, #main-menu .uk-navbar-container, #main-menu-small .uk-navbar-container {
.eosc-explore-back-search-bar {
//background: @global-primary-background;
//background: #000 url(https://search.marketplace.eosc-portal.eu/top-bar-bg.d5173dd5fee84543.jpg) no-repeat !important;
background: #000 url(top-bar.svg) no-repeat !important;
position: relative;
height: 60px;
}
.search-results-container {
background-color: white;
border-radius: 25px;
}
.uk-button-primary {
background-image: none;
}
.alpha-badge > * > .badge {
position: absolute;
padding: 0 15px;
left: 0;
top: 8px;
color: crimson !important;
opacity: 0.2;
font-size: 10px;
}
.alpha-badge .badge-mobile {
position: absolute;
bottom: 2px;
left: 5px;
color: crimson !important;
opacity: 0.2;
font-size: 10px;
}