add aileron fonts, add more css files, update current css, comment css not needed for now
This commit is contained in:
argirok
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";
|
||||
|
||||
|
|
|
|||
853
css/openaire.css
853
css/openaire.css
|
|
@ -1,852 +1,7 @@
|
|||
@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');
|
||||
/*new css overrides common to all dashboards*/
|
||||
|
||||
: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;
|
||||
/*White background */
|
||||
navbar .uk-navbar-container, bottom {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -12,6 +12,11 @@
|
|||
background-image: var(--button-primary-background-image);
|
||||
color: var(--button-primary-color);
|
||||
}
|
||||
.uk-button-primary:hover {
|
||||
background-color: var(--button-secondary-background);
|
||||
background-image: var(--button-primary-background-image);
|
||||
color: var(--button-primary-color);
|
||||
}
|
||||
|
||||
.uk-button-secondary {
|
||||
background-color: var(--button-secondary-background);
|
||||
|
|
|
|||
|
|
@ -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