From cd773efb07fe06787f2080fce42320d37f6ba61e Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Mon, 30 Mar 2020 15:13:22 +0000 Subject: [PATCH] [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 --- b2note.png | Bin 0 -> 3821 bytes library.css | 146 ++++++++++++++++++++++++---------------------------- 2 files changed, 68 insertions(+), 78 deletions(-) create mode 100644 b2note.png diff --git a/b2note.png b/b2note.png new file mode 100644 index 0000000000000000000000000000000000000000..e04c2276fccb4475c7732f6f56fade7e8e5b09cb GIT binary patch literal 3821 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 literal 0 HcmV?d00001 diff --git a/library.css b/library.css index fbf3ab3..2a1058f 100644 --- a/library.css +++ b/library.css @@ -190,6 +190,7 @@ h2 .custom-external { .tooltip-custom-font-size { font-size: 120%; } + /* theme */ .uk-tooltip { background: #666; @@ -854,6 +855,7 @@ dd:last-child { font-weight: normal !important; border-radius: 4px; background-color: #F0F0F0; + color: #666; padding: 5px 12px; font-size: 12px; } @@ -901,7 +903,7 @@ dd:last-child { 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); 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); color: var(--portal-main-contrast); border: 1px solid var(--portal-dark-color); @@ -1365,7 +1367,7 @@ textarea { /* theme */ .uk-navbar { - z-index: 9999; + z-index: 10002; } /* theme */ @@ -1427,57 +1429,6 @@ input[name="code"] { 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 { background-color: #E5E5E5; border-color: #E5E5E5; @@ -1487,18 +1438,14 @@ ul.portalTabs.uk-tab::before { padding: 3px 10px; } -.searchFilterItem { - margin-bottom: 5px; -} - -.range-button > button{ +.range-button > button { padding: 5px 10px; text-transform: none; } /* Landing gradient title section*/ .title-section { - background-image: linear-gradient(to right, #FFFFFF , #F0F0F0); + background-image: linear-gradient(to right, #FFFFFF, #F0F0F0); padding-right: 10px; padding-top: 5px; padding-bottom: 5px; @@ -1506,7 +1453,7 @@ ul.portalTabs.uk-tab::before { position: relative; } -.title-section .under-curation{ +.title-section .under-curation { background-image: url("./under_curation.svg"); height: 17px; width: 13px; @@ -1514,7 +1461,7 @@ ul.portalTabs.uk-tab::before { } /* 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-family: "Open Sans"; font-weight: 400; @@ -1612,7 +1559,7 @@ ul.portalTabs.uk-tab::before { } .landing #feedback-pos { - position:-webkit-sticky; + position: -webkit-sticky; position: sticky; bottom: 20px; } @@ -1701,7 +1648,7 @@ svg #statistics-bars { /* Feedback page*/ .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 { @@ -1746,22 +1693,23 @@ svg #statistics-bars { 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; 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 > .uk-active > a { + font-weight: bold; } ul.portalTabs.uk-tab::before { border-bottom: 1px solid var(--portal-main-color); } -.quickSelectionsBox{ +.quickSelectionsBox { border: 1px solid #E6E6E6; - border-top:0px; + border-top: 0px; background-color: white; } @@ -1778,23 +1726,21 @@ ul.portalTabs.uk-tab::before { margin-bottom: 5px; } -.range-button > button{ +.range-button > button { padding: 5px 10px !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; } -.entitiesSelection{ + +.entitiesSelection { width: 150px; - padding:10px; + padding: 10px; display: inline-block } -.entitiesSelectionPanel, .matSelectionPanel{ - margin-top: 30px !important; -} /* theme */ .uk-input, .uk-select { @@ -1802,7 +1748,7 @@ ul.portalTabs.uk-tab::before { } /* theme */ -.uk-textarea{ +.uk-textarea { border: 1px solid rgba(0, 0, 0, 0.42) !important; } @@ -1814,4 +1760,48 @@ ul.portalTabs.uk-tab::before { /* theme */ html { color: #1d1d1d !important; -} \ No newline at end of file +} + +.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; +}