From aa57b07d060eb921ecdc3a93ba543ec1b6c9c998 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 10 Jul 2020 08:36:09 +0000 Subject: [PATCH] [Library | Trunk]: Create new css files for every functionality. Import them to library.css git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@59059 d315682c-612b-4755-9ff5-7f18f6832af3 --- library-css/breadcrumbs.scss | 23 + library-css/labels.scss | 110 ++++ library-css/landing-utils.scss | 320 ++++++++++ library-css/library.scss | 9 + library-css/material.scss | 16 + library-css/pagination.scss | 15 + library-css/portal.scss | 63 ++ library-css/search-utils.scss | 200 ++++++ library-css/tabs.scss | 96 +++ library-css/utils.scss | 60 ++ library.css | 1082 +------------------------------- 11 files changed, 915 insertions(+), 1079 deletions(-) create mode 100644 library-css/breadcrumbs.scss create mode 100644 library-css/labels.scss create mode 100644 library-css/landing-utils.scss create mode 100644 library-css/library.scss create mode 100644 library-css/material.scss create mode 100644 library-css/pagination.scss create mode 100644 library-css/portal.scss create mode 100644 library-css/search-utils.scss create mode 100644 library-css/tabs.scss create mode 100644 library-css/utils.scss diff --git a/library-css/breadcrumbs.scss b/library-css/breadcrumbs.scss new file mode 100644 index 0000000..e0c58d9 --- /dev/null +++ b/library-css/breadcrumbs.scss @@ -0,0 +1,23 @@ +.uk-breadcrumb.uk-light > * > *, +.uk-breadcrumb.uk-light > :nth-child(n+2):not(.uk-first-column)::before { + color: white !important; +} + +.uk-breadcrumb > * > * { + color: rgba(0, 0, 0, 0.60) !important; + vertical-align: top; + line-height: 25px; +} + +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "›"; + color: rgba(0, 0, 0, 0.60); + font-weight: 200; + font-size: 25px; + margin: -9px 10px; +} + +.uk-breadcrumb > :last-child > * { + font-weight: 700; + color: rgba(0, 0, 0, 0.60); +} diff --git a/library-css/labels.scss b/library-css/labels.scss new file mode 100644 index 0000000..95c8017 --- /dev/null +++ b/library-css/labels.scss @@ -0,0 +1,110 @@ +.uk-label { + border-radius: 15px; + line-height: 15px; + padding: 3px 10px; + text-transform: uppercase; + font-size: 12px; +} + +.label-community, .label-compatibility, .label-country, +.label-dataprovider, .label-dataset, .label-funder, .label-grey, +.label-language, .label-orange, .label-organization, .label-orp, +.label-other, .label-project, .label-publication, .label-sc39, +.label-software, .label-success, .label-type, .label-underCuration, .label-unknown { + background: #fff!important; + color: #666!important; + border: 1px solid #666!important; +} + +.label-green, .label-open { + background: #8ad15e; + border-color: #8ad15e; + color: #fff; +} + +.label-classified { + border-radius: 4px; + padding: 1px 8px; + background-color: #ABABAB; + color: white; + text-transform: uppercase; + margin-bottom: 5px; + margin-right: 5px; +} + +.label-blue, .label-compatibility { + background: #d4f3ff; + color: #00a0de +} + +.label-yellow, .label-underCuration { + background: #fef5d2; + color: #cca607 +} + +.label-red, .label-funder { + background: #fef0ef; + color: #f54f43 +} + +.label-grey, .label-language { + background: #f8f8f8; + color: #666; +} + +.label-country { + background: #d4f3ff; + color: #00a0de; +} + +.label-publication { + background: #4687E6; + color: #fff +} + +.label-dataset { + background: #1e906c; + color: #fff +} + +.label-software { + background: #b737ff; + color: #fff +} + +.label-orp, .label-other { + background: #f54f43; + color: #414141 !important; +} + +.label-project { + background: #d0307f; + color: #fff +} + +.label-dataprovider { + background: #00a0de; + color: #fff +} + +.label-organization { + background: #fbcd0d; + color: #414141 +} + +.label-closed { + background: #EBEBEB !important; + color: #6B6B6B !important; + border: 1px solid #DEDEDE !important; +} + +.label-danger { + color: #ff4000 !important; + border: 1px solid #666666 !important; +} + +.li-disabled .label-compatibility, .li-disabled .label-dataprovider { + background: white !important; + color: #A9A9A9 !important; + border: 1px solid #A9A9A9 !important; +} diff --git a/library-css/landing-utils.scss b/library-css/landing-utils.scss new file mode 100644 index 0000000..9e0840d --- /dev/null +++ b/library-css/landing-utils.scss @@ -0,0 +1,320 @@ +/* Landing title section*/ +.title-section h1 { + font-size: 28px; + font-weight: 400; +} + +.title-section .under-curation { + color: #DE8366; +} + +.uk-tooltip.under-curation-tooltip { + background-color: white; + display: block; + border-radius: 4px; + padding: 15px 15px 0; + border: 1px solid #DEDEDE; + color: #6c6c6c; + z-index: 10000; +} + +.uk-modal .title-section h1, .feedback-page .title-section h1 { + font-size: 18px; + font-weight: 400; +} + +/* Landing Main content*/ + +input[name="code"] { + font-family: Consolas, monaco, monospace; + font-size: .875rem; + color: #222080; + white-space: nowrap; + background: #f9f9f9; + border: 1px solid #ededed; + border-radius: 1px; +} + +.landing ul.basic-info li { + margin-bottom: 6px; +} +/* Landing Related Organizations*/ +.landing ul.organizations > li { + border: 1px solid #E8E8E8; + border-radius: 2px; + color: #A4A4A4; + padding: 10px; + width: 100%; +} + +.landing ul.organizations > li > a { + color: #000000; + font-weight: 700; +} + +.landing ul.organizations > li > a:hover { + text-decoration: underline; +} + +/* Landing Download from section*/ +.landing .download-from > div { + padding: 10px; + border-bottom: 1px solid rgba(0, 0, 0, 0.09); +} + +.landing .download-from > div:last-child { + border-bottom: none; +} + +.landing .download-from > div:hover { + background-color: #F0F0F0; + border-radius: 4px; +} + +.landing .download-from > div .title { + color: black; + word-wrap: break-word; + font-weight: 700; +} + +.landing .download-from > div a.title:hover { + text-decoration: underline; +} + +.landing .download-from .provider > a { + color: #666; + text-decoration: underline; +} + +/* Landing Relations section*/ +.landing .simple-buttons > div { + font-size: 16px; + padding: 15px 30px; + border-radius: 4px; + background-color: white; + border: 1px solid #DEDEDE; +} + +.landing .simple-buttons > div:hover { + background-color: #F0F0F0; + box-shadow: 0 1px 6px #00000033; +} + +.landing .advanced-buttons > div > div { + border-radius: 4px; + font-size: 16px; + border: 1px solid #DEDEDE; +} + +.landing .advanced-buttons > div > div:hover { + box-shadow: 0 1px 6px #00000033; +} + +.landing .advanced-buttons > div > div .header { + padding: 15px; + min-height: 60px; + color: var(--portal-main-color); + text-overflow: ellipsis; +} + +.landing .advanced-buttons > div > div .icon { + z-index: 1; + color: var(--portal-main-color); +} + +.landing .advanced-buttons > div > div .icon > svg { + width: 40px; + height: 40px; +} + +.landing .advanced-buttons > div > div .footer { + padding: 15px; + min-height: 60px; + background-color: #F0F0F0; + font-size: 24px; + color: #666; +} + +.landing .advanced-buttons > div > div:hover .footer { + color: black; +} + +.landing .left-border { + border-left: 3px solid #EBEBEB; + padding-left: 20px; +} + +.landing .sideInfoTitle { + font-weight: normal !important; + border-radius: 4px; + background-color: #F0F0F0; + color: #666; + padding: 12px; +} + +/* Progress */ +.portal-progress.uk-progress, .green-progress.uk-progress { + background-color: #F0F0F0; + height: 10px; +} + +/*firefox*/ +.portal-progress.uk-progress::-moz-progress-bar { + background-color: var(--portal-main-color); +} + +.green-progress.uk-progress::-moz-progress-bar { + background-color: #9ADC83 !important; +} + +/*chrome*/ +.portal-progress.uk-progress::-webkit-progress-value { + background-color: var(--portal-main-color); +} + +.green-progress.uk-progress::-webkit-progress-value { + background-color: #9ADC83 !important; +} + +/*internet explore & edge*/ +.portal-progress.uk-progress::-ms-fill { + background-color: var(--portal-main-color); +} + +.green-progress.uk-progress::-ms-fill { + background-color: #9ADC83 !important; +} + +/* Bioentities */ +.bioentities-buttons > div > * { + border-radius: 4px; + font-size: 16px; + font-weight: 700; + border: 1px solid #DEDEDE; + padding: 40px 0; + width: 100%; + display: inline-block; + text-align: center; + text-transform: uppercase; + color: #666; +} + +.bioentities-buttons > div > a:hover { + background-color: #F0F0F0; + color: black; + box-shadow: 0 1px 6px #00000033; +} + +/* Feedback page*/ +.feedback-page .title-section { + background-image: linear-gradient(to right, var(--portal-main-color), var(--portal-dark-color)); + padding: 15px 0; + border-radius: 4px; +} + +.feedback-page .uk-text-muted { + color: rgba(255, 255, 255, 0.7) !important; +} + +.feedback-page .form { + margin-top: 5px; + border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.2); + padding: 25px 25px 15px; +} + +.feedback-sent { + border-radius: 4px; + background-color: var(--portal-main-color); + color: white; + padding: 50px 100px; + text-align: center; +} + +.feedback-sent * { + color: white; +} + +/* B2note*/ +.b2note ul { + color: #1D3454; +} + +.b2note button { + border-radius: 500px; + border: 1px solid #DEDEDE; + line-height: 17px; + background-color: #DEDEDE; + color: #515151; + padding: 5px 15px; + text-transform: uppercase; + font-size: 12px; +} + +.b2note button:not(.disabled):hover { + box-shadow: 0 1px 6px #00000033; +} + +.b2note button.disabled { + cursor: unset; +} + +.b2note button:focus { + outline-color: transparent; +} + +.b2note ul > li { + word-wrap: break-word; +} + +.b2note ul > li > .semantic { + background-color: #22356E; + border-radius: 4px; + color: white; + font-size: 12px; + padding: 1px 9px; + text-transform: uppercase; +} + +.b2note ul > li > .keyword { + background-color: #596FB5; + border-radius: 4px; + color: white; + font-size: 12px; + padding: 1px 9px; + text-transform: uppercase; +} + +.b2note ul > li > .comment { + background-color: #AFB3D4; + border-radius: 4px; + color: white; + font-size: 12px; + padding: 1px 9px; + text-transform: uppercase; +} + +svg #statistics-bars { + fill: var(--portal-main-color); +} + +.landing-modal-header { + background: transparent linear-gradient(35deg, #FFFFFF 0%, #F0F0F0 100%) no-repeat padding-box; + padding: 20px 40px; +} + +.landing-modal .modal-title { + font-weight: bold; + font-size: 22px; + margin: 0; +} + +.square-button { + border-radius: 0; +} + +.title-grey-background { + background: transparent linear-gradient(17deg, #FFFFFF 0%, #F0F0F0 100%) no-repeat padding-box; + padding: 15px 0; + border-radius: 4px; +} diff --git a/library-css/library.scss b/library-css/library.scss new file mode 100644 index 0000000..de65f72 --- /dev/null +++ b/library-css/library.scss @@ -0,0 +1,9 @@ +@import "portal"; +@import "pagination"; +@import "labels"; +@import "utils"; +@import "search-utils"; +@import "landing-utils"; +@import "tabs"; +@import "breadcrumbs"; +@import "material"; diff --git a/library-css/material.scss b/library-css/material.scss new file mode 100644 index 0000000..4cf0032 --- /dev/null +++ b/library-css/material.scss @@ -0,0 +1,16 @@ +.matSelection .mat-select-value, .matSelection .mat-select-arrow { + color: inherit !important; +} + +.matSelection.mat-select { + padding-bottom: 4px; + border-bottom: 1px solid rgba(0, 0, 0, 0.42); +} + +.matSelection.mat-select:focus { + border-color: #222080; +} + +.matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple { + height: 0 !important; +} diff --git a/library-css/pagination.scss b/library-css/pagination.scss new file mode 100644 index 0000000..9aa148d --- /dev/null +++ b/library-css/pagination.scss @@ -0,0 +1,15 @@ +.uk-pagination > .uk-active > * , .uk-pagination > .uk-active > *:hover { + background-color: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; + border-color: var(--portal-main-color) !important; + border-radius: 500px; + line-height: 12px !important; +} + +.uk-pagination .uk-icon { + color: var(--portal-main-color) !important; +} + +.paging-hr { + border-bottom: 1px solid #E5E5E5 !important; +} diff --git a/library-css/portal.scss b/library-css/portal.scss new file mode 100644 index 0000000..e09c0a7 --- /dev/null +++ b/library-css/portal.scss @@ -0,0 +1,63 @@ +.portal-color { + color: var(--portal-main-color) !important; +} + +.portal-secondary-color { + color: var(--portal-dark-color) !important; +} + +.portal-background-color { + background-color: var(--portal-main-color) !important; +} + +.portal-background-color * { + color: var(--portal-main-contrast) !important; +} + +.portal-box { + background-color: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; + border: 1px solid var(--portal-main-color); + height: 18px; +} + +.portal-box .mat-select-value, .portal-box .mat-select-arrow { + color: var(--portal-main-contrast) !important; +} + +/* Button */ +.portal-icon-button, .portal-icon-button:hover { + background: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; + border: 1px solid var(--portal-main-color) !important; +} + +.portal-button, .portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus { + background-color: var(--portal-main-color); + color: var(--portal-main-contrast) !important; + border: 1px solid var(--portal-main-color); + background-image: none; +} + +.portal-button:hover, .portal-button:active, .portal-button:focus { + background-color: var(--portal-dark-color); + color: var(--portal-main-contrast) !important;; + border: 1px solid var(--portal-dark-color); + background-image: none; +} + +.portal-button-reverse { + background-color: var(--portal-main-contrast);; + color: var(--portal-main-color) !important;; + border: 1px solid var(--portal-main-color); + background-image: none; +} + +/* Link */ +.portal-link { + color: var(--portal-main-color) !important; +} + +.portal-link:hover { + text-decoration: underline !important; +} diff --git a/library-css/search-utils.scss b/library-css/search-utils.scss new file mode 100644 index 0000000..5044468 --- /dev/null +++ b/library-css/search-utils.scss @@ -0,0 +1,200 @@ +ul.recentyears { + padding-left: 0 !important; + display: inline-flex; + vertical-align: middle; + flex-wrap: nowrap; +} +.recentyears.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { + margin-right: 10px !important; + border-left: 1px solid var(--portal-main-color) !important; +} +.recentyears.uk-subnav>* { + padding-left: 10px; + flex: inherit; +} + +.recentyears.uk-subnav>*:nth-child(1) { + padding-left: 0 !important; +} + +search-bar .entitiesSelection{ + max-width:115px; + border: solid 1px var(--portal-main-color) !important; + background: white !important; + color: var(--portal-main-color); +} +search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value{ + color: var(--portal-main-color) !important; +} + +.searchFormMinHeight { + min-height: 400px; +} + +.search-results { + min-height: 600px; +} + +.search-results li { + padding-top: 15px !important; +} + +.other-results { + min-height: 300px; +} + +.searchPaging { + min-height: 46px; +} + +.quickSelectionsBox { + border: 1px solid #E6E6E6; + border-top: 0; + background-color: white; +} + +.selectedFilterLabel { + background-color: #E5E5E5; + border-color: #E5E5E5; + border-radius: 2px; + color: inherit; + line-height: 15px; + padding: 6px 10px; +} + +.searchFilterItem { + margin-bottom: 5px; +} + +.entitiesSelection { + width: 150px; + padding: 10px; + display: inline-block +} + +.text-input-box{ + border: 1px solid #DFE1E5 !important; +} + +.searchFilterTitle { + /* text-decoration-color: var(--portal-main-color); + text-decoration: underline; */ + border-bottom: 1px solid var(--portal-main-color) !important; + padding: 5px 0; + color: var(--portal-main-color); +} + +.offcanvas-white { + background: white !important; + color: inherit !important; +} + +.offcanvas-white .uk-close, offcanvas-white .uk-close:hover, +.offcanvas-white a:not([class*="portal-link"]) { + color: inherit !important; +} + +.offcanvas-white a:not([class*="portal-link"]):hover { + color: #222080 !important;; +} + +.offcanvas-white h5 { + font-size: 18px !important;; + line-height: 1.4 !important;; + color: #1a1a1a !important;; + font-family: 'Open Sans', sans-serif !important;; +} + +.offcanvas-white .uk-text-muted { + color: #bfbfbf !important; +} + +.offcanvas-white .uk-input:not(.text-input-box) { + border-bottom: 1px solid #ededed !important; + background: #fff !important; + color: #666 !important; +} +.offcanvas-white .text-input-box{ + border: 1px solid #ededed !important; + background: #fff !important; + color: #666 !important; +} + +.offcanvas-white .uk-input::placeholder { + color: #bfbfbf !important; +} + +.offcanvas-white .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important; + background-repeat: no-repeat !important; + background-position: 100% 50% !important; + border-bottom: 1px solid !important;; + border-color: #ededed !important; + color: #666 !important; +} + +.offcanvas-white .uk-input:focus, .offcanvas-white .uk-select:not([multiple]):not([size]):focus { + background-color: #fff !important; + color: #666 !important; + border-color: #222080 !important; +} + +.offcanvas-white .uk-radio:checked, .offcanvas-white input[type="radio"]:not([class*="uk-"]):checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;; +} + +.offcanvas-white input[type="radio"]:not([class*="uk-"]):checked { + background-color: #222080 !important;; + border-color: transparent !important;; +} + +.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"]:not([class*="uk-"]) { + border: 1px solid #d4d4d4 !important;; +} + +.offcanvas-white .uk-button-default:not(:disabled) { + background-color: #fff !important; + color: #222080 !important; + border: 1px solid #222080 !important; +} + +.offcanvas-white .uk-button-default:hover:not(:disabled) { + background-color: #222080 !important; + color: #fff !important; + border-color: #222080 !important; +} + +.offcanvas-white .uk-button-default:disabled { + color: #bfbfbf !important; + border: 1px solid #ededed !important; +} + +/* Advanced Search Form*/ +.advancedSearchFormBackground { + background-repeat: no-repeat !important; + background-size: 100% 320px; + height: auto !important; +} + +.advancedSearchForm { + /*box-shadow: 0 1px 10px #444444;*/ + background-color: white; + border: 1px solid #ccc; +} + +.advancedSearchForm .uk-icon-button { + fill: #296EE9 !important; +} + +/* Autocomplete */ +.custom-autocomplete .uk-nav-autocomplete > li > a:hover { + background: #00a8e6 none repeat scroll 0 0; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset; + color: #FFF; + outline: medium none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} + +.custom-autocomplete .uk-nav-navbar > li > a { + color: #444; +} diff --git a/library-css/tabs.scss b/library-css/tabs.scss new file mode 100644 index 0000000..c5ddf7e --- /dev/null +++ b/library-css/tabs.scss @@ -0,0 +1,96 @@ +.main-tabs .tab-header { + font-size: 12px; + text-transform: uppercase; + transition: color .1s ease-in-out; + line-height: 20px; + user-select: none; +} + +.main-tabs > li { + background-color: #F2F2F2; + border: 1px solid #DEDEDE; + z-index: 2; + max-width: 150px; +} + +.main-tabs > li.uk-active:not(.fake-tab) { + background-color: white !important; + border-bottom: 1px solid white; + border-top: 3px solid var(--portal-main-color); +} + +.main-tabs > li > a { + text-transform: capitalize; + text-align: left; + color: #7A7A7A; + border: none; +} + +.main-tabs > li:not(.uk-active):not(:hover) > a > .number { + color: #666666; +} + +.main-tabs > li > a > .number { + font-size: 18px; + line-height: 1.4; + font-family: Heebo; + font-weight: 800; +} + +.main-tabs.uk-tab > .uk-active > a, .main-tabs.uk-tab > li:hover:not(.statistics) > a { + /*border: none !important;*/ + color: var(--portal-main-color) !important; +} + +.main-tabs > li.statistics > a, .main-tabs > .uk-active.statistics > a, +.main-tabs > li.statistics svg #statistics-bars, .main-tabs > .uk-active.statistics svg #statistics-bars { + fill: #FE4A49 !important; + color: #FE4A49 !important; +} + +.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) > a, +.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) svg #statistics-bars { + fill: #FF052B !important; + color: #FF052B !important; +} + +.main-tabs.uk-tab > .uk-active.statistics > a { + background-color: #FFE6E6 !important; +} + +.main-tabs > li.uk-active.statistics { + border-top: 3px solid #FE4A49 !important; + border-bottom: 1px solid #FFE6E6; +} + +.main-tabs-content { + border: 1px solid #DEDEDE; + margin-top: -1px; + z-index: 1; + background-color: white; +} + +.main-tabs-content .content-overflow.uk-overflow-auto { + max-height: 700px; +} + +@media (min-width:960px) { + .main-tabs-content .right-column { + border-left: 1px solid #DEDEDE; + } +} + +.main-tabs-content .tab-header { + font-size: 20px; + text-transform: capitalize; + color: #707070; +} + +.white-box-with-border { + border: 1px solid #DEDEDE; + background-color: white; +} + +.white-box-with-border.uk-grid > div:not(.uk-first-column) { + border-left: 1px solid #DEDEDE; +} diff --git a/library-css/utils.scss b/library-css/utils.scss new file mode 100644 index 0000000..9eb1984 --- /dev/null +++ b/library-css/utils.scss @@ -0,0 +1,60 @@ +@media (min-width: 960px) { + .float-children-right-at-medium > * { + float: right; + } +} + +@media (max-width: 959px) { + .margin-small-top-at-small { + margin-top: 10px !important; + } +} + +.space { + margin-left: 4px; +} + +.custom-icon { + line-height: unset; +} + +.custom-external { + background: rgba(0, 0, 0, 0) url("/assets/common-assets/external-link.svg") no-repeat scroll left 10%; + min-height: 15px; + background-size: 15px 15px; + padding-left: 16px; +} + +h2 .custom-external { + min-height: 20px; + background-size: 20px 20px; + padding-left: 21px; + background: rgba(0, 0, 0, 0) url("/assets/common-assets/external-link.svg") no-repeat scroll left center; +} + +.multi-line-ellipsis p { + display: -webkit-box; + /* autoprefixer: ignore next */ + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; +} + +.multi-line-ellipsis.lines-3 p { + -webkit-line-clamp: 3; +} + +.multi-line-ellipsis.lines-10 p { + -webkit-line-clamp: 10; +} + +.iframeContainer { + overflow: hidden; + +} + +.iframeContainer iframe { + width: 100%; + height: 100%; + border: 0; +} diff --git a/library.css b/library.css index 1007e2c..2173350 100644 --- a/library.css +++ b/library.css @@ -1,3 +1,5 @@ +@import "library-css/library.scss"; + /* theme */ body { overflow: unset !important; @@ -13,21 +15,6 @@ body { min-height: 80vh; } -.custom-external { - background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left 10%; - min-height: 15px; - background-size: 15px 15px; - padding-left: 16px; -} - -h2 .custom-external { - min-height: 20px; - background-size: 20px 20px; - padding-left: 21px; - background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left center; - -} - .pseudo-external { padding-left: 16px; /*margin-bottom: 5px;*/ @@ -45,18 +32,6 @@ h2 .custom-external { min-height: 550px; } -.custom-autocomplete .uk-nav-autocomplete > li > a:hover { - background: #00a8e6 none repeat scroll 0 0; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset; - color: #FFF; - outline: medium none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -.custom-autocomplete .uk-nav-navbar > li > a { - color: #444; -} - .custom-description-list-horizontal { line-height: 200% } @@ -96,23 +71,6 @@ h2 .custom-external { user-select: none; } -.search-filters .uk-accordion-title { - font-size: 14px; - line-height: 18px; -} - -.search-results { - min-height: 600px; -} - -.searchPaging { - min-height: 46px; -} - -.searchFormMinHeight { - min-height: 400px; -} - .helper-left-right { /* margin-top: 75px; */ max-width: 20%; @@ -122,53 +80,6 @@ h2 .custom-external { margin-top: 75px; } -@media (min-width: 960px) { - .float-children-right-at-medium > * { - float: right; - } -} - -@media (max-width: 959px) { - .margin-small-top-at-small { - margin-top: 10px !important; - } -} - -.other-results { - min-height: 300px; -} - -/* "OPEN SOURCE" INCLUDED */ -.OPEN, .OPENSOURCE { - background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top; - padding-right: 25px; - min-height: 20px; - background-size: 20px 20px; - font-weight: 400; - text-transform: none; -} - - -.EMBARGO, .CLOSED, .RESTRICTED { - background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top; - padding-right: 25px; - min-height: 20px; - background-size: 20px 20px; - font-weight: 400; - text-transform: none; -} - -.UNKNOWN { - - background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top; - padding-right: 25px; - min-height: 20px; - background-size: 20px 20px; - font-weight: 400; - text-transform: none; - -} - .sc39 { background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center; padding-right: 24px; @@ -178,15 +89,6 @@ h2 .custom-external { display: inline-table; } -.dateFilter .mydp { - margin-top: 5px; -} - - -/*.tooltip { - max-width: none; - background: rgba(100, 100, 100, 1); -}*/ .tooltip-custom-font-size { font-size: 120%; } @@ -200,10 +102,6 @@ h2 .custom-external { max-width: 170px !important; } -.custom-icon { - line-height: unset; -} - /*.custom-tab-content-large{ min-height: 800px; } @@ -220,37 +118,6 @@ h2 .custom-external { height: 500px; } - -/*.filterItem span {*/ -/*display: inline-flex;*/ -/*}*/ -/*.filterItem .filterName {*/ -/*max-width: 71%;*/ - -/*}*/ -/*.browseFilters .filterItem .filterName {*/ -/*max-width: 68%;*/ -/*}*/ - -/*.filterItem .filterNumber {*/ -/*width: 20%;*/ -/*}*/ -/*.filterItem span {*/ - -/*white-space: nowrap;*/ -/*}*/ -/*.browseFilters .filterItem span div {*/ -/* !*min-width: 45px;*!*/ -/*}*/ -/*.filterItem span div {*/ -/*overflow: hidden;*/ -/*text-overflow: ellipsis;*/ -/*!*min-width: 81px;*!*/ -/*}*/ -/*.filterItem{*/ -/* margin-bottom: 5px !important;*/ -/*}*/ - .browseFilters { overflow-y: auto; overflow-x: hidden; @@ -264,17 +131,6 @@ h2 .custom-external { top: 0; } -/* .uk-link{ - color: #292C3D !important; -} */ -/*.uk-breadcrumb > :last-child > * {*/ -/* color:#cbcbcb !important;*/ -/*}*/ -/*.uk-breadcrumb .uk-active a{*/ -/* color: #767779 !important;*/ -/*}*/ - - .entityTitleIcon { background-repeat: no-repeat; content: ''; @@ -290,127 +146,6 @@ h2 .custom-external { } -/*.uk-tab{ - border-bottom: 1px #cbcbcb solid; -}*/ -.label-classified { - border-radius: 4px; - padding: 1px 8px; - background-color: #ABABAB; - color: white; - text-transform: uppercase; - margin-bottom: 5px; - margin-right: 5px; -} - -.label-blue, .label-compatibility { - background: #d4f3ff; - color: #00a0de -} - -.label-green, .label-open { - background: #8AD15E; - border-color: #8AD15E; - color: white; -} - -.label-yellow, .label-underCuration { - background: #fef5d2; - color: #cca607 -} - -.label-red, .label-funder { - background: #fef0ef; - color: #f54f43 -} - -.label-grey, .label-language { - background: #f8f8f8; - color: #666; -} - -.label-country { - background: #d4f3ff; - color: #00a0de; -} - -.label-publication { - background: #4687E6; - color: #fff -} - -.label-dataset { - background: #1e906c; - color: #fff -} - -.label-software { - background: #b737ff; - color: #fff -} - -.label-orp, .label-other { - background: #f54f43; - color: #414141 !important; -} - -.label-project { - background: #d0307f; - color: #fff -} - -.label-dataprovider { - background: #00a0de; - color: #fff -} - -.label-organization { - background: #fbcd0d; - color: #414141 -} - -.label-unknown, .label-funder, -.label-compatibility, -.label-underCuration, -.label-funder, -.label-language, -.label-country, -.label-type, -.label-orange, .label-sc39, -.label-language, .label-publication, -.label-publication, -.label-dataset, -.label-software, -.label-orp, .label-other, .label-project, .label-dataprovider, .label-organization, -.label-grey, .label-success, .label-community { - background: white !important; - color: #666666 !important; - border: 1px solid #666666 !important; -} - -/*.label-open { - background: var(--portal-main-color) !important; - color: #ffffff !important; - border: 1px solid var(--portal-main-color) !important; -}*/ - -.label-closed { - background: #EBEBEB !important; - color: #6B6B6B !important; - border: 1px solid #DEDEDE !important; -} - -.label-danger { - color: #ff4000 !important; - border: 1px solid #666666 !important; -} - -.li-disabled .label-compatibility, .li-disabled .label-dataprovider { - background: white !important; - color: #A9A9A9 !important; - border: 1px solid #A9A9A9 !important; -} - /* theme */ .uk-tab { display: -ms-flexbox; @@ -505,32 +240,6 @@ h2 .custom-external { border-bottom: 1px solid #E5E5E5; } -#feedback { - float: left; - position: fixed; - top: calc(50% - 47px); - right: 0; - z-index: 100; - display: block; - -} - -#feedback a { - background: #666 !important; - border-radius: 5px 0 0 5px; - box-shadow: none; - border: none !important; - display: block; - padding: 20px 12px; - transition: all .2s ease-in-out; - opacity: 0.5; - -} - -#feedback a:hover { - padding-right: 20px; -} - .descriptionText { /* Padding-left: 25px !important; Border-left: 10px solid #fafafa; */ @@ -679,28 +388,6 @@ dd:last-child { border-bottom: none; } -.advancedSearchFormBackground { - background-repeat: no-repeat !important; - background-size: 100% 320px; - height: auto !important; -} - -.advancedSearchForm { - /*box-shadow: 0 1px 10px #444444;*/ - background-color: white; - border: 1px solid #ccc; -} - -.advancedSearchForm .uk-icon-button { - - fill: #296EE9 !important; - -} - -.search-results li { - padding-top: 15px !important; -} - .cursor-not-allowed { cursor: not-allowed !important; } @@ -772,22 +459,6 @@ dd:last-child { white-space: nowrap; } -.multi-line-ellipsis p { - display: -webkit-box; - /* autoprefixer: ignore next */ - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; -} - -.multi-line-ellipsis.lines-3 p { - -webkit-line-clamp: 3; -} - -.multi-line-ellipsis.lines-10 p { - -webkit-line-clamp: 10; -} - .custom-accordion .uk-accordion-title { text-align: left; /* background: #f8f8fe; */ @@ -848,22 +519,6 @@ dd:last-child { border-color: #666 !important; } -.searchFilterTitle { - /* text-decoration-color: var(--portal-main-color); - text-decoration: underline; */ - border-bottom: 1px solid var(--portal-main-color) !important; - padding: 5px 0; - color: var(--portal-main-color); -} - -.sideInfoTitle { - font-weight: normal !important; - border-radius: 4px; - background-color: #F0F0F0; - color: #666; - padding: 12px; -} - /* theme */ .uk-navbar-container { padding-top: 0px !important; @@ -881,83 +536,6 @@ dd:last-child { margin-top: 0px !important; } -/* theme */ -.uk-pagination > .uk-active > * { - background-color: var(--portal-main-color) !important; - color: var(--portal-main-contrast) !important; - border-color: var(--portal-main-color) !important; - border-bottom-color: var(--portal-main-color) !important; - border-radius: 500px; - line-height: 12px !important; -} - -.portal-color { - color: var(--portal-main-color) !important; -} - -.portal-secondary-color { - color: var(--portal-dark-color) !important; -} - -.portal-background-color { - background-color: var(--portal-main-color) !important; -} - -.portal-background-color * { - color: var(--portal-main-contrast) !important; -} - -.portal-button, .portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus { - - background-color: var(--portal-main-color); - color: var(--portal-main-contrast); - border: 1px solid var(--portal-main-color); - background-image: none; - -} - -.portal-button:hover, .portal-button:active, .portal-button:focus { - background-color: var(--portal-dark-color); - color: var(--portal-main-contrast); - border: 1px solid var(--portal-dark-color); - background-image: none; - -} - -.portal-button-reverse { - background-color: var(--portal-main-contrast);; - color: var(--portal-main-color); - border: 1px solid var(--portal-main-color); - background-image: none; -} - -.portal-link { - color: var(--portal-main-color) !important; - /*text-decoration: underline !important;*/ - /*font-weight: bold;*/ -} - -.portal-link:hover { - text-decoration: underline !important; - /*color:var(--portal-dark-color) !important;*/ -} - -.portal-box { - background-color: var(--portal-main-color) !important; - color: var(--portal-main-contrast) !important; - border: 1px solid var(--portal-main-color); - height: 18px; -} - -.uk-pagination .uk-icon { - color: var(--portal-main-color) !important; -} - -.paging-hr { - border-bottom: 1px solid #E5E5E5 !important; - /*padding-bottom: 5px !important;*/ -} - .widget-box { background: white; } @@ -1004,10 +582,6 @@ dd:last-child { background-image: none !important; } -showTitle h2 { - text-transform: unset !important; -} - /* toCheck: */ /* embargo end date */ .highlight, mark { @@ -1240,35 +814,14 @@ showTitle h2 { padding: 2px 3px; } -.portal-icon-button, .portal-icon-button:hover { - background: var(--portal-main-color) !important; - color: var(--portal-main-contrast) !important; - border: 1px solid var(--portal-main-color) !important; -} - .inherit-color { color: inherit; } -/* theme */ -.uk-label { - border-radius: 15px; - line-height: 15px; - padding: 3px 10px; - text-transform: uppercase; -} - -a:hover, .uk-link:hover, .uk-link:hover, a:hover { +a:hover, .uk-link:hover { color: var(--portal-main-color); } -.portal-icon-button, .portal-icon-button:hover { - background: var(--portal-main-color) !important; - color: var(--portal-main-contrast) !important; - border: 1px solid var(--portal-main-color) !important; -} - - /*linksBasket*/ .linksbasket { @@ -1444,285 +997,11 @@ textarea { z-index: 10000; } -input[name="code"] { - font-family: Consolas, monaco, monospace; - font-size: .875rem; - color: #222080; - white-space: nowrap; - background: #f9f9f9; - border: 1px solid #ededed; - border-radius: 1px; -} - -/* Natalia's suggestion for recentyears (range buttons) */ -ul.recentyears { - padding-left: 0 !important; - display: inline-flex; - vertical-align: middle; - flex-wrap: nowrap; -} -.recentyears.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { - margin-right: 10px !important; - border-left: 1px solid var(--portal-main-color) !important; -} -.recentyears.uk-subnav>* { - padding-left: 10px; - flex: inherit; -} - -.recentyears.uk-subnav>*:nth-child(1) { - padding-left: 0 !important; -} -/* End of Natalia's suggestion */ - - - -/* Landing gradient title section*/ -.title-section h1 { - font-size: 28px; - font-weight: 400; -} - -.title-section .under-curation { - color: #DE8366; -} - -/* theme */ -.uk-modal .title-section h1, .feedback-page .title-section h1 { - font-size: 18px; - font-weight: 400; -} - -.landing ul.basic-info li { - margin-bottom: 6px; -} -/* Landing Related Organizations*/ -.landing ul.organizations > li { - border: 1px solid #E8E8E8; - border-radius: 2px; - color: #A4A4A4; - padding: 10px; - width: 100%; -} - -.landing ul.organizations > li > a { - color: #000000; - font-weight: 700; -} - -.landing ul.organizations > li > a:hover { - text-decoration: underline; -} - - /* Landing Download from section*/ -.landing .download-from > div { - padding: 10px; - border-bottom: 1px solid rgba(0, 0, 0, 0.09); -} - -.landing .download-from > div:last-child { - border-bottom: none; -} - -.landing .download-from > div:hover { - background-color: #F0F0F0; - border-radius: 4px; -} - -.landing .download-from > div .title { - color: black; - word-wrap: break-word; - font-weight: 700; -} - -.landing .download-from > div a.title:hover { - text-decoration: underline; -} - -.landing .download-from .provider > a { - color: #666; - text-decoration: underline; -} - -/* Landing Relations section*/ -.landing .simple-buttons > div { - font-size: 16px; - padding: 15px 30px; - border-radius: 4px; - background-color: white; - border: 1px solid #DEDEDE; -} - -.landing .simple-buttons > div:hover { - background-color: #F0F0F0; - box-shadow: 0 1px 6px #00000033; -} - -.landing .advanced-buttons > div > div { - border-radius: 4px; - font-size: 16px; - border: 1px solid #DEDEDE; -} - -.landing .advanced-buttons > div > div:hover { - box-shadow: 0 1px 6px #00000033; -} - -.landing .advanced-buttons > div > div .header { - padding: 15px; - min-height: 60px; - color: var(--portal-main-color); - text-overflow: ellipsis; -} - -.landing .advanced-buttons > div > div .icon { - z-index: 1; - color: var(--portal-main-color); -} - -.landing .advanced-buttons > div > div .icon > svg { - width: 40px; - height: 40px; -} - -.landing .advanced-buttons > div > div .footer { - padding: 15px; - min-height: 60px; - background-color: #F0F0F0; - font-size: 24px; - color: #666; -} - -.landing .advanced-buttons > div > div:hover .footer { - color: black; -} - -.landing .left-border { - border-left: 3px solid #EBEBEB; - padding-left: 20px; -} - -.matSelection .mat-select-value, .matSelection .mat-select-arrow { - color: inherit !important; -} - -.matSelection.mat-select { - padding-bottom: 4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.42); -} - -.matSelection.mat-select:focus { - border-color: #222080; -} - -.matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple { - height: 0 !important; -} - -.portal-progress.uk-progress, .green-progress.uk-progress { - background-color: #F0F0F0; - height: 10px; -} - -/*firefox*/ -.portal-progress.uk-progress::-moz-progress-bar { - background-color: var(--portal-main-color); -} - -.green-progress.uk-progress::-moz-progress-bar { - background-color: #9ADC83 !important; -} - -/*chrome*/ -.portal-progress.uk-progress::-webkit-progress-value { - background-color: var(--portal-main-color); -} - -.green-progress.uk-progress::-webkit-progress-value { - background-color: #9ADC83 !important; -} - -/*internet explore & edge*/ -.portal-progress.uk-progress::-ms-fill { - background-color: var(--portal-main-color); -} - -.green-progress.uk-progress::-ms-fill { - background-color: #9ADC83 !important; -} - -svg #statistics-bars { - fill: var(--portal-main-color); -} - -.bioentities-buttons > div > * { - border-radius: 4px; - font-size: 16px; - font-weight: 700; - border: 1px solid #DEDEDE; - padding: 40px 0; - width: 100%; - display: inline-block; - text-align: center; - text-transform: uppercase; - color: #666; -} - -.bioentities-buttons > div > a:hover { - background-color: #F0F0F0; - color: black; - box-shadow: 0 1px 6px #00000033; -} - -/* Feedback page*/ -.feedback-page .title-section { - background-image: linear-gradient(to right, var(--portal-main-color), var(--portal-dark-color)); - padding: 15px 0; - border-radius: 4px; -} - -.feedback-page .uk-text-muted { - color: rgba(255, 255, 255, 0.7) !important; -} - -.feedback-page .form { - margin-top: 5px; - border-radius: 4px; - border: 1px solid rgba(0, 0, 0, 0.2); - padding: 25px 25px 15px; -} - -.feedback-sent { - border-radius: 4px; - background-color: var(--portal-main-color); - color: white; - padding: 50px 100px; - text-align: center; -} - -.feedback-sent * { - color: white; -} - -.space { - margin-left: 4px; -} - /* theme */ .uk-modal .uk-modal-dialog { border-radius: 4px; } -.uk-tooltip.under-curation-tooltip { - background-color: white; - display: block; - border-radius: 4px; - padding: 15px 15px 0; - border: 1px solid #DEDEDE; - color: #6c6c6c; - z-index: 10000; -} - ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover { color: var(--portal-main-color) !important; border-color: var(--portal-main-color) !important; @@ -1737,40 +1016,6 @@ ul.portalTabs.uk-tab::before { border-bottom: 1px solid var(--portal-main-color); } -.quickSelectionsBox { - border: 1px solid #E6E6E6; - border-top: 0; - background-color: white; -} - -.selectedFilterLabel { - background-color: #E5E5E5; - border-color: #E5E5E5; - border-radius: 2px; - color: inherit; - line-height: 15px; - padding: 6px 10px; -} - -.searchFilterItem { - margin-bottom: 5px; -} - -.portal-box .mat-select-value, .portal-box .mat-select-arrow { - color: var(--portal-main-contrast) !important; - -} - -.entitiesSelection { - width: 150px; - padding: 10px; - display: inline-block -} - -.text-input-box{ - border: 1px solid #DFE1E5 !important; -} - /* theme */ .uk-input, .uk-textarea { border: 1px solid rgba(0, 0, 0, 0.40) !important; @@ -1795,282 +1040,6 @@ html { color: #1d1d1d !important; } -.b2note ul { - color: #1D3454; -} - -.b2note button { - border-radius: 500px; - border: 1px solid #DEDEDE; - line-height: 17px; - background-color: #DEDEDE; - color: #515151; - padding: 5px 15px; - text-transform: uppercase; - font-size: 12px; -} - -.b2note button:not(.disabled):hover { - box-shadow: 0 1px 6px #00000033; -} - -.b2note button.disabled { - cursor: unset; -} - -.b2note button:focus { - outline-color: transparent; -} - -.b2note ul > li { - word-wrap: break-word; -} - -.b2note ul > li > .semantic { - background-color: #22356E; - border-radius: 4px; - color: white; - font-size: 12px; - padding: 1px 9px; - text-transform: uppercase; -} - -.b2note ul > li > .keyword { - background-color: #596FB5; - border-radius: 4px; - color: white; - font-size: 12px; - padding: 1px 9px; - text-transform: uppercase; -} - -.b2note ul > li > .comment { - background-color: #AFB3D4; - border-radius: 4px; - color: white; - font-size: 12px; - padding: 1px 9px; - text-transform: uppercase; -} - - -.offcanvas-white { - background: white !important; - color: inherit !important; -} - -.offcanvas-white .uk-close, offcanvas-white .uk-close:hover, -.offcanvas-white a:not([class*="portal-link"]) { - color: inherit !important; -} - -.offcanvas-white a:not([class*="portal-link"]):hover { - color: #222080 !important;; -} - -.offcanvas-white h5 { - font-size: 18px !important;; - line-height: 1.4 !important;; - color: #1a1a1a !important;; - font-family: 'Open Sans', sans-serif !important;; -} - -.offcanvas-white .uk-text-muted { - color: #bfbfbf !important; -} - -.offcanvas-white .uk-input:not(.text-input-box) { - border-bottom: 1px solid #ededed !important; - background: #fff !important; - color: #666 !important; -} -.offcanvas-white .text-input-box{ - border: 1px solid #ededed !important; - background: #fff !important; - color: #666 !important; -} - -.offcanvas-white .uk-input::placeholder { - color: #bfbfbf !important; -} - -.offcanvas-white .uk-select:not([multiple]):not([size]) { - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important; - background-repeat: no-repeat !important; - background-position: 100% 50% !important; - border-bottom: 1px solid !important;; - border-color: #ededed !important; - color: #666 !important; -} - -.offcanvas-white .uk-input:focus, .offcanvas-white .uk-select:not([multiple]):not([size]):focus { - background-color: #fff !important; - color: #666 !important; - border-color: #222080 !important; -} - -.offcanvas-white .uk-radio:checked, .offcanvas-white input[type="radio"]:not([class*="uk-"]):checked { - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;; -} - -.offcanvas-white input[type="radio"]:not([class*="uk-"]):checked { - background-color: #222080 !important;; - border-color: transparent !important;; -} - -.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"]:not([class*="uk-"]) { - border: 1px solid #d4d4d4 !important;; -} - -.offcanvas-white .uk-button-default:not(:disabled) { - background-color: #fff !important; - color: #222080 !important; - border: 1px solid #222080 !important; -} - -.offcanvas-white .uk-button-default:hover:not(:disabled) { - background-color: #222080 !important; - color: #fff !important; - border-color: #222080 !important; -} - -.offcanvas-white .uk-button-default:disabled { - color: #bfbfbf !important; - border: 1px solid #ededed !important; -} - -/*CONNECT REDESIGN*/ - -/*.main-small-tabs > li {*/ -/* padding: 10px 0 !important;*/ -/* margin: 0 !important;*/ -/*}*/ - -/*.main-small-tabs > li.uk-active {*/ -/* background-color: white;*/ -/*}*/ - -/*.main-small-tabs > li > a {*/ -/* color: #7A7A7A;*/ -/*}*/ - -/*.main-small-tabs > .uk-active > a, .main-small-tabs > li:hover > a {*/ -/* color: var(--portal-main-color) !important;*/ -/*}*/ - -/*.main-small-tabs > li > a {*/ -/* display: block;*/ -/*}*/ - -.main-tabs .tab-header { - font-size: 12px; - text-transform: uppercase; - transition: color .1s ease-in-out; - line-height: 20px; - user-select: none; -} - -.main-tabs > li { - background-color: #F2F2F2; - border: 1px solid #DEDEDE; - z-index: 2; - max-width: 150px; -} - -.main-tabs > li.uk-active:not(.fake-tab) { - background-color: white !important; - border-bottom: 1px solid white; - border-top: 3px solid var(--portal-main-color); -} - -.main-tabs > li > a { - text-transform: capitalize; - text-align: left; - color: #7A7A7A; - border: none; -} - -.main-tabs > li:not(.uk-active):not(:hover) > a > .number { - color: #666666; -} - -.main-tabs > li > a > .number { - font-size: 18px; - line-height: 1.4; - font-family: Heebo; - font-weight: 800; -} - -.main-tabs.uk-tab > .uk-active > a, .main-tabs.uk-tab > li:hover:not(.statistics) > a { - /*border: none !important;*/ - color: var(--portal-main-color) !important; -} - -.main-tabs > li.statistics > a, .main-tabs > .uk-active.statistics > a, -.main-tabs > li.statistics svg #statistics-bars, .main-tabs > .uk-active.statistics svg #statistics-bars { - fill: #FE4A49 !important; - color: #FE4A49 !important; -} - -.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) > a, -.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) svg #statistics-bars { - fill: #FF052B !important; - color: #FF052B !important; -} - -.main-tabs.uk-tab > .uk-active.statistics > a { - background-color: #FFE6E6 !important; -} - -.main-tabs > li.uk-active.statistics { - border-top: 3px solid #FE4A49 !important; - border-bottom: 1px solid #FFE6E6; -} - -.main-tabs-content { - border: 1px solid #DEDEDE; - margin-top: -1px; - z-index: 1; - background-color: white; -} - -.main-tabs-content .content-overflow.uk-overflow-auto { - max-height: 700px; -} - -@media (min-width:960px) { - .main-tabs-content .right-column { - border-left: 1px solid #DEDEDE; - } -} - -.main-tabs-content .tab-header { - font-size: 20px; - text-transform: capitalize; - color: #707070; -} - -.white-box-with-border { - border: 1px solid #DEDEDE; - background-color: white; -} - -.white-box-with-border.uk-grid > div:not(.uk-first-column) { - border-left: 1px solid #DEDEDE; -} - -/*END OF CONNECT REDESIGN*/ - -search-bar .entitiesSelection{ - max-width:115px; - border: solid 1px var(--portal-main-color) !important; - background: white !important; - color: var(--portal-main-color); -} -search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value{ - color: var(--portal-main-color) !important; -} - .footer-light-background{ color:black; background-color: white; @@ -2085,30 +1054,6 @@ search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-ba text-decoration: underline; } -.uk-breadcrumb.uk-light > * > *, -.uk-breadcrumb.uk-light > :nth-child(n+2):not(.uk-first-column)::before { - color: white !important; -} - -.uk-breadcrumb > * > * { - color: rgba(0, 0, 0, 0.60) !important; - vertical-align: top; - line-height: 25px; -} - -.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - content: "›"; - color: rgba(0, 0, 0, 0.60); - font-weight: 200; - font-size: 25px; - margin: -9px 10px; -} - -.uk-breadcrumb > :last-child > * { - font-weight: 700; - color: rgba(0, 0, 0, 0.60); -} - .zenodoButton, .zenodoButton:hover{ background-image:linear-gradient(to right, #0F4DA1, #0078E1) ; color: white !important; @@ -2189,24 +1134,3 @@ div.cdk-overlay-container.modal-select { .cdk-overlay-pane { animation: linear 750ms opacity; } - -.landing-modal-header { - background: transparent linear-gradient(35deg, #FFFFFF 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box; - padding: 20px 40px; -} - -.landing-modal .modal-title { - font-weight: bold; - font-size: 22px; - margin: 0; -} - -.square-button { - border-radius: 0; -} - -.title-grey-background { - background: transparent linear-gradient(17deg, #FFFFFF 0%, #F0F0F0 100%) no-repeat padding-box; - padding: 15px 0; - border-radius: 4px; -}