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

173 lines
4.6 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/inter/static/");
/* Inter */
@font-face { font-family: "inter"; font-style: normal; font-weight: 100; src: url("@{font-url}Inter-Thin-thin.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "inter"; font-style: normal; font-weight: 300; src: url("@{font-url}Inter-Light.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "inter"; font-style: normal; font-weight: 400; src: url("@{font-url}Inter-Regular.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "inter"; font-style: normal; font-weight: 600; src: url("@{font-url}Inter-SemiBold.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "inter"; font-style: normal; font-weight: 700; src: url("@{font-url}Inter-Bold.ttf") format('truetype'); font-display: swap}
@font-face { font-family: "inter"; font-style: normal; font-weight: 900; src: url("@{font-url}Inter-Black.ttf") format('truetype'); font-display: swap}
@global-font-family: 'Inter', sans-serif;
@eosc-color: #010F87;
@eosc-light-color: #3D4DB6;
@eosc-dark-color: #000745;
//@eosc-secondary-color: #2255A4;
@eosc-secondary-color: #000745;
@eosc-default-background: #F2F2F2;
@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-primary-background: @eosc-color;
@global-secondary-background: @eosc-secondary-color;
@general-search-form-background: @eosc-color;
@base-body-background: @eosc-default-background;
//@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;
// }
//}
//.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;
}
#searchImage{
background: url('https://marketplace.eosc-portal.eu/packs/media/images/eosc-logo-mono-65a4962b88cf1caa9e35838e33022ca8.png') no-repeat center left;
width: 203px;
height: 69px;
background-size: 203px 79px;
}
.search-results-container {
background-color: white;
border-radius: 25px;
}
.uk-button-primary {
background-image: none;
}
//
//.contentbox {
// display: block;
// position: relative;
//}
//
//.contentbox > div {
// width: 58%;
// display: flex;
// flex-direction: column;
// justify-content: center;
//}
//
//.contentbox > div > div {
// width: 90%;
//}
//
//aside {
// background: transparent;
// position: absolute;
// top: -25px;
// right: -100px;
// width: 68%;
//
// display: block;
//}
//
//.contentbox img {
// max-width: 100%;
// min-width: 45%;
// height: auto;
//}
//
//@media (max-width: 576px) {
// .contentbox {
// display: flex;
// flex-direction: column-reverse;
// }
//}
//
//@media (max-width: 991px) {
// .contentbox {
// flex-direction: column;
// align-items: normal;
// }
//}
//
//@media (max-width: 1120px) {
// .contentbox > div {
// width: 100%;
// }
//}
//
//@media (max-width: 576px) {
// .contentbox > div > div {
// width: 100%;
// }
//}
//
//@media (max-width: 576px) {
// .contentbox aside {
// position: relative;
// width: 100%;
// right: auto;
// }
//}