[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
This commit is contained in:
k.triantafyllou 2020-02-04 15:45:09 +00:00
parent c7c6cdaf9e
commit 097d55c641
1 changed files with 645 additions and 504 deletions

View File

@ -4,15 +4,18 @@
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;
background-size: 20px 20px;
@ -29,9 +32,11 @@ h2 .custom-external {
.custom-navbar-toggle-icon, .custom-user-mini-panel {
color: #444 !important
}
.custom-user-mini-panel a {
color: rgb(36, 91, 204);
}
.custom-main-content {
min-height: 550px;
}
@ -47,7 +52,11 @@ 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;
border: 1px solid #ddd;
@ -58,18 +67,38 @@ 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; }
.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;
}
.searchPaging {
min-height: 46px;
}
@ -163,9 +192,11 @@ h2 .custom-external {
.custom-select-mini {
max-width: 170px !important;
}
.custom-icon {
line-height: unset;
}
/*.custom-tab-content-large{
min-height: 800px;
}
@ -183,8 +214,6 @@ h2 .custom-external {
}
/*.filterItem span {*/
/*display: inline-flex;*/
/*}*/
@ -222,12 +251,12 @@ max-height:265px;
}
.custom-offcanvas-close {
position: relative;
right: 0;
top: 0;
}
/* .uk-link{
color: #292C3D !important;
} */
@ -247,11 +276,13 @@ max-height:265px;
width: 42px;
vertical-align: middle;
}
.entityIcon {
height: 15px;
width: 20px;
}
/*.uk-tab{
border-bottom: 1px #cbcbcb solid;
}*/
@ -261,94 +292,100 @@ max-height:265px;
background: #d4f3ff;
color: #00a0de
}
.label-green, .label-openaccessmandate {
background: #d1f6e8;
color: #01a566
}
.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-orange, .label-sc39 {
background: #fef5d2;
color: #f0506e;
}
.label-OPEN, .label-OPENSOURCE, .label-open {
background: #F25F2F;
color: #fff;
}
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
background: #0F0F0F;
color: #fff
}
.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-project {
background: #d0307f;
color: #fff
}
.label-dataprovider
{ background: #00a0de;
color: #fff}
.label-dataprovider {
background: #00a0de;
color: #fff
}
.label-organization
{ background: #fbcd0d;
color: #414141}
.label-organization {
background: #fbcd0d;
color: #414141
}
.label-UNKNOWN, .label-funder,
.label-compatibility,
.label-openaccessmandate,
.label-underCuration,
.label-funder,
.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
{
.label-grey, .label-success, .label-community {
background: white !important;
color: #666666 !important;
border: 1px solid #666666 !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:#CACACA !important;
color:#666666 !important;
border: 1px solid #666666 !important;
background: #EBEBEB !important;
color: #6B6B6B !important;
border: 1px solid #DEDEDE !important;
}
.label-danger {
@ -363,8 +400,6 @@ color: #414141}
}
.uk-tab {
display: -ms-flexbox;
display: -webkit-flex;
@ -377,6 +412,7 @@ color: #414141}
list-style: none;
position: relative;
}
.uk-tab::before {
content: "";
position: absolute;
@ -385,40 +421,70 @@ 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;
background: url('./search_general.jpg');
box-sizing: border-box;
height: 320px;
}
.publicationsSearchForm {
background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px;
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;
background: url('./projects_search.jpg');
box-sizing: border-box;
height: 320px;
}
.organizationsSearchForm {
background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px;
background: url('./search_organizations.jpg');
box-sizing: border-box;
height: 320px;
}
.datasetsSearchForm {
background: url('./search_data.jpg'); box-sizing: border-box; height: 320px;
background: url('./search_data.jpg');
box-sizing: border-box;
height: 320px;
}
.softwareSearchForm {
background: url('./search_software.jpg'); box-sizing: border-box; height: 320px;
background: url('./search_software.jpg');
box-sizing: border-box;
height: 320px;
}
.orpsSearchForm {
background: url('./search_other.jpg'); box-sizing: border-box; height: 320px;
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;
background: url('./providers_search.jpg');
box-sizing: border-box;
height: 320px;
}
.journalsSearchForm, .journalsTableSearchForm {
background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px;
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 {
@ -472,18 +538,22 @@ color: #414141}
width: 100% !important;
}
.custom-offcanvas-bar .filtersModal {
color: grey !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;
@ -494,6 +564,7 @@ color: #414141}
.list-horizontal-line > span:last-child {
border-right: none;
}
/* body {
font-family: Raleway, Arial, sans-serif !important;
} */
@ -504,13 +575,16 @@ color: #414141}
h2, h4 {
text-transform: none !important;
}
.linkdropdown {
min-width: 250px;
}
.uk-button-action {
background-color: #D6352B;
color: #fff
}
/* h2, .uk-h2{
font-size:28px !important;
} */
@ -523,32 +597,42 @@ h2, h4{
fill: #05007A !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:hover {display: block;} /* remove the others*/
.tm-toolbar .uk-subnav-line li:hover {
display: block;
}
/* remove the others*/
.helper-grid > * {
padding-left: 25px !important;
}
.cite-this-button {
font-size: 14px;
padding: 3px;
}
.link-to-button {
font-size: 12px;
padding: 3px;
}
.dropBasket {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.basket-title {
padding-top: 20px;
@ -556,9 +640,11 @@ h2, h4{
cursor: pointer;
}
.basket-title::after {
background-image: none !important;
}
.basket-badge {
position: relative;
right: 16px;
@ -570,7 +656,6 @@ h2, h4{
}
dd {
margin-top: 10px;
border-bottom: 1px solid #e8e8e8;
@ -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,6 +695,7 @@ 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;
@ -634,6 +720,7 @@ dd:last-child {
font-weigth: 300;
}
.custom-article-title {
font-size: 32px;
Margin-bottom: 10px;
@ -647,6 +734,7 @@ dd:last-child {
font-size: 14px;
}
.box-content {
border: 1px dashed #666666;
margin-top: 4px;
@ -656,9 +744,11 @@ dd:last-child {
.citation-accordion .uk-accordion-title {
font-family: Raleway;
}
.uk-notification.uk-notification-top-center {
top: 45% !important;
}
.no-selected-message {
background: white;
}
@ -676,6 +766,10 @@ white-space: nowrap;
text-overflow: ellipsis;
}
.multi-line-ellipsis.lines-3 p {
-webkit-line-clamp: 3;
}
.multi-line-ellipsis.lines-10 p {
-webkit-line-clamp: 10;
}
@ -710,8 +804,9 @@ white-space: nowrap;
border-top: none;
padding: 12px;
}
.darkBackground {
background-color:rgb(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
color: white !important;
font-family: Roboto !important;
@ -721,20 +816,24 @@ white-space: nowrap;
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;*/
}
.icon-button-small:focus, .icon-button-small:hover {
border-color: #666 !important;
}
.searchFilterTitle {
/* text-decoration-color: var(--portal-main-color);
@ -754,6 +853,7 @@ white-space: nowrap;
padding-left: 3px;
}
/*.linkButtonsBox{
background: white !important;
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
@ -767,6 +867,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
.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;
@ -781,9 +882,11 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border-radius: 500px;
line-height: 12px !important;
}
.portal-color {
color: var(--portal-main-color) !important;
}
.portal-secondary-color {
color: var(--portal-dark-color) !important;
}
@ -792,6 +895,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
background-color: var(--portal-main-color) !important;
color: var(--portal-main-contrast) !important;
}
.portal-button {
background-color: var(--portal-main-color);
@ -800,6 +904,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
background-image: none;
}
.portal-button:hover, .portal-button:active, .portal-button:focus {
background-color: var(--portal-dark-color);
color: var(--portal-main-contrast);
@ -807,14 +912,18 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
background-image: none;
}
.portal-link {
color: var(--portal-main-color) !important;
/*text-decoration: underline !important;*/
/*font-weight: bold;*/
}
.portal-link:hover {
color:var(--portal-dark-color) !important;
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;
@ -825,10 +934,9 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
}
.search-results > li:nth-child(2) {
border-top-color:var(--portal-main-color) !important;
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;
@ -846,6 +954,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border: 2px solid var(--develop-portal-color) !important;
background-image: none !important;
}
.providelink {
text-transform: none !important;
color: #fff !important;
@ -854,6 +963,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border: 2px solid var(--provide-portal-color) !important;
background-image: none !important;
}
.connectlink {
background-color: var(--connect-portal-color) !important;
font-weight: 600;
@ -861,6 +971,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border: 2px solid var(--connect-portal-color) !important;
background-image: none !important;
}
.monitorlink {
background-color: var(--monitor-portal-color) !important;
font-weight: 600;
@ -868,6 +979,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border: 2px solid var(--monitor-portal-color) !important;
background-image: none !important;
}
.explorelink {
background-color: var(--explore-portal-color) !important;
font-weight: 600;
@ -875,6 +987,7 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
border: 2px solid var(--explore-portal-color) !important;
background-image: none !important;
}
showTitle h2 {
text-transform: unset !important;
}
@ -885,23 +998,29 @@ showTitle h2{
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;
}
@ -927,6 +1046,7 @@ showTitle h2{
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;
@ -1060,10 +1180,12 @@ 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;
}
@ -1127,15 +1249,18 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover {
background-color: #F5F5F5;
border: 1px solid #DEDEDE;
}
.linksBasketSubtitles {
font-size: 12px !important;
}
.linkInlineEntity {
/* height:75px; */
background-color: #A4A4A4;
color: white !important;
/*border: 1px solid #DEDEDE;*/
}
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div {
background: var(--portal-main-color) !important;
color: var(--portal-main-contrast) !important;
@ -1148,6 +1273,7 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover {
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;
@ -1162,6 +1288,7 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover {
background-color: #222080 !important;
border: 1px solid #222080 !important;
}
.researchResultTypeNotSelected {
color: #222080 !important;
background-color: #fff !important;
@ -1176,18 +1303,22 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover {
.warningBorder {
border-color: #f70;
}
.dangerBorder {
border-color: #ff4000;
}
.linkingToolbar {
background-color: #EDEDED;
}
.linkingToolbar .back {
color: #999999 !important;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.linkingToolbar .back:hover {
color: #444444 !important;
}
@ -1202,6 +1333,7 @@ a:hover, .uk-link:hover , .uk-link:hover, a:hover {
textarea {
resize: none;
}
.default-dropdown {
background: white;
}
@ -1224,16 +1356,23 @@ textarea {
.uk-navbar {
z-index: 9999;
}
.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);
@ -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;