From 097d55c64112061e3872ad36c6b6402130ec6755 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Tue, 4 Feb 2020 15:45:09 +0000 Subject: [PATCH] [Trunk | Library]: Some css changes for new search results' view git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@58054 d315682c-612b-4755-9ff5-7f18f6832af3 --- library.css | 1149 +++++++++++++++++++++++++++++---------------------- 1 file changed, 645 insertions(+), 504 deletions(-) diff --git a/library.css b/library.css index 2accc16..a28aacd 100644 --- a/library.css +++ b/library.css @@ -1,39 +1,44 @@ .custom-footer { - position: relative; - bottom: 0; - width: 100%; + position: relative; + bottom: 0; + width: 100%; } + #tm-main { 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; + 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;*/ +.pseudo-external { + padding-left: 16px; + /*margin-bottom: 5px;*/ } -.custom-navbar-toggle-icon, .custom-user-mini-panel{ - color:#444 !important +.custom-navbar-toggle-icon, .custom-user-mini-panel { + color: #444 !important } -.custom-user-mini-panel a{ - color:rgb(36, 91, 204); + +.custom-user-mini-panel a { + color: rgb(36, 91, 204); } -.custom-main-content{ - min-height: 550px; + +.custom-main-content { + min-height: 550px; } .custom-autocomplete .uk-nav-autocomplete > li > a:hover { @@ -47,9 +52,13 @@ h2 .custom-external { .custom-autocomplete .uk-nav-navbar > li > a { color: #444; } -.custom-description-list-horizontal{ line-height:200%} + +.custom-description-list-horizontal { + line-height: 200% +} + .uk-alert-default { - background: #fff none repeat scroll 0 0; + background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 4px; color: #444; @@ -58,20 +67,40 @@ h2 .custom-external { padding: 4px 6px; } -.custom-hidden-dropdown-menu {position:static !important;} -.searchFilterBoxValues {overflow:auto; max-height:200px; } -.selected-filters-box {margin:5px; background-color:#F8F8F8; } -.search-form {margin:5px; } -.clickable { cursor:pointer; } -.search-filters .uk-accordion-title{ - font-size: 14px; - line-height: 18px; + +.custom-hidden-dropdown-menu { + position: static !important; } + +.searchFilterBoxValues { + overflow: auto; + max-height: 200px; +} + +.selected-filters-box { + margin: 5px; + background-color: #F8F8F8; +} + +.search-form { + margin: 5px; +} + +.clickable { + cursor: pointer; +} + +.search-filters .uk-accordion-title { + font-size: 14px; + line-height: 18px; +} + .search-results { - min-height: 600px; + min-height: 600px; } + .searchPaging { - min-height: 46px; + min-height: 46px; } .searchFormMinHeight { @@ -79,12 +108,12 @@ h2 .custom-external { } .helper-left-right { - /* margin-top: 75px; */ - max-width: 20%; + /* margin-top: 75px; */ + max-width: 20%; } -.errors-in-searchTableView{ - margin-top: 75px; +.errors-in-searchTableView { + margin-top: 75px; } @media (min-width: 960px) { @@ -94,17 +123,17 @@ h2 .custom-external { } @media (max-width: 959px) { - .margin-small-top-at-small { - margin-top: 10px !important; - } + .margin-small-top-at-small { + margin-top: 10px !important; + } } .other-results { - min-height: 300px; + min-height: 300px; } /* "OPEN SOURCE" INCLUDED */ -.OPEN, .OPENSOURCE{ +.OPEN, .OPENSOURCE { background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top; padding-right: 25px; min-height: 20px; @@ -143,8 +172,8 @@ h2 .custom-external { display: inline-table; } -.dateFilter .mydp{ - margin-top:5px; +.dateFilter .mydp { + margin-top: 5px; } @@ -160,12 +189,14 @@ h2 .custom-external { background: #666; } -.custom-select-mini{ - max-width:170px !important; +.custom-select-mini { + max-width: 170px !important; } + .custom-icon { line-height: unset; } + /*.custom-tab-content-large{ min-height: 800px; } @@ -179,12 +210,10 @@ h2 .custom-external { } .custom-html-table-height { - height: 500px; + height: 500px; } - - /*.filterItem span {*/ /*display: inline-flex;*/ /*}*/ @@ -215,19 +244,19 @@ h2 .custom-external { /* margin-bottom: 5px !important;*/ /*}*/ -.browseFilters{ -overflow-y: auto; -overflow-x: hidden; -max-height:265px; +.browseFilters { + overflow-y: auto; + overflow-x: hidden; + max-height: 265px; } - .custom-offcanvas-close { position: relative; right: 0; top: 0; } + /* .uk-link{ color: #292C3D !important; } */ @@ -239,144 +268,151 @@ max-height:265px; /*}*/ -.entityTitleIcon{ - background-repeat: no-repeat; - content: ''; - display: inline-block; - height: 36px; - width: 42px; - vertical-align: middle; +.entityTitleIcon { + background-repeat: no-repeat; + content: ''; + display: inline-block; + height: 36px; + width: 42px; + vertical-align: middle; } -.entityIcon{ - height: 15px; - width: 20px; + +.entityIcon { + height: 15px; + width: 20px; } + /*.uk-tab{ border-bottom: 1px #cbcbcb solid; }*/ .label-blue, .label-compatibility { - background:#d4f3ff; - color:#00a0de + background: #d4f3ff; + color: #00a0de } + .label-green, .label-openaccessmandate { - background:#d1f6e8; - color:#01a566 + background: #d1f6e8; + color: #01a566 } + .label-yellow, .label-underCuration { - background:#fef5d2; - color:#cca607 + background: #fef5d2; + color: #cca607 } + .label-red, .label-funder { - background:#fef0ef; - color:#f54f43 + background: #fef0ef; + color: #f54f43 } -.label-grey, .label-language{ - background: #f8f8f8; - color: #666; + +.label-grey, .label-language { + background: #f8f8f8; + color: #666; } + .label-country { - background : #d4f3ff; - color: #00a0de; -} -.label-orange, .label-sc39{ - background: #fef5d2; - color: #f0506e; + background: #d4f3ff; + color: #00a0de; } -.label-OPEN, .label-OPENSOURCE, .label-open { -background: #F25F2F; -color: #fff; -} -.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed { - background: #0F0F0F; - color: #fff +.label-orange, .label-sc39 { + background: #fef5d2; + color: #f0506e; } -.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-publication { + background: #4687E6; + color: #fff } -.label-project -{ background: #d0307f; -color: #fff} +.label-dataset { + background: #1e906c; + color: #fff +} -.label-dataprovider -{ background: #00a0de; -color: #fff} +.label-software { + background: #b737ff; + color: #fff +} -.label-organization -{ background: #fbcd0d; -color: #414141} +.label-orp, .label-other { + background: #f54f43; + color: #414141 !important; +} -.label-UNKNOWN,.label-funder, -.label-compatibility , -.label-openaccessmandate, +.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-language, .label-country, .label-orange, .label-sc39, -.label-OPEN, .label-OPENSOURCE, .label-open,.label-language, .label-publication, +.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-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed { - - - background:#CACACA !important; - color:#666666 !important; - border: 1px solid #666666 !important; -} - -.label-danger { - color:#ff4000 !important; +.label-grey, .label-success, .label-community { + background: white !important; + color: #666666 !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; +.label-OPEN, .label-OPENSOURCE, .label-open, .label-openaccessmandate { + background: var(--portal-main-color) !important; + color: #ffffff !important; + border: 1px solid var(--portal-main-color) !important; } +.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .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; +} .uk-tab { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -20px; - padding: 0; - list-style: none; - position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -20px; + padding: 0; + list-style: none; + position: relative; } + .uk-tab::before { content: ""; position: absolute; @@ -385,115 +421,150 @@ color: #414141} right: 0; border-bottom: 1px solid #e5e5e5; } + .uk-tab-left::before { border-bottom: none !important; } -.searchForm, .generalSearchForm{ - background: url('./search_general.jpg'); box-sizing: border-box; height: 320px; +.searchForm, .generalSearchForm { + background: url('./search_general.jpg'); + box-sizing: border-box; + height: 320px; } -.publicationsSearchForm{ - background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px; + +.publicationsSearchForm { + background: url('./search_pubs_1.jpg'); + box-sizing: border-box; + height: 320px; } -.projectsSearchForm, .projectsTableSearchForm{ - background: url('./projects_search.jpg'); box-sizing: border-box; height: 320px; + +.projectsSearchForm, .projectsTableSearchForm { + background: url('./projects_search.jpg'); + box-sizing: border-box; + height: 320px; } -.organizationsSearchForm{ - background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px; + +.organizationsSearchForm { + background: url('./search_organizations.jpg'); + box-sizing: border-box; + height: 320px; } -.datasetsSearchForm{ - background: url('./search_data.jpg'); box-sizing: border-box; height: 320px; + +.datasetsSearchForm { + background: url('./search_data.jpg'); + box-sizing: border-box; + height: 320px; } -.softwareSearchForm{ - background: url('./search_software.jpg'); box-sizing: border-box; height: 320px; + +.softwareSearchForm { + background: url('./search_software.jpg'); + box-sizing: border-box; + height: 320px; } -.orpsSearchForm{ - background: url('./search_other.jpg'); box-sizing: border-box; height: 320px; + +.orpsSearchForm { + background: url('./search_other.jpg'); + box-sizing: border-box; + height: 320px; } -.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{ - background: url('./providers_search.jpg'); box-sizing: border-box; height: 320px; + +.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm { + background: url('./providers_search.jpg'); + box-sizing: border-box; + height: 320px; } - .journalsSearchForm, .journalsTableSearchForm{ - background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px; + +.journalsSearchForm, .journalsTableSearchForm { + background: url('./search_journals.jpg'); + box-sizing: border-box; + height: 320px; } + .entityRegistriesSearchForm, .entityRegistriesTableSearchForm { - background: url('./search_registries.jpg'); box-sizing: border-box; height: 320px; + background: url('./search_registries.jpg'); + box-sizing: border-box; + height: 320px; } .divider-table tbody td, .uk-table th { border-bottom: 1px solid #E5E5E5; - } +} - #feedback { - float: left; - position: fixed; - top: calc(50% - 47px); - right: 0; +#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 { + 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; - } +#feedback a:hover { + padding-right: 20px; +} -.descriptionText{ - /* Padding-left: 25px !important; - Border-left: 10px solid #fafafa; */ - display: inline-block; - position: relative; - top: calc(-0.1 * 1em); - vertical-align: middle; - margin-right: 10px; - /* border-left: 8px solid #e5e5e5; */ - margin-top: 8px; - color: #666666 !important; - line-height: 22px !important; +.descriptionText { + /* Padding-left: 25px !important; + Border-left: 10px solid #fafafa; */ + display: inline-block; + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + margin-right: 10px; + /* border-left: 8px solid #e5e5e5; */ + margin-top: 8px; + color: #666666 !important; + line-height: 22px !important; } -.custom-offcanvas-bar{ - background: grey !important; - width:100% !important; +.custom-offcanvas-bar { + background: grey !important; + width: 100% !important; } -.custom-offcanvas-bar .filtersModal{ - color:grey !important; + +.custom-offcanvas-bar .filtersModal { + color: grey !important; } -.list-horizontal{ - display: flex; - } -.list-horizontal span{ - margin-right:5px; - padding-left: 0px !important; + +.list-horizontal { + display: flex; +} + +.list-horizontal span { + margin-right: 5px; + padding-left: 0px !important; } + .list-horizontal-line span { - margin-right: 5px; - border-right: 1px solid #f1f1f1; - padding-right: 5px; + margin-right: 5px; + border-right: 1px solid #f1f1f1; + padding-right: 5px; } .list-horizontal-line > span:last-child { - border-right:none; + border-right: none; } + /* body { font-family: Raleway, Arial, sans-serif !important; } */ @@ -501,16 +572,19 @@ color: #414141} /* color: #444 !important;*/ /*}*/ -h2, h4{ +h2, h4 { text-transform: none !important; } -.linkdropdown{ - min-width:250px; + +.linkdropdown { + min-width: 250px; } -.uk-button-action{ - background-color: #D6352B; - color: #fff + +.uk-button-action { + background-color: #D6352B; + color: #fff } + /* h2, .uk-h2{ font-size:28px !important; } */ @@ -519,36 +593,46 @@ h2, h4{ background-color: #FAFBFF; } -.uk-subnav-line li:hover .home-icon svg #home{ - fill: #05007A !important; +.uk-subnav-line li:hover .home-icon svg #home { + fill: #05007A !important; } - svg #home{ - fill: white !important; + +svg #home { + fill: white !important; } -.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{ - display: block; - color: #d4d4d4 !important; + +.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a { + display: block; + color: #d4d4d4 !important; } -.tm-toolbar .uk-subnav-line li:hover {display: block;} /* remove the others*/ +.tm-toolbar .uk-subnav-line li:hover { + display: block; +} -.helper-grid>*{ +/* remove the others*/ + +.helper-grid > * { padding-left: 25px !important; } -.cite-this-button{ - font-size: 14px; - padding: 3px; + +.cite-this-button { + font-size: 14px; + padding: 3px; } -.link-to-button{ - font-size: 12px; - padding: 3px; + +.link-to-button { + font-size: 12px; + padding: 3px; } -.dropBasket{ - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; + +.dropBasket { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; } + .basket-title { padding-top: 20px; @@ -556,22 +640,23 @@ h2, h4{ cursor: pointer; } + .basket-title::after { background-image: none !important; } + .basket-badge { - position: relative; - right: 16px; - top: -16px; - text-align: center; - border-radius: 90%; + position: relative; + right: 16px; + top: -16px; + text-align: center; + border-radius: 90%; border-radius: 90%; } - -dd{ +dd { margin-top: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 5px; @@ -580,16 +665,19 @@ dd{ 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; @@ -597,10 +685,7 @@ dd:last-child { } .search-results li { - - margin-bottom: 30px !important; padding-top: 15px !important; - } .cursor-not-allowed { @@ -610,12 +695,13 @@ dd:last-child { .uk-badge, .badge, a.badge { border-radius: 2px; } + .loading-gif, .loading-gif:before, .loading-gif:after { - background: url("./loading.gif") no-repeat; - height: 65px; - margin-left: auto; - margin-right: auto; - width: 65px; + background: url("./loading.gif") no-repeat; + height: 65px; + margin-left: auto; + margin-right: auto; + width: 65px; } @@ -634,53 +720,61 @@ dd:last-child { font-weigth: 300; } + .custom-article-title { - font-size: 32px; - Margin-bottom: 10px; - font-family: 'Open Sans', sans-serif; - color: #1F257B !important; + font-size: 32px; + Margin-bottom: 10px; + font-family: 'Open Sans', sans-serif; + color: #1F257B !important; } -.custom-tab-content .uk-pagination>*>* { - min-width: 20px; - line-height: 1.4; - font-size: 14px; +.custom-tab-content .uk-pagination > * > * { + min-width: 20px; + line-height: 1.4; + font-size: 14px; } -.box-content{ - border: 1px dashed #666666; - margin-top: 4px; - background: #EFEFEF; + +.box-content { + border: 1px dashed #666666; + margin-top: 4px; + background: #EFEFEF; } .citation-accordion .uk-accordion-title { - font-family: Raleway; + font-family: Raleway; } -.uk-notification.uk-notification-top-center { + +.uk-notification.uk-notification-top-center { top: 45% !important; } -.no-selected-message{ - background :white; + +.no-selected-message { + background: white; } .textOverflowEllipsis { -overflow: hidden; -text-overflow: ellipsis; -white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.multi-line-ellipsis p { - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; +.multi-line-ellipsis p { + display: -webkit-box; + -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{ +.custom-accordion .uk-accordion-title { text-align: left; /* background: #f8f8fe; */ padding: 4px; @@ -694,66 +788,72 @@ white-space: nowrap; } -.custom-accordion .uk-accordion-title::after { +.custom-accordion .uk-accordion-title::after { float: none;; padding: 12px; } -.custom-accordion{ - /*border: gray solid 1px;*/ - border-top: 0px; +.custom-accordion { + /*border: gray solid 1px;*/ + border-top: 0px; } -.custom-accordion .uk-accordion-content{ +.custom-accordion .uk-accordion-content { margin: 0px; border: #eee 1px solid; border-top: none; padding: 12px; } -.darkBackground{ - background-color:rgb(0,0,0,0.5); - z-index:0; - color:white !important; + +.darkBackground { + background-color: rgba(0, 0, 0, 0.5); + z-index: 0; + color: white !important; font-family: Roboto !important; } -.whiteText{ - color:white !important; +.whiteText { + color: white !important; font-family: Roboto !important; } -.shadowBox{ - box-shadow: 0 1px 3px #444444; - /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/ - } -.icon-button-small{ - width:22px !important; - height:22px !important; - /*color: #666 !important;*/ - /*background: #f7f7fa !important;*/ + +.shadowBox { + box-shadow: 0 1px 3px #444444; + /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/ } + +.icon-button-small { + width: 22px !important; + height: 22px !important; + /*color: #666 !important;*/ + /*background: #f7f7fa !important;*/ +} + .icon-button-small:focus, .icon-button-small:hover { border-color: #666 !important; } -.searchFilterTitle{ + +.searchFilterTitle { /* text-decoration-color: var(--portal-main-color); text-decoration: underline; */ - border-bottom: 1px solid var(--portal-main-color) !important; - padding: 5px 0px; - color: var(--portal-main-color); + border-bottom: 1px solid var(--portal-main-color) !important; + padding: 5px 0px; + color: var(--portal-main-color); } -.sideInfoTitle{ +.sideInfoTitle { - font-weight: 500; - border-bottom: 1px solid var(--portal-main-color); - /* background-color: var(--portal-main-color); */ - /* color:var(--portal-main-contrast) !important; */ - padding-top: 5px; - padding-left: 3px; + font-weight: 500; + border-bottom: 1px solid var(--portal-main-color); + /* background-color: var(--portal-main-color); */ + /* color:var(--portal-main-contrast) !important; */ + padding-top: 5px; + padding-left: 3px; } + /*.linkButtonsBox{ background: white !important; box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785); @@ -764,295 +864,315 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785); padding-bottom: 0px !important; } -.uk-input{ - background-color: rgba(255, 255, 255, 1.0) !important; +.uk-input { + background-color: rgba(255, 255, 255, 1.0) !important; } + .uk-accordion > :nth-child(n+2) { border-top: 0px solid #ededed !important; margin-top: 0px !important; } - .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; +.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-secondary-color{ + +.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; - color:var(--portal-main-contrast) !important; +.portal-background-color { + background-color: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; } + .portal-button { - background-color: var(--portal-main-color); - color:var(--portal-main-contrast) ; - border: 1px solid var(--portal-main-color) ; - background-image: none ; + 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 ; + background-color: var(--portal-dark-color); + color: var(--portal-main-contrast); + border: 1px solid var(--portal-dark-color); + background-image: none; } + .portal-link { - color:var(--portal-main-color) !important; - /*text-decoration: underline !important;*/ - /*font-weight: bold;*/ + color: var(--portal-main-color) !important; + /*text-decoration: underline !important;*/ + /*font-weight: bold;*/ } + .portal-link:hover { - color:var(--portal-dark-color) !important; -} -.portal-box{ - background-color: var(--portal-main-color) !important; - color:var(--portal-main-contrast) !important; + text-decoration: underline !important; + /*color:var(--portal-dark-color) !important;*/ } -.uk-pagination .uk-icon{ - color: var(--portal-main-color) !important; +.portal-box { + background-color: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; } - .search-results > li:nth-child(2) { - - border-top-color:var(--portal-main-color) !important; - +.uk-pagination .uk-icon { + color: var(--portal-main-color) !important; } -.search-results > li:last-child{ - border-bottom:1px solid var(--portal-main-color) !important; - padding-bottom: 10px !important; + +.search-results > li:nth-child(2) { + border-top: 1px solid var(--portal-main-color) !important; +} + +.search-results > li:last-child { + border-bottom: 1px solid var(--portal-main-color) !important; + padding-bottom: 10px !important; } .widget-box { - background: white; + background: white; } -.developlink{ - text-transform: none !important; - color: #fff !important; - background: var(--develop-portal-color) !important; - font-weight: 600; - border: 2px solid var(--develop-portal-color) !important; - background-image:none !important; +.developlink { + text-transform: none !important; + color: #fff !important; + background: var(--develop-portal-color) !important; + font-weight: 600; + border: 2px solid var(--develop-portal-color) !important; + background-image: none !important; } -.providelink{ - text-transform: none !important; - color: #fff !important; - background: var(--provide-portal-color) !important; - font-weight: 600; - border: 2px solid var(--provide-portal-color) !important; - background-image:none !important; + +.providelink { + text-transform: none !important; + color: #fff !important; + background: var(--provide-portal-color) !important; + font-weight: 600; + border: 2px solid var(--provide-portal-color) !important; + background-image: none !important; } -.connectlink{ - background-color: var(--connect-portal-color) !important; - font-weight: 600; - color: #fff !important; - border: 2px solid var(--connect-portal-color) !important; - background-image:none !important; + +.connectlink { + background-color: var(--connect-portal-color) !important; + font-weight: 600; + color: #fff !important; + border: 2px solid var(--connect-portal-color) !important; + background-image: none !important; } -.monitorlink{ - background-color: var(--monitor-portal-color) !important; - font-weight: 600; - color: #fff !important; - border: 2px solid var(--monitor-portal-color) !important; - background-image:none !important; + +.monitorlink { + background-color: var(--monitor-portal-color) !important; + font-weight: 600; + color: #fff !important; + border: 2px solid var(--monitor-portal-color) !important; + background-image: none !important; } -.explorelink{ - background-color: var(--explore-portal-color) !important; - font-weight: 600; - color: #fff !important; - border: 2px solid var(--explore-portal-color) !important; - background-image:none !important; + +.explorelink { + background-color: var(--explore-portal-color) !important; + font-weight: 600; + color: #fff !important; + border: 2px solid var(--explore-portal-color) !important; + background-image: none !important; } -showTitle h2{ - text-transform: unset !important; + +showTitle h2 { + text-transform: unset !important; } /* toCheck: */ /* embargo end date */ .highlight, mark { - background: rgba(34,32,128,.5); + background: rgba(34, 32, 128, .5); color: #222080; } + /* advanced autocomplete */ .custom-autocomplete .uk-dropdown { background: white; /* color: rgba(255,255,255,.7); */ } + .explore-heading-bullet::before { border-left-color: var(--explore-portal-color) !important; } + .provide-heading-bullet::before { border-left-color: var(--provide-portal-color) !important; } + .connect-heading-bullet::before { border-left-color: var(--connect-portal-color) !important; } + .develop-heading-bullet::before { border-left-color: var(--develop-portal-color) !important; } + .monitor-heading-bullet::before { border-left-color: var(--monitor-portal-color) !important; } .explore .uk-h4 { - color: var(--explore-portal-color); - font-weight: bold; + color: var(--explore-portal-color); + font-weight: bold; } .explore .el-content { - font-size: 18px; + font-size: 18px; } -.explore a{ - background-color: var(--explore-portal-color) !important; - color: #fff !important; - font-weight: bold !important; - border-color: var(--explore-portal-color) !important; +.explore a { + background-color: var(--explore-portal-color) !important; + color: #fff !important; + font-weight: bold !important; + border-color: var(--explore-portal-color) !important; } .explore a:hover, .explore a:active, .explore a:focus { - background-color: var(--explore-portal-lower-tone) !important; - border-color: var(--explore-portal-lower-tone) !important; + background-color: var(--explore-portal-lower-tone) !important; + border-color: var(--explore-portal-lower-tone) !important; } + .provide .uk-h4 { - color: var(--provide-portal-color); - font-weight: bold; + color: var(--provide-portal-color); + font-weight: bold; } .provide .el-content { - font-size: 18px; + font-size: 18px; } -.provide a{ - background-color: var(--provide-portal-color) !important; - color: #fff !important; - font-weight: bold !important; - border-color: var(--provide-portal-color) !important; +.provide a { + background-color: var(--provide-portal-color) !important; + color: #fff !important; + font-weight: bold !important; + border-color: var(--provide-portal-color) !important; } .provide a:hover, .provide a:active, .provide a:focus { - background-color: var(--provide-portal-lower-tone) !important; - border-color: var(--provide-portal-lower-tone) !important; + background-color: var(--provide-portal-lower-tone) !important; + border-color: var(--provide-portal-lower-tone) !important; } .monitor .uk-h4 { - color: var(--monitor-portal-color); - font-weight: bold; + color: var(--monitor-portal-color); + font-weight: bold; } .monitor .el-content { - font-size: 18px; + font-size: 18px; } -.monitor a{ - background-color: var(--monitor-portal-color) !important; - color: #fff !important; - font-weight: bold !important; - border-color: var(--monitor-portal-color) !important; +.monitor a { + background-color: var(--monitor-portal-color) !important; + color: #fff !important; + font-weight: bold !important; + border-color: var(--monitor-portal-color) !important; } .monitor a:hover, .monitor a:active, .monitor a:focus { - background-color: var(--monitor-portal-lower-tone) !important; - border-color: var(--monitor-portal-lower-tone) !important; + background-color: var(--monitor-portal-lower-tone) !important; + border-color: var(--monitor-portal-lower-tone) !important; } .connect-default-button { background-color: var(--connect-portal-color) !important; - color:var(--portal-main-contrast) !important; + color: var(--portal-main-contrast) !important; border: 2px solid var(--connect-portal-color) !important; - background-image: none !important; + background-image: none !important; } .connect .uk-h4 { - color: var(--connect-portal-color); - font-weight: bold; + color: var(--connect-portal-color); + font-weight: bold; } .connect .el-content { - font-size: 18px; + font-size: 18px; } .connect a { - background-color: var(--connect-portal-color) !important; - color: #fff !important; - font-weight: bold !important; - border-color: var(--connect-portal-color) !important; + background-color: var(--connect-portal-color) !important; + color: #fff !important; + font-weight: bold !important; + border-color: var(--connect-portal-color) !important; } -.connect a:hover, .connect a:active, .connect a:focus { - background-color: var(--connect-portal-lower-tone) !important; - border-color: var(--connect-portal-lower-tone) !important; +.connect a:hover, .connect a:active, .connect a:focus { + background-color: var(--connect-portal-lower-tone) !important; + border-color: var(--connect-portal-lower-tone) !important; } .develop .uk-h4 { - color: var(--develop-portal-color); - font-weight: bold; + color: var(--develop-portal-color); + font-weight: bold; } .develop .el-content { - font-size: 18px; + font-size: 18px; } -.develop a { - background-color: var(--develop-portal-color) !important; - color: #fff !important; - font-weight: bold !important; - border-color: var(--develop-portal-color) !important; +.develop a { + background-color: var(--develop-portal-color) !important; + color: #fff !important; + font-weight: bold !important; + border-color: var(--develop-portal-color) !important; } .develop a:hover, .develop a:active, .develop a:focus { - background-color: var(--develop-portal-lower-tone) !important; - border-color: var(--develop-portal-lower-tone) !important; + background-color: var(--develop-portal-lower-tone) !important; + border-color: var(--develop-portal-lower-tone) !important; } -.portal-hr{ - border-bottom: 1px solid var(--portal-main-color) !important; - padding: 5px 0px; +.portal-hr { + border-bottom: 1px solid var(--portal-main-color) !important; + padding: 5px 0px; } .tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover { - background: var(--portal-main-color) !important; + background: var(--portal-main-color) !important; } .tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav li a:hover, .tm-toolbar .uk-subnav-line li:hover a, .tm-toolbar .uk-subnav li:hover a { - background: var(--portal-main-color) !important; - color:white !important; + background: var(--portal-main-color) !important; + color: white !important; } .loginLink { text-transform: uppercase !important; } -#footer\#9 a, #footer\#11 a, #footer\#13 a { - color: #dedede; - line-height: 22px; - padding: 2px 0; +#footer\#9 a, #footer\#11 a, #footer\#13 a { + color: #dedede; + line-height: 22px; + padding: 2px 0; } -#footer\#9 a:hover,#footer\#11 a:hover, #footer\#13 a:hover { +#footer\#9 a:hover, #footer\#11 a:hover, #footer\#13 a:hover { color: rgba(255, 255, 255, 0.5); } @media all and (min-width: 640px) { - #footer\#3 { - margin-right: 280px; - } + #footer\#3 { + margin-right: 280px; + } } @@ -1060,12 +1180,14 @@ showTitle h2{ background-color: var(--portal-main-color); color: #fff !important; } + .portal-card a { color: #fff !important; /*text-decoration: underline;*/ } + .portal-card a:hover { - color:rgba(255,255,255,0.8) !important; + color: rgba(255, 255, 255, 0.8) !important; } .portal-card-badge { @@ -1083,10 +1205,10 @@ showTitle h2{ border-radius: 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; +.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 { @@ -1094,17 +1216,17 @@ showTitle h2{ } .uk-label { - border-radius: 15px; - line-height: 15px; - padding: 3px 10px; - text-transform: uppercase; + 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, .uk-link:hover, a:hover { color: var(--portal-main-color); } -.portal-icon-button, .portal-icon-button:hover { +.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; @@ -1113,88 +1235,97 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover { /*linksBasket*/ -.linksbasket{ - /* background-color:#F5F5F5; */ - border: 1px solid #DEDEDE; - font-size: 12px !important; - line-height: 18px; - /* height:512px; */ +.linksbasket { + /* background-color:#F5F5F5; */ + border: 1px solid #DEDEDE; + font-size: 12px !important; + line-height: 18px; + /* height:512px; */ } -.linksbaskettitles{ - /* height:75px; */ - cursor:pointer; - background-color:#F5F5F5; - border: 1px solid #DEDEDE; +.linksbaskettitles { + /* height:75px; */ + cursor: pointer; + background-color: #F5F5F5; + border: 1px solid #DEDEDE; } -.linksBasketSubtitles{ + +.linksBasketSubtitles { font-size: 12px !important; } + .linkInlineEntity { /* height:75px; */ - background-color:#A4A4A4; - color:white !important; + background-color: #A4A4A4; + color: white !important; /*border: 1px solid #DEDEDE;*/ } -.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div{ + +.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div { background: var(--portal-main-color) !important; color: var(--portal-main-contrast) !important; border: 1px solid var(--portal-main-color) !important; } -.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a{ - background-color: var(--portal-main-color) !important; - color: var(--portal-main-contrast) !important; - border: 1px solid var(--portal-main-color) !important; +.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a { + background-color: var(--portal-main-color) !important; + color: var(--portal-main-contrast) !important; + border: 1px solid var(--portal-main-color) !important; } -.contextlabelNotSelected, .contextlabelNotSelected:hover{ - color: var(--portal-main-color) !important; - border: 1px solid var(--portal-main-color) !important; + +.contextlabelNotSelected, .contextlabelNotSelected:hover { + color: var(--portal-main-color) !important; + border: 1px solid var(--portal-main-color) !important; } - .contextlabelNotSelected a, .contextlabelNotSelected:hover a{ - color: var(--portal-main-color) !important; +.contextlabelNotSelected a, .contextlabelNotSelected:hover a { + color: var(--portal-main-color) !important; } -.researchResultTypeSelected, .researchResultTypeNotSelected:hover{ +.researchResultTypeSelected, .researchResultTypeNotSelected:hover { color: #fff !important; background-color: #222080 !important; border: 1px solid #222080 !important; } -.researchResultTypeNotSelected{ + +.researchResultTypeNotSelected { color: #222080 !important; background-color: #fff !important; border: 1px solid #222080 !important; } -.fadeOut{ - opacity:0.3; - /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */ +.fadeOut { + opacity: 0.3; + /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */ } -.warningBorder{ +.warningBorder { border-color: #f70; } -.dangerBorder{ + +.dangerBorder { border-color: #ff4000; } -.linkingToolbar{ + +.linkingToolbar { background-color: #EDEDED; } -.linkingToolbar .back{ + +.linkingToolbar .back { color: #999999 !important; cursor: pointer; - -webkit-transition: color 0.3s; + -webkit-transition: color 0.3s; transition: color 0.3s; } -.linkingToolbar .back:hover{ + +.linkingToolbar .back:hover { color: #444444 !important; } -.linkInlineEntityLabel{ - color:#EAEAEA; +.linkInlineEntityLabel { + color: #EAEAEA; background-color: #B5B5B5; border-color: #EAEAEA; } @@ -1202,6 +1333,7 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover { textarea { resize: none; } + .default-dropdown { background: white; } @@ -1221,22 +1353,29 @@ textarea { height: 80px; } -.uk-navbar{ +.uk-navbar { z-index: 9999; } -.uk-modal{ + +.uk-modal { z-index: 10000; } @media only screen and (min-width: 992px) { - .image-front-topbar {margin-top:-136px;} + .image-front-topbar { + margin-top: -136px; + } } + @media only screen and (min-width: 1200px) { - .image-front-topbar {margin-top:-136px;} + .image-front-topbar { + margin-top: -136px; + } } + /*Adding shadow to the main menu dropdowns*/ -.uk-navbar-dropdown{ - box-shadow: 0 5px 12px rgba(0,0,0,.15); +.uk-navbar-dropdown { + box-shadow: 0 5px 12px rgba(0, 0, 0, .15); } .small-beta-indication { @@ -1250,11 +1389,13 @@ textarea { left: 0; z-index: 1; } + .uk-navbar-sticky .beta-indication-sticky { position: fixed !important; display: block; } + .beta-indication-sticky { height: 102px; position: fixed; @@ -1264,11 +1405,11 @@ textarea { } 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 + font-family: Consolas, monaco, monospace; + font-size: .875rem; + color: #222080; + white-space: nowrap; + background: #f9f9f9; + border: 1px solid #ededed; + border-radius: 1px } \ No newline at end of file