[Trunk | Library]: library.css: Css for classes (and their descendants) 'main-tabs' and 'main-tabs-content' - used for a page's main tabs (made during connect redesign).

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@58543 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-04-24 15:44:16 +00:00
parent 63b5beb41a
commit 65355f64a7
1 changed files with 75 additions and 0 deletions

View File

@ -1892,6 +1892,81 @@ html {
border-color: #222080 !important;
}
/*CONNECT REDESIGN*/
.main-tabs > li {
background-color: #F2F2F2;
border: 1px solid #DEDEDE;
z-index: 2;
}
.main-tabs > li.uk-active {
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 {
opacity: 0.8;
font-size: 21px;
}
.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 {
color: #FE4A49 !important;
}
.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) > a {
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 .uk-overflow-auto {
max-height: 700px;
}
.main-tabs-content .right-column {
border-left: 1px solid #DEDEDE;
}
.main-tabs-content .tab-header {
font-size: 20px;
text-transform: capitalize;
color: #707070;
}
/*END OF CONNECT REDESIGN*/
search-bar .entitiesSelection{
max-width:115px;
border: solid 1px var(--portal-main-color) !important;