add aileron fonts, add more css files, update current css, comment css not needed for now
argirok
2 years ago
parent
82b0fca623
commit
e76ef02454
@ -0,0 +1,29 @@
|
||||
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 100; src: url("../media/fonts/aileron/aileron-thinitalic.eot"); src: url("../media/fonts/aileron/aileron-thinitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thinitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thinitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-thinitalic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 100; src: url("../media/fonts/aileron/aileron-thin.eot"); src: url("../media/fonts/aileron/aileron-thin.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thin.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thin.woff") format('woff'), url("../media/fonts/aileron/aileron-thin.ttf") format('truetype'); }
|
||||
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 300; src: url("../media/fonts/aileron/aileron-lightitalic.eot"); src: url("../media/fonts/aileron/aileron-lightitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-lightitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-lightitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-lightitalic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 300; src: url("../media/fonts/aileron/aileron-light.eot"); src: url("../media/fonts/aileron/aileron-light.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-light.woff2") format('woff2'), url("../media/fonts/aileron/aileron-light.woff") format('woff'), url("../media/fonts/aileron/aileron-light.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 400; src: url("../media/fonts/aileron/aileron-italic.eot"); src: url("../media/fonts/aileron/aileron-italic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-italic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-italic.woff") format('woff'), url("../media/fonts/aileron/aileron-italic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 400; src: url("../media/fonts/aileron/aileron-regular.eot"); src: url("../media/fonts/aileron/aileron-regular.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-regular.woff2") format('woff2'), url("../media/fonts/aileron/aileron-regular.woff") format('woff'), url("../media/fonts/aileron/aileron-regular.ttf") format('truetype'); }
|
||||
|
||||
/*
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 500; src: url("../media/fonts/aileron/aileron-mediumitalic.eot"); src: url("../media/fonts/aileron/aileron-mediumitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-mediumitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-mediumitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-mediumitalic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 500; src: url("../media/fonts/aileron/aileron-medium.eot"); src: url("../media/fonts/aileron/aileron-medium.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-medium.woff2") format('woff2'), url("../media/fonts/aileron/aileron-medium.woff") format('woff'), url("../media/fonts/aileron/aileron-medium.ttf") format('truetype'); }
|
||||
*/
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 700; src: url("../media/fonts/aileron/aileron-bolditalic.eot"); src: url("../media/fonts/aileron/aileron-bolditalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-bolditalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-bolditalic.woff") format('woff'), url("../media/fonts/aileron/aileron-bolditalic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 700; src: url("../media/fonts/aileron/aileron-bold.eot"); src: url("../media/fonts/aileron/aileron-bold.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-bold.woff2") format('woff2'), url("../media/fonts/aileron/aileron-bold.woff") format('woff'), url("../media/fonts/aileron/aileron-bold.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 900; src: url("../media/fonts/aileron/aileron-blackitalic.eot"); src: url("../media/fonts/aileron/aileron-blackitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-blackitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-blackitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-blackitalic.ttf") format('truetype'); }
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 900; src: url("../media/fonts/aileron/aileron-black.eot"); src: url("../media/fonts/aileron/aileron-black.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-black.woff2") format('woff2'), url("../media/fonts/aileron/aileron-black.woff") format('woff'), url("../media/fonts/aileron/aileron-black.ttf") format('truetype'); }
|
||||
|
||||
@ -1,5 +1,12 @@
|
||||
@import "fonts.css";
|
||||
@import "theme.css";
|
||||
@import "theme.update.css";
|
||||
@import "structure/text.css";
|
||||
|
||||
@import "structure/variables.css";
|
||||
@import "structure/button.css";
|
||||
@import "structure/link.css";
|
||||
@import "structure/background.css";
|
||||
|
||||
@import "openaire.css";
|
||||
|
||||
|
||||
@ -0,0 +1,852 @@
|
||||
@import url("https://use.typekit.net/dwa4ieu.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
|
||||
|
||||
:root {
|
||||
--main-font-family: 'Aileron';
|
||||
--secondary-font-family: 'Bitter';
|
||||
--black: #1A1A1A;
|
||||
--grey: #6E6E6E;
|
||||
--catalogue-light-purple: #AD20E7;
|
||||
--catalogue-dark-purple: #1D193C;
|
||||
--light-grey: #F9F9F9;
|
||||
--dark-grey: #2B2B2B;
|
||||
--eosc-blue: #3A75AB;
|
||||
--openaire-light-blue: #3086ED;
|
||||
--default-element-bg: #DEDEDE;
|
||||
|
||||
|
||||
--grey-900: #2C2C2C;
|
||||
--grey-700: #6E6E6E;
|
||||
|
||||
|
||||
--primary-color: #1D193C;
|
||||
/*--primary-color: #AD20E7;*/
|
||||
--link-color: #2D72D6;
|
||||
--link-hover-color: #3665ab;
|
||||
--breadcrumb-active-color: #4687E6;
|
||||
--button-primary-hover-background-color: #9FCC52;
|
||||
--button-secondary-color: #fff;
|
||||
--button-secondary-background-color: #3086ED;
|
||||
--button-secondary-hover-background-color: #0053ba;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--main-font-family), sans-serif !important;
|
||||
color: var(--black) !important;
|
||||
background-color: var(--light-grey) !important;
|
||||
font-size: 16px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.uk-section-default {
|
||||
background-color: var(--light-grey) !important;
|
||||
}
|
||||
|
||||
.uk-section-secondary {
|
||||
background-color: var(--catalogue-dark-purple);
|
||||
color: var(--light-grey);
|
||||
/*background-color: #fafafa;*/
|
||||
/*color: #424242 !important;*/
|
||||
}
|
||||
|
||||
.uk-section-primary {
|
||||
/*background-color: #222080;*/
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.uk-padding-xlarge {
|
||||
padding: 100px;
|
||||
}
|
||||
|
||||
.uk-background-default {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.uk-text-normal {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.uk-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* ========================================================================
|
||||
Margins
|
||||
========================================================================== */
|
||||
|
||||
.uk-margin-xlarge-top {
|
||||
margin-top: 100px !important;
|
||||
}
|
||||
|
||||
.uk-margin-xlarge-bottom {
|
||||
margin-bottom: 100px !important;
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Color and Typography
|
||||
========================================================================== */
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--grey-900);
|
||||
/*text-align: left;*/
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font: normal normal 600 66px/83px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font: normal normal 600 52px/65px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font: normal normal 600 41px/51px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font: normal normal 600 32px/40px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font: normal normal 600 26px/33px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font: normal normal 600 20px/27px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
.h1-subHeader {
|
||||
color: var(--catalogue-light-purple);
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 20px/27px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.h2-subHeader-blue {
|
||||
color: var(--eosc-blue);
|
||||
/*text-align: left;*/
|
||||
font: normal normal 600 20px/27px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.h5-subheader {
|
||||
color: var(--catalogue-light-purple);
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 16px/24px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
h1 {
|
||||
font: normal normal 600 41px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font: normal normal 600 36px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font: normal normal 600 23px var(--main-font-family) !important;
|
||||
}
|
||||
|
||||
.h1-subHeader {
|
||||
font: normal normal normal 18px var(--main-font-family);
|
||||
}
|
||||
|
||||
.h2-subHeader-blue {
|
||||
font: normal normal 600 18px var(--main-font-family);
|
||||
}
|
||||
}
|
||||
|
||||
p.x-large-text {
|
||||
/*color: var(--black);*/
|
||||
font: normal normal normal 27px/34px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
p.big-text {
|
||||
/*color: var(--black);*/
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 22px/29px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
p.big-text-header {
|
||||
/*color: var(--black);*/
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 27px/41px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
p.regular-text {
|
||||
/*color: var(--black);*/
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 16px/24px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
dt {
|
||||
color: var(--black);
|
||||
/*text-align: left;*/
|
||||
font: normal normal bold 16px/24px var(--main-font-family);
|
||||
letter-spacing: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
dd {
|
||||
color: var(--black);
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 14px/22px Aileron;
|
||||
letter-spacing: 0.14px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.uk-text-primary {
|
||||
color: var(--catalogue-light-purple) !important;
|
||||
}
|
||||
|
||||
.line-clamp {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Divider
|
||||
========================================================================== */
|
||||
|
||||
hr {
|
||||
border: 1px solid var(--default-element-bg);
|
||||
}
|
||||
|
||||
.browse-dropdown-menu hr {
|
||||
border: 2px solid var(--default-element-bg);
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
.eosc-link.uk-link, a.eosc-link {
|
||||
color: var(--eosc-blue);
|
||||
}
|
||||
|
||||
/*a {*/
|
||||
/*color: var(--catalogue-light-purple) !important;*/
|
||||
/*text-decoration: none !important;*/
|
||||
/*}*/
|
||||
|
||||
/*a:hover {*/
|
||||
/*color: var(--openaire-light-blue) !important;*/
|
||||
/*text-decoration: none !important;*/
|
||||
/*}*/
|
||||
|
||||
/* ========================================================================
|
||||
Buttons
|
||||
========================================================================== */
|
||||
|
||||
.uk-button {
|
||||
/*font: normal normal bold 12px/15px var(--main-font-family);*/
|
||||
/*letter-spacing: 0px;*/
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.uk-card-media {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.uk-button-text {
|
||||
text-transform: uppercase;
|
||||
color: var(--catalogue-light-purple);
|
||||
font: normal normal normal 16px/92px var(--main-font-family);
|
||||
letter-spacing: -0.4px;
|
||||
}
|
||||
|
||||
.uk-button-text::before {
|
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23AD20E7%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23AD20E7%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
||||
}
|
||||
|
||||
.uk-button-text.eosc-link::before {
|
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233A75AB%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%233A75AB%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
||||
}
|
||||
|
||||
.uk-button-text:hover {
|
||||
color: var(--openaire-light-blue);
|
||||
}
|
||||
|
||||
.uk-button-text:focus::before, .uk-button-text:hover::before {
|
||||
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233086ED%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%233086ED%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
||||
}
|
||||
|
||||
.uk-button-primary {
|
||||
background: transparent linear-gradient(254deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
||||
/*font: normal normal bold 12px/15px var(--main-font-family);*/
|
||||
border-radius: 60px;
|
||||
opacity: 1;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.uk-button-primary:hover {
|
||||
background: transparent linear-gradient(254deg, var(--catalogue-light-purple) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
||||
}
|
||||
|
||||
.uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary {
|
||||
color: var(--catalogue-light-purple);
|
||||
}
|
||||
|
||||
.uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover {
|
||||
background-color: #fff;
|
||||
color: var(--grey);
|
||||
}
|
||||
|
||||
.uk-button-default {
|
||||
text-transform: uppercase;
|
||||
color: var(--catalogue-light-purple);
|
||||
}
|
||||
|
||||
.uk-button-default:hover {
|
||||
text-transform: uppercase;
|
||||
color: var(--grey);
|
||||
}
|
||||
|
||||
.uk-button-secondary {
|
||||
text-transform: uppercase;
|
||||
border: 1px solid var(--catalogue-light-purple);
|
||||
color: var(--catalogue-light-purple);
|
||||
}
|
||||
|
||||
.uk-button-secondary:hover {
|
||||
background: transparent linear-gradient(254deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
a.uk-button {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
a.uk-icon-button {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.uk-button-blue {
|
||||
background: var(--openaire-light-blue) 0 0 no-repeat padding-box;
|
||||
font: normal normal bold 12px/15px var(--main-font-family);
|
||||
border-radius: 60px;
|
||||
opacity: 1;
|
||||
text-transform: uppercase;
|
||||
padding: 12px 30px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Menus
|
||||
========================================================================== */
|
||||
|
||||
.uk-navbar-dropbar {
|
||||
background-color: #fff;
|
||||
color: var(--dark-grey);
|
||||
}
|
||||
|
||||
.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {
|
||||
padding: 20px 0;
|
||||
color: var(--dark-grey);
|
||||
font: normal normal normal 16px/24px Aileron;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.default-menu-item {
|
||||
font: normal normal normal 14px/22px var(--main-font-family) !important;
|
||||
text-transform: capitalize !important;
|
||||
color: var(--black) !important;
|
||||
text-align: left !important;
|
||||
letter-spacing: 0.14px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.browse-dropdown-menu .services a {
|
||||
color: var(--black) !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.browse-dropdown-menu .services a:hover {
|
||||
color: var(--openaire-light-blue) !important;
|
||||
}
|
||||
|
||||
.help-section a {
|
||||
color: var(--catalogue-light-purple) !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.help-section a:hover {
|
||||
color: var(--openaire-light-blue) !important;
|
||||
}
|
||||
|
||||
/*.service-menu {*/
|
||||
/*margin-top: -10px;*/
|
||||
/*}*/
|
||||
|
||||
.service-menu .uk-navbar-container {
|
||||
background-color: var(--catalogue-dark-purple);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.service-menu > .uk-active {
|
||||
background-color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.service-menu-item {
|
||||
font: normal normal normal 14px/22px var(--main-font-family) !important;
|
||||
text-transform: capitalize !important;
|
||||
color: #fff !important;
|
||||
text-align: left !important;
|
||||
letter-spacing: 0.14px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.service-menu > .uk-active .service-menu-item {
|
||||
color: var(--black) !important;
|
||||
}
|
||||
|
||||
.uk-active > .service-menu-item {
|
||||
font: normal normal 600 14px/22px var(--main-font-family) !important;
|
||||
color: var(--catalogue-light-purple) !important;
|
||||
text-decoration-line: underline !important;
|
||||
text-underline-offset: 5px;
|
||||
text-decoration-thickness: 1.5px;
|
||||
}
|
||||
|
||||
a.service-menu-item:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.service-menu > .uk-active .uk-active > .service-menu-item {
|
||||
color: var(--catalogue-light-purple) !important;
|
||||
}
|
||||
|
||||
.service-menu > :not(.uk-active) .uk-navbar-left {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.uk-navbar-nav > li.uk-active > a::before, .uk-navbar-nav > li:hover > a::before {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.uk-navbar-nav > li > a::before {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) {
|
||||
background: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.uk-navbar-toggle, .uk-navbar-toggle:focus {
|
||||
color: var(--grey-900);
|
||||
}
|
||||
|
||||
.help-section {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.service-tabs.uk-tab {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
background: var(--catalogue-dark-purple);
|
||||
padding-bottom: 15px;
|
||||
padding-top: 10px;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.service-tabs.uk-tab > .uk-active > a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.service-tabs.uk-tab > .uk-active > a {
|
||||
color: var(--catalogue-light-purple) !important;
|
||||
}
|
||||
|
||||
.service-tabs.uk-tab > * > a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.service-tabs.uk-tab > li:not(.uk-active) > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#tm-mobile {
|
||||
overflow-y: scroll;
|
||||
overscroll-behavior: contain;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.tm-mobile-background {
|
||||
z-index: 3;
|
||||
display: none;
|
||||
padding-top: 100px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ========================================================================
|
||||
Cards
|
||||
========================================================================== */
|
||||
|
||||
.uk-card .el-meta {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
.uk-card-default {
|
||||
background: var(--light-grey) 0 0 no-repeat padding-box;
|
||||
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);*/
|
||||
border-radius: 6px;
|
||||
opacity: 1;
|
||||
color: var(--black);
|
||||
font: normal normal normal 16px/22px var(--main-font-family);
|
||||
letter-spacing: 0.14px;
|
||||
}
|
||||
|
||||
.uk-card-default .uk-card-title {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.uk-card-primary {
|
||||
background: transparent linear-gradient(213deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0% 0% no-repeat padding-box;
|
||||
}
|
||||
|
||||
.uk-card-default.uk-card-hover:hover {
|
||||
background: var(--light-grey) 0 0 no-repeat padding-box;
|
||||
}
|
||||
|
||||
.service-list-card {
|
||||
font: normal normal normal 14px/22px var(--main-font-family);
|
||||
}
|
||||
/*.card-icon-no-button {*/
|
||||
/**/
|
||||
/*}*/
|
||||
|
||||
/*.insight-info-card {*/
|
||||
/*background: var(--light-grey) 0 0 no-repeat padding-box;*/
|
||||
/*border-radius: 6px;*/
|
||||
/*opacity: 1;*/
|
||||
/*}*/
|
||||
|
||||
/* ========================================================================
|
||||
Pricing
|
||||
========================================================================== */
|
||||
|
||||
|
||||
|
||||
/* ========================================================================
|
||||
Sliders
|
||||
========================================================================== */
|
||||
|
||||
.uk-slideshow-items > .uk-active {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.uk-dotnav > * > * {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: var(--catalogue-light-purple) !important;
|
||||
opacity: 0.4;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.uk-dotnav > .uk-active > * {
|
||||
background-color: var(--catalogue-light-purple) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider-image {
|
||||
|
||||
}
|
||||
|
||||
.slider-text {
|
||||
position: relative;
|
||||
/*left: -70px;*/
|
||||
}
|
||||
|
||||
.slider-bold-background-header {
|
||||
text-align: left;
|
||||
font: normal normal bold 229px/286px Bitter;
|
||||
letter-spacing: 0px;
|
||||
color: #211F7E;
|
||||
opacity: 0.03;
|
||||
position: absolute;
|
||||
top: -80px;
|
||||
left: -80px;
|
||||
white-space: nowrap;
|
||||
overflow: clip;
|
||||
z-index: -10;
|
||||
}
|
||||
|
||||
.slider-header {
|
||||
color: var(--black);
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 45px/56px var(--secondary-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider-description {
|
||||
color: var(--grey);
|
||||
/*text-align: left;*/
|
||||
font: normal normal normal 16px/24px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/* ========================================================================
|
||||
Component: Footer
|
||||
========================================================================== */
|
||||
|
||||
.footerSection {
|
||||
text-align: left;
|
||||
font: normal normal 300 12px/20px var(--main-font-family);
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.footerLink {
|
||||
font: normal normal normal 16px/21px var(--main-font-family);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.newsletter-link {
|
||||
font: normal normal 600 19px/26px Open Sans;
|
||||
}
|
||||
|
||||
|
||||
/* ========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
.uk-tab-left > * > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.uk-input:not([class*="menuSearch"]) {
|
||||
background-color: #fff;
|
||||
border: 1px solid var(--default-element-bg);
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ng-select {
|
||||
background-color: #fff;
|
||||
border: 1px solid var(--default-element-bg);
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Pagination
|
||||
========================================================================== */
|
||||
|
||||
.uk-pagination > * > * {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.uk-pagination > li.uk-active > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
Search
|
||||
========================================================================== */
|
||||
|
||||
.refineOption > input {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
background: #FFFFFF 0% 0% no-repeat padding-box;
|
||||
box-shadow: inset 0px 1px 3px #00000026 !important;
|
||||
border: 0.5px solid #D4D4D5;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.menuSearch {
|
||||
/*box-shadow: inset -10px -10px 13px #FFFFFFE6;*/
|
||||
border-radius: 54px;
|
||||
width: 350px;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
.menuSearchFields {
|
||||
height: 48px !important;
|
||||
background: #f7f7f7;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
a.serviceDetails {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*.serviceDetails .portfolioSection {*/
|
||||
/*width: 35px;*/
|
||||
/*background: #ececec 0% 0% no-repeat padding-box;*/
|
||||
/*}*/
|
||||
|
||||
/*.serviceDetails .portfolioSection span {*/
|
||||
/*transform: rotate(-90deg);*/
|
||||
|
||||
/*position: absolute;*/
|
||||
/*bottom: 0;*/
|
||||
/*left: 0;*/
|
||||
/*margin-left: -30px;*/
|
||||
|
||||
/*@include transform(rotate(270deg));*/
|
||||
/*@include transform-origin(0 0);*/
|
||||
/*}*/
|
||||
|
||||
.service-details-card-content {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.service-details-card-content .portfolioSection {
|
||||
/*font: bold 12px Sans-Serif;*/
|
||||
/*letter-spacing: 2px;*/
|
||||
/*text-transform: uppercase;*/
|
||||
background: #ececec;
|
||||
/*color: #fff;*/
|
||||
color: var(--grey-700);
|
||||
padding: 5px 10px;
|
||||
/*margin: 0 0 10px 0;*/
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.serviceDetails .service-details-card-content {
|
||||
/*border-left: 34px solid #ececec;*/
|
||||
/*display: flex;*/
|
||||
border-radius: 6px;
|
||||
/*padding-left: 10px;*/
|
||||
}
|
||||
|
||||
.serviceDetails .service-details-card-content .portfolioSection {
|
||||
/*!* Abs positioning makes it not take up vert space *!*/
|
||||
/*position: absolute;*/
|
||||
/*bottom: 0;*/
|
||||
/*left: -34px;*/
|
||||
|
||||
/*!* Border is the new background *!*/
|
||||
/*background: none;*/
|
||||
|
||||
/*!* Rotate from top left corner (not default) *!*/
|
||||
/*transform-origin: 0 0;*/
|
||||
/*transform: rotate(-90deg);*/
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
border-radius: 6px 0px 0px 6px;
|
||||
}
|
||||
|
||||
.serviceDetails .service-details-card-content .portfolioSection > div {
|
||||
transform: rotate(-90deg);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.serviceDetails .field-label {
|
||||
color: var(--grey);
|
||||
}
|
||||
|
||||
.serviceDetails .field-value {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.serviceDetails .service-image {
|
||||
border-radius: 6px;
|
||||
position: initial !important;
|
||||
}
|
||||
|
||||
.serviceDetails .serviceDescription,
|
||||
.serviceDetails .service-users,
|
||||
.serviceDetails .service-pricing,
|
||||
.service-details-card-content .portfolioSection {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
.serviceDetails .service-details-card-content {
|
||||
border-left: none;
|
||||
/*border-bottom: 34px solid #ececec;*/
|
||||
}
|
||||
|
||||
.serviceDetails .service-details-card-content .portfolioSection {
|
||||
/*background-color: #ececec;*/
|
||||
transform: none;
|
||||
left: 21px;
|
||||
bottom: -45px;
|
||||
width: 100%;
|
||||
border-radius: 0px 0px 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#offcanvas-filters .uk-offcanvas-bar {
|
||||
width: 100%;
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
|
||||
#offcanvas-filters .uk-offcanvas-bar .header {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
|
||||
#offcanvas-filters .uk-offcanvas-close {
|
||||
position: initial;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
:root{
|
||||
--primary-background: var(--primary-color);
|
||||
--primary-background-image: linear-gradient(51deg, var(--primary-color) 50%,var(--primary-color) 75%, var(--secondary-color) 100%);
|
||||
--primary-background-color: var(--inverse-color);
|
||||
--secondary-background: var(--secondary-color);
|
||||
--secondary-background-image: linear-gradient(51deg, var(--primary-color) 50%,var(--primary-color) 75%, var(--secondary-color) 100%);
|
||||
--secondary-background-color: var(--inverse-color);
|
||||
}
|
||||
.uk-background-primary:not(.uk-preserve-color), .uk-section-primary:not(.uk-preserve-color){
|
||||
background-color: var(--primary-background);
|
||||
background-image: var(--primary-background-image);
|
||||
color: var(--primary-background-color);
|
||||
}
|
||||
|
||||
.uk-background-secondary, .uk-section-secondary{
|
||||
background-color: var(--secondary-background);
|
||||
color: var(--secondary-background-color);
|
||||
background-image: var(--secondary-background-image);
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
:root{
|
||||
--link-color: var(--primary-color);
|
||||
--link-color-hover: var(--secondary-color);
|
||||
}
|
||||
|
||||
|
||||
.uk-link, a{
|
||||
color:var(--link-color);
|
||||
}
|
||||
|
||||
.uk-link:hover, a:hover{
|
||||
color:var(--link-color-hover);
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
|
||||
:root {
|
||||
--font-primary-color: var(--primary-color);
|
||||
--font-secondary-color: var(--secondary-color);
|
||||
|
||||
}
|
||||
.uk-text-primary{
|
||||
color: var(--font-primary-color) !important;
|
||||
}
|
||||
@ -1,5 +1,10 @@
|
||||
:root {
|
||||
--primary-color: #1D193C;
|
||||
--primary-color: #211F7E;
|
||||
--secondary-color: #3086ED;
|
||||
--inverse-color: #ffffff;
|
||||
|
||||
--explore-color: #D95F2D;
|
||||
--provide-color: #37C7E9;
|
||||
--monitor-color: #8DCA26;
|
||||
--connect-color: #EBB13E;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue