MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Assets]: Add b2note img and remove duplcates from library.css 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@58356 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-03-30 15:13:22 +00:00
parent 56ca3b5a82
commit cd773efb07
2 changed files with 68 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
b2note.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

146
library.css
View File

@ -190,6 +190,7 @@ h2 .custom-external {
.tooltip-custom-font-size { .tooltip-custom-font-size {
font-size: 120%; font-size: 120%;
} }
/* theme */ /* theme */
.uk-tooltip { .uk-tooltip {
background: #666; background: #666;
@ -854,6 +855,7 @@ dd:last-child {
font-weight: normal !important; font-weight: normal !important;
border-radius: 4px; border-radius: 4px;
background-color: #F0F0F0; background-color: #F0F0F0;
color: #666;
padding: 5px 12px; padding: 5px 12px;
font-size: 12px; font-size: 12px;
} }
@ -901,7 +903,7 @@ dd:last-child {
color: var(--portal-main-contrast); color: var(--portal-main-contrast);
} }
.portal-button,.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus { .portal-button, .portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
background-color: var(--portal-main-color); background-color: var(--portal-main-color);
color: var(--portal-main-contrast); color: var(--portal-main-contrast);
@ -910,7 +912,7 @@ dd:last-child {
} }
.portal-button:hover, .portal-button:active, .portal-button:focus{ .portal-button:hover, .portal-button:active, .portal-button:focus {
background-color: var(--portal-dark-color); background-color: var(--portal-dark-color);
color: var(--portal-main-contrast); color: var(--portal-main-contrast);
border: 1px solid var(--portal-dark-color); border: 1px solid var(--portal-dark-color);
@ -1365,7 +1367,7 @@ textarea {
/* theme */ /* theme */
.uk-navbar { .uk-navbar {
z-index: 9999; z-index: 10002;
} }
/* theme */ /* theme */
@ -1427,57 +1429,6 @@ input[name="code"] {
border-radius: 1px; border-radius: 1px;
} }
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;
/*font-family: Roboto, sans-serif !important;*/
}
ul.portalTabs.uk-tab > .uk-active > a{
font-weight: bold;
}
ul.portalTabs.uk-tab::before {
border-bottom: 1px solid var(--portal-main-color);
}
.quickSelectionsBox{
border: 1px solid #E6E6E6;
border-top:0px;
background-color: white;
}
.selectedFilterLabel {
background-color: #E5E5E5 !important;
border-color: #E5E5E5 !important;
border-radius: 2px !important;
color: inherit !important;
line-height: 15px !important;
padding: 3px 10px !important;
}
.searchFilterItem {
margin-bottom: 5px;
}
.range-button > button{
padding: 5px 10px !important;
text-transform: none !important;
}
.portal-box .mat-select-value, .portal-box .mat-select-arrow{
color: var(--portal-main-contrast) !important;
}
.entitiesSelection{
width: 150px;
padding:10px;
display: inline-block
}
.entitiesSelectionPanel, .matSelectionPanel{
margin-top: 30px !important;
}
.selectedFilterLabel { .selectedFilterLabel {
background-color: #E5E5E5; background-color: #E5E5E5;
border-color: #E5E5E5; border-color: #E5E5E5;
@ -1487,18 +1438,14 @@ ul.portalTabs.uk-tab::before {
padding: 3px 10px; padding: 3px 10px;
} }
.searchFilterItem { .range-button > button {
margin-bottom: 5px;
}
.range-button > button{
padding: 5px 10px; padding: 5px 10px;
text-transform: none; text-transform: none;
} }
/* Landing gradient title section*/ /* Landing gradient title section*/
.title-section { .title-section {
background-image: linear-gradient(to right, #FFFFFF , #F0F0F0); background-image: linear-gradient(to right, #FFFFFF, #F0F0F0);
padding-right: 10px; padding-right: 10px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@ -1506,7 +1453,7 @@ ul.portalTabs.uk-tab::before {
position: relative; position: relative;
} }
.title-section .under-curation{ .title-section .under-curation {
background-image: url("./under_curation.svg"); background-image: url("./under_curation.svg");
height: 17px; height: 17px;
width: 13px; width: 13px;
@ -1514,7 +1461,7 @@ ul.portalTabs.uk-tab::before {
} }
/* theme */ /* theme */
.uk-modal .title-section h1, .feedback-page .title-section h1{ .uk-modal .title-section h1, .feedback-page .title-section h1 {
font-size: 18px; font-size: 18px;
font-family: "Open Sans"; font-family: "Open Sans";
font-weight: 400; font-weight: 400;
@ -1612,7 +1559,7 @@ ul.portalTabs.uk-tab::before {
} }
.landing #feedback-pos { .landing #feedback-pos {
position:-webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
bottom: 20px; bottom: 20px;
} }
@ -1701,7 +1648,7 @@ svg #statistics-bars {
/* Feedback page*/ /* Feedback page*/
.feedback-page .title-section { .feedback-page .title-section {
background-image: linear-gradient(to right, var(--portal-main-color) , #F37A53); background-image: linear-gradient(to right, var(--portal-main-color), #F37A53);
} }
.feedback-page .form { .feedback-page .form {
@ -1746,22 +1693,23 @@ svg #statistics-bars {
z-index: 10000; z-index: 10000;
} }
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover { 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; color: var(--portal-main-color) !important;
border-color: var(--portal-main-color) !important; border-color: var(--portal-main-color) !important;
/*font-family: Roboto, sans-serif !important;*/ /*font-family: Roboto, sans-serif !important;*/
} }
ul.portalTabs.uk-tab > .uk-active > a{
font-weight: bold; ul.portalTabs.uk-tab > .uk-active > a {
font-weight: bold;
} }
ul.portalTabs.uk-tab::before { ul.portalTabs.uk-tab::before {
border-bottom: 1px solid var(--portal-main-color); border-bottom: 1px solid var(--portal-main-color);
} }
.quickSelectionsBox{ .quickSelectionsBox {
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
border-top:0px; border-top: 0px;
background-color: white; background-color: white;
} }
@ -1778,23 +1726,21 @@ ul.portalTabs.uk-tab::before {
margin-bottom: 5px; margin-bottom: 5px;
} }
.range-button > button{ .range-button > button {
padding: 5px 10px !important; padding: 5px 10px !important;
text-transform: none !important; text-transform: none !important;
} }
.portal-box .mat-select-value, .portal-box .mat-select-arrow{ .portal-box .mat-select-value, .portal-box .mat-select-arrow {
color: var(--portal-main-contrast) !important; color: var(--portal-main-contrast) !important;
} }
.entitiesSelection{
.entitiesSelection {
width: 150px; width: 150px;
padding:10px; padding: 10px;
display: inline-block display: inline-block
} }
.entitiesSelectionPanel, .matSelectionPanel{
margin-top: 30px !important;
}
/* theme */ /* theme */
.uk-input, .uk-select { .uk-input, .uk-select {
@ -1802,7 +1748,7 @@ ul.portalTabs.uk-tab::before {
} }
/* theme */ /* theme */
.uk-textarea{ .uk-textarea {
border: 1px solid rgba(0, 0, 0, 0.42) !important; border: 1px solid rgba(0, 0, 0, 0.42) !important;
} }
@ -1814,4 +1760,48 @@ ul.portalTabs.uk-tab::before {
/* theme */ /* theme */
html { html {
color: #1d1d1d !important; 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:hover {
box-shadow: 0 1px 6px #00000033;
}
.b2note button:focus {
outline-color: transparent;
}
.b2note ul > li > .semantic {
background-color: #22356E;
border-radius: 4px;
color: white;
text-transform: uppercase;
}
.b2note ul > li > .keyword {
background-color: #596FB5;
border-radius: 4px;
color: white;
text-transform: uppercase;
}
.b2note ul > li > .comment {
background-color: #AFB3D4;
border-radius: 4px;
color: white;
text-transform: uppercase;
}