Update to the lattest css changes 2

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@53378 d315682c-612b-4755-9ff5-7f18f6832af3

common/custom.css

@@ -1,3 +1,4 @@
+/*
 @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway|Roboto|Roboto:900|Roboto+Condensed|Roboto+Mono|Roboto+Slab');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
 @import url('https://fonts.googleapis.com/css?family=Merriweather|Merriweather+Sans');
@@ -6,9 +7,11 @@
 @import url('https://fonts.googleapis.com/css?family=Raleway|Raleway+Dots');
 @import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic-ext,greek-ext,latin-ext');
 @import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');
+*/
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic-ext,greek-ext,latin-ext');
 @import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900');
+@import url('https://fonts.googleapis.com/css?family=Sura:400,700');
 
 
 /* yard */ 
@@ -16,9 +19,8 @@
  border-width:0px!important;
  border:0px!important;
 }
-
+body { font-family: 'Open Sans', sans-serif !important;}
-
+/*
-
 h1, .uk-h1, .wk-h1, h2, .uk-h2, .wk-h2, h3, .uk-h3, .wk-h2 {
  font-family: 'Heebo', sans-serif !important;
  text-transform:none!important;
@@ -46,10 +48,19 @@ h5, .uk-h5, .wk-h5 {
 h6, .uk-h6, .wk-h6 {
 	font-size:14px;
 }
+*/
+
+.infocus .wk-panel{border-left: 1px  solid rgba(255,255,255,0.7); padding-left:20px;}
 
 .infocus h3, .infocus .uk-h3, .infocus .wk-h3 {
+	font-family:'Heebo';
 	font-size:18px!important;
+	font-weight:normal;
+	color:#fff!important;
+
 }
+.infocus a {color:#4687E6;}
+
 .news h3, .news .wk-h3 {
 color: #223CAA!important;
 font-weight: 400!important;
@@ -59,9 +70,10 @@ font-weight: 400!important;
 padding :20px 0px 30px 0px;
 margin-bottom:40px;
 }
-
+/*
 @media(min-width:640px){.uk-heading-hero{font-size:4rem;line-height:1}}
 @media(min-width:960px){.uk-heading-hero{font-size:6rem;line-height:1}}
+*/
 
 /* support plain widgetkits */
 /*
@@ -170,12 +182,11 @@ font-weight:300;
     background: rgb(255, 255, 255)!important;
 }
 
-
 .yoo-zoo ul.zoo-alphaindex.uk-subnav>*>a {color:#2D72D6;}
 .yoo-zoo ul.zoo-alphaindex.uk-subnav>*>a:focus, .yoo-zoo ul.zoo-alphaindex.uk-subnav>*>a:hover { color: #D53B23;}
 .yoo-zoo ul.zoo-alphaindex.uk-subnav>.uk-disabled>a{color: #cbcbcb!important;}
 
-.uk-button-default:focus, .uk-button-default:hover {color:#fff;}
+/*.uk-button-default:focus, .uk-button-default:hover {color:#fff;}*/
 .btn, .btn-info, .btn-primary{ 
 /*
 text-shadow:none!important;
@@ -201,6 +212,7 @@ color: #D53B23;
 }
 
 /*.uk-badge, .badge, a.badge { border-radius: 2px;}*/
+/*
 .uk-button-secondary {
     background-color: transparent;
     color: #192699;
@@ -211,13 +223,16 @@ color: #D53B23;
       color: #fff!important;
     border: 1px solid #192699!important;   
 }
+*/
 
+/*
 .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover {
 	border:1px solid #192699!important;
     background-color:#f9f9f9!important;
     color:#192699!important;
 }
+*/
 ol.big-numbers-list{
  margin-left: 0;
     padding-right: 0;
@@ -274,10 +289,9 @@ ol.big-numbers-list li::before {
 
 @media only screen and (max-width: 600px) {
 .tm-toolbar {display:block;
-background-color:red;}
+background-color:#222080;}
 }
 
-
 .tm-toolbar {
 position:relative;
 color: #fff;
@@ -286,7 +300,7 @@ padding-bottom:0px;
 background:rgba(255,255,255, 0.0);
 z-index:10000;
 /*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
-border-top: 5px solid #05007A; 
+/*border-top: 5px solid #222080; */
 }
 
 .tm-toolbar .forimage {
@@ -303,7 +317,7 @@ background:rgba(255,255,255, 0.4);
 .inner {
  left:0px;
   margin-top:-5px;
-  background-color: #05007A;
+  background-color: #222080;
 }
 .tm-toolbar .uk-container {
 padding-right:0px;
@@ -312,13 +326,13 @@ padding-right:0px;
 .tm-toolbar ul.uk-subnav.uk-subnav-line,
 .tm-toolbar ul.uk-subnav{
  margin-top:-10px;
+ margin-top: -5px; /* no border on top */
  padding:10px 10px  0px 0px;
   -ms-transform: skew(25deg);
   -webkit-transform: skew(25deg);
   transform: skew(25deg);  
   margin-right:10px;
-
+   background-color: #222080;
-   background-color: #05007A;
 }
 
 .tm-toolbar .uk-subnav-line li,
@@ -370,14 +384,15 @@ padding-right:0px;
   background:#fff;
   color: #efefef!important;
   display: block;
-    background:#2C57D7!important;
+  background:#4687E6!important;
 }
 
 .tm-toolbar .uk-subnav-line .uk-active .home-hover li:hover,
-.tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
+.tm-toolbar .uk-subnav-line .uk-active .home-hover,
-li.uk-active.home-hover
+.tm-toolbar .uk-active
 {
-  background:#2C57D7!important;
+
+  background:#4687E6!important;
 }
 
 .tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
@@ -387,19 +402,42 @@ li.uk-active.home-hover
 .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 {
+.tm-toolbar .uk-subnav li:hover a{
   display: block;
   color: #efefef!important;
-      background:#2C57D7!important;
+  background:#4687E6!important;
 }
 
 /*tooltip over toolbar */
 
-
 .tm-toolbar .uk-subnav a[title]:hover{
     position: relative;
 }
 
+.tm-toolbar .uk-subnav a[title]:hover:after {
+  content: attr(title);
+  padding: 15px 20px;
+  color: #333;
+  position: absolute;
+  top: 200%;
+  right: -70%;
+  z-index: 20;
+  white-space: nowrap;
+  /*white-space:pre-wrap;*/
+  text-align:center;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  background:  #fff;
+  -moz-box-shadow: 0px 0px 1px #666;
+  -webkit-box-shadow: 0px 0px 1px #666;
+  box-shadow: 0px 0px 1px #666;
+}
+
+.tm-toolbar .uk-subnav a[title]:hover:before{
+    content: "";  
+}
+/*
 .tm-toolbar .uk-subnav a[title]:hover:after {
 content:attr(title);
 background: #333;
@@ -426,6 +464,7 @@ background: #333;
     position: absolute;
     z-index: 99;
 }
+*/
 
 /* remove for yard theme */
 /*
@@ -468,7 +507,9 @@ box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
 
 }
 .uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
+	/*
 	color:#fff;
+	*/
 }
 
 .uk-nav>li>a,
@@ -499,15 +540,19 @@ box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
 }
 */
 
+/*
 .uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle, .navbar .brand, .navbar-search, .navbar .nav>li>a {
+	
 	font-family: 'Roboto Slab', serif;
 	font-size: 16px;
 	line-height: 22px;
 	text-transform:none;
 	color: #222080;
 	font-weight: 400 !important;
+	
 }
 .uk-navbar-nav>li.uk-active>a {
+
 color: #4687E6!important;
 color: #299CDD!important;
 }
@@ -538,6 +583,7 @@ font-weight:400;
 .sidemenu .uk-h3, .sidemenu h3{
 	color:#1C0872!important;
 }
+*/
 /*
 .sidemenu .uk-nav, .uk-nav ul, .dropdown-menu {
 	font-weight: 300;
@@ -568,22 +614,14 @@ font-weight:400;
     -webkit-align-items: flex-end!important;
     align-items: flex-end!important;
 }
-/*
-.uk-light a, .uk-light .uk-link, 
-.uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link, 
-.uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, 
-.uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, 
-.uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, 
-.uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary>:not([class*='uk-card-media']) a, 
-.uk-card-primary>:not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a, 
-.uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary>:not([class*='uk-card-media']) a, 
-.uk-card-secondary>:not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link, 
-*/
 
+
+/*
 .uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link, 
 .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link, .tm-toolbar a, .tm-toolbar .uk-link {
 	color:rgba(255,255,255,0.8);
 }
+*/
 
 /*remove for theme flow */
 /*.uk-card {border-radius:0;}*/
@@ -630,7 +668,7 @@ background-color: #17106E;
 }
 */
 
-
+/*
 .uk-navbar-nav>li>a::before {
 background-color: #3773DB!important;
 }
@@ -663,6 +701,7 @@ background-color: #3773DB!important;
 color: #128DD5;
 color: #17106E;
 }
+*/
 
 .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus,
 .uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
@@ -721,7 +760,7 @@ color: #17106E;
    color:#299CDD!important;
 }
 */
-
+/*
 .uk-navbar-dropdown-nav>li.uk-active>a,
 .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a {
  color: #17106E!important;
@@ -730,7 +769,10 @@ color: #17106E;
  color: #63BDE9!important;
 }
 */
+*/
+/*
 .uk-tile-primary {background-color: #17106E;}
+*/
 /* remove for Yard theme
 .uk-light .uk-navbar-nav > li > a:active, 
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
@@ -771,10 +813,12 @@ color: #17106E;
 color:#128DD5!important;
 }
 */
+/*
 .uk-card-secondary, .uk-tile-secondary {background:#2EADE4; background:#3773DB;}
-
+*/
 .color-three.uk-card {background:red;}
 
+/*
 .uk-section-secondary:not(.uk-preserve-color) h3,
 .uk-section-secondary:not(.uk-preserve-color) h3 a,
 .uk-section-secondary:not(.uk-preserve-color) a:hover { color:#292C3D!important;}
@@ -794,10 +838,12 @@ text-transform: none;
 letter-spacing: 0;
 font-style: italic;
 }
+*/
+/*
 .uk-card-default .uk-card-title {
 color: #292C3D !important;
-
 }
+*/
 .uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, 
 .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, 
 .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*='uk-card-media']) .uk-text-meta, 
@@ -807,6 +853,7 @@ color: #292C3D !important;
 color: #90929D;
 }
 
+/*
 .uk-text-primary {color: #040067!important;}
 .uk-text-secondary {color: #00a0de!important;}
 .uk-section-primary {
@@ -815,6 +862,7 @@ color: #90929D;
 .uk-section-secondary {
 	background: #3773DB;
 }
+*/
 .first_page_section {
     /*position: relative;*/
 }
@@ -1509,17 +1557,24 @@ background-position: 98% 50%;
 }
 
 /* BLOG module */
+.frontendblog .uk-card-default {background:0;}
+
 .frontendblog .uk-card-title {font-size:18px;}
+.frontendblog .uk-card-media-top {background:white;}
+/*
 .frontendblog .uk-card {
+
 background-color: #fff;
 border: 1px solid #e5e5e5;
 border-radius: 2px;
 color: #444;
+
 }
 .frontendblog .uk-card a {color:#2D72D6!important;}
 .frontendblog .uk-card a:hover {
     color: #D53B23!important;
 }
+*/
 
 /* for DISCOVERY PORTAL */
 .discoverHrd {background-color: #f25f30!important;}

library.css

@@ -1,16 +1,3 @@
-:root {
-    --portal-main-color: #yellow;
-    --portal-main-contrast: white;
-    --portal-dark-color: #black;
-
-    --openaire-main-color: #26257F;
-
-    --explore-portal-color: #f25f30;
-    --provide-portal-color: #28beff;
-    --monitor-portal-color: #8bcc00;
-    --connect-portal-color: #ffc800;
-    --develop-portal-color: #d13f96;
-}
 
 .custom-footer {
   position: relative;
@@ -87,7 +74,7 @@ h2 .custom-external {
   min-height: 46px;
 }
 .helper-left-right {
-  margin-top: 75px;
+  /* margin-top: 75px; */
   max-width: 20%;
 }
 
@@ -342,6 +329,36 @@ color: #fff}
 { 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-publication,
+.label-dataset,
+.label-software,
+.label-orp, .label-other, .label-project, .label-dataprovider, .label-organization,
+.label-grey, .label-success
+{
+  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;
+}
+
+
+
+
 
 
 .uk-tab {
@@ -495,8 +512,7 @@ html {
 }
 
 h2, h4{
-    font-weight: 400;
+    text-transform: none !important;
-    text-transform: none;
 }
 .linkdropdown{
   min-width:250px;
@@ -505,17 +521,9 @@ h2, h4{
    background-color: #D6352B;
    color: #fff
 }
-.uk-pagination>.uk-active>* {
+/* h2, .uk-h2{
-  color: #fff !important;
-  background-color: #296EE9 !important;
-
-}
-.uk-pagination>*>* {
-  color:#666 !important;
-}
-h2, .uk-h2{
   font-size:28px !important;
-}
+} */
 .app-box {
   border: #e5e5e5 solid 1px;
 }
@@ -620,9 +628,9 @@ dd:last-child {
 
 }
 
-h2, .uk-h2 {
+/* h2, .uk-h2 {
     font-size: 28px !important;
-}
+} */
 body{
   line-height: 1.4;
   Font-size:14px;
@@ -721,15 +729,16 @@ white-space: nowrap;
   color: #666 !important;
   background: #f7f7fa !important;
 }
+.icon-button-small:focus, .icon-button-small:hover {
+
+    border-color: #666 !important;
+}
 .searchFilterTitle{
 
-  font-weight: 500;
+    /* text-decoration-color: var(--portal-main-color);
- /* border-bottom: 6px solid #9ba5b5; */
+    text-decoration: underline; */
-  background-color: var(--portal-main-color);
+  border-bottom: 1px solid var(--portal-main-color) !important;
-  color:var(--portal-main-contrast) !important;
+  padding: 5px 0px;
- padding-top: 5px;
- padding-left: 3px;
-
 }
 
 .sideInfoTitle{
@@ -763,9 +772,10 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
 
   .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;
- }
+   }
-
 .portal-color{
   color: var(--portal-main-color) !important;
 }
@@ -781,14 +791,14 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
     background-image:  none !important;
 
 }
-.portal-reverse-button {
+.portal-link {
-
-  background-color: white !important;
   color:var(--portal-main-color)  !important;
-    border: 1px solid var(--portal-main-color) !important;
+  text-decoration: underline !important;
-    background-image:  none !important;
+  font-weight: bold;
-    padding: 5px 10px;
+}
-
+.portal-box{
+  background-color: var(--portal-main-color) !important;
+  color:var(--portal-main-contrast) !important;
 }
 
 .uk-pagination .uk-icon{
@@ -799,9 +809,75 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
 
     border-top: 0px solid !important;
 }
-.uk-button-default{
+
-color:white !important;
-}
 .widget-box {
   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;
+}
+.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;
+}
+.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;
+}
+showTitle h2{
+  text-transform: unset !important;
+}
+
+/* toCheck: */
+/* embargo end date */
+.highlight, mark {
+    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;
+}