[Library | Trunk]: Merge Library assets from landing redesign branch

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@58274 d315682c-612b-4755-9ff5-7f18f6832af3
deprecated-master
k.triantafyllou 4 years ago
parent 8229b7411d
commit ea68b9f602

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21.744" viewBox="0 0 20 21.744"><defs><style>.a{opacity:0.8;}</style></defs><g class="a" transform="translate(0)"><g transform="translate(0 0)"><path d="M18.772,15.578a2.718,2.718,0,0,0-.427-.368,3.629,3.629,0,0,0-3.291-.5,3.445,3.445,0,0,0-.962.5c-.07.051-.139.1-.2.161a2.335,2.335,0,0,0-.23.207.3.3,0,0,0-.047.051c-.011.013-.027.028-.036.042a1.611,1.611,0,0,0-.163.19L7.039,12.133a8.04,8.04,0,0,1,8.352-5.007h0a3.681,3.681,0,0,0,.93.133h.046a3.633,3.633,0,0,0,2.008-.605,3.57,3.57,0,0,0,.926-.9A3.63,3.63,0,1,0,13.368,1.57a3.491,3.491,0,0,0-.38.71,3.589,3.589,0,0,0-.26,1.35c0,.065,0,.125,0,.19a4.146,4.146,0,0,0,.051.459,3.721,3.721,0,0,0,.125.486L6.369,8.542a3.546,3.546,0,0,0-.649-.59,3.629,3.629,0,0,0-4.2,0,3.675,3.675,0,0,0-.894.9,3.483,3.483,0,0,0-.38.71,3.35,3.35,0,0,0-.137.41,3.563,3.563,0,0,0-.123.949v.19a3.57,3.57,0,0,0,.038.38.635.635,0,0,0,.013.08,3.641,3.641,0,0,0,.634,1.469h0a3.7,3.7,0,0,0,.934.894,3.606,3.606,0,0,0,2.008.607,3.732,3.732,0,0,0,.55-.038l-.044.036a8.037,8.037,0,0,1,8.6,4.556v-.021a3.606,3.606,0,0,0,2.836,2.61,3.472,3.472,0,0,0,1.26,0,3.629,3.629,0,0,0,2.879-2.58.228.228,0,0,0,0-.038,3.606,3.606,0,0,0-.6-3.111,2.769,2.769,0,0,0-.344-.393M14.129,3.515a2.19,2.19,0,0,1,.254-.928,2.323,2.323,0,0,1,.885-.907A2.24,2.24,0,0,1,16.359,1.4a2.206,2.206,0,0,1,1.1.285,2.234,2.234,0,0,1,.886.909,2.179,2.179,0,0,1,.252,1.038,2.213,2.213,0,0,1-.306,1.116,2.181,2.181,0,0,1-.949.888,2.255,2.255,0,0,1-.983.23h-.04a2.158,2.158,0,0,1-.949-.228,2.278,2.278,0,0,1-.569-.406,1.912,1.912,0,0,1-.156-.171,2.314,2.314,0,0,1-.224-.313.078.078,0,0,1-.015-.027,2.226,2.226,0,0,1-.287-1.091.76.76,0,0,1,0-.114M2.638,12.921a2.24,2.24,0,0,1-.731-.569,2.327,2.327,0,0,1-.22-.307,2.24,2.24,0,0,1-.3-1.118,1.122,1.122,0,0,1,0-.114,2.183,2.183,0,0,1,.258-.941,2.316,2.316,0,0,1,.885-.909,2.278,2.278,0,0,1,1.09-.283,2.232,2.232,0,0,1,1.5.59,2.19,2.19,0,0,1,.437.55.313.313,0,0,1,.038.059,2.1,2.1,0,0,1,.207.562,2.149,2.149,0,0,1,.053.484,2.056,2.056,0,0,1-.057.488,2.105,2.105,0,0,1-.226.6.277.277,0,0,1-.017.028,2.183,2.183,0,0,1-.435.535,2.158,2.158,0,0,1-.514.349,2.265,2.265,0,0,1-.985.23,2.23,2.23,0,0,1-.983-.23m15.8,5.44a2.219,2.219,0,0,1-.642,1.346,2.169,2.169,0,0,1-.22.19,2.261,2.261,0,0,1-.746.38,2.175,2.175,0,0,1-1.26-.019,2.12,2.12,0,0,1-.917-.549A2.185,2.185,0,0,1,14,18.1h0a.9.9,0,0,1,.015-.2c.015-.066,0-.076.015-.116a1.575,1.575,0,0,1,.055-.241,1.993,1.993,0,0,1,.2-.48c.011-.025.027-.049.04-.074a2.291,2.291,0,0,1,.321-.4h0c.034-.034.066-.063.1-.093a1.627,1.627,0,0,1,.142-.114,1.693,1.693,0,0,1,.2-.139,2.253,2.253,0,0,1,2.245,0,2.446,2.446,0,0,1,.45.345,2.371,2.371,0,0,1,.323.412,2.266,2.266,0,0,1,.319,1.388" transform="translate(0.01 0)"/><path d="M78.35,12.262a.338.338,0,0,0,.319.222h.8v.845a.2.2,0,0,0,.013.085.325.325,0,0,0,.173.216.268.268,0,0,0,.156.046.294.294,0,0,0,.1-.019.34.34,0,0,0,.245-.328v-.845h.9a.345.345,0,0,0,.347-.344.355.355,0,0,0-.156-.287.349.349,0,0,0-.19-.057h-.9v-.848a.325.325,0,0,0-.082-.216.305.305,0,0,0-.044-.042l-.038-.023-.068-.036a.237.237,0,0,0-.112-.023.3.3,0,0,0-.156.038.19.19,0,0,0-.055.036.323.323,0,0,0-.129.268V11.8h-.8a.363.363,0,0,0-.19.057.38.38,0,0,0-.123.167.247.247,0,0,0-.027.12.3.3,0,0,0,.011.084.315.315,0,0,0,.015.038" transform="translate(-63.459 -8.595)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

@ -1,3 +1,6 @@
body {
overflow: unset !important;
}
.custom-footer {
position: relative;
@ -88,6 +91,7 @@ h2 .custom-external {
.clickable {
cursor: pointer;
user-select: none;
}
.search-filters .uk-accordion-title {
@ -286,7 +290,15 @@ h2 .custom-external {
/*.uk-tab{
border-bottom: 1px #cbcbcb solid;
}*/
.label-classified {
border-radius: 4px;
padding: 1px 8px;
background-color: #ABABAB;
color: white;
text-transform: uppercase;
margin-bottom: 5px;
margin-right: 5px;
}
.label-blue, .label-compatibility {
background: #d4f3ff;
@ -318,11 +330,6 @@ h2 .custom-external {
color: #00a0de;
}
.label-orange, .label-sc39 {
background: #fef5d2;
color: #f0506e;
}
.label-publication {
background: #4687E6;
color: #fff
@ -364,6 +371,7 @@ h2 .custom-external {
.label-funder,
.label-language,
.label-country,
.label-type,
.label-orange, .label-sc39,
.label-language, .label-publication,
.label-publication,
@ -844,14 +852,11 @@ dd:last-child {
}
.sideInfoTitle {
font-weight: 500;
border-bottom: 1px solid var(--portal-main-color);
/* background-color: var(--portal-main-color); */
/* color:var(--portal-main-contrast) !important; */
padding-top: 5px;
padding-left: 3px;
font-weight: normal !important;
border-radius: 4px;
background-color: #F0F0F0;
padding: 5px 12px;
font-size: 12px;
}
/*.linkButtonsBox{
@ -893,7 +898,10 @@ box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
.portal-background-color {
background-color: var(--portal-main-color) !important;
color: var(--portal-main-contrast) !important;
}
.portal-background-color * {
color: var(--portal-main-contrast);
}
.portal-button,.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
@ -1162,7 +1170,7 @@ showTitle h2 {
.portal-hr {
border-bottom: 1px solid var(--portal-main-color) !important;
padding: 5px 0px;
padding: 5px 0;
}
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
@ -1356,6 +1364,7 @@ textarea {
.default-dropdown {
background: white;
max-width: 500px;
}
[class*="uk-animation-"] {
@ -1431,7 +1440,316 @@ input[name="code"] {
white-space: nowrap;
background: #f9f9f9;
border: 1px solid #ededed;
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 {
background-color: #E5E5E5;
border-color: #E5E5E5;
border-radius: 2px;
color: inherit;
line-height: 15px;
padding: 3px 10px;
}
.searchFilterItem {
margin-bottom: 5px;
}
.range-button > button{
padding: 5px 10px;
text-transform: none;
}
/* Landing gradient title section*/
.title-section {
background-image: linear-gradient(to right, #FFFFFF , #F0F0F0);
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 4px;
position: relative;
}
.title-section .under-curation{
background-image: url("./under_curation.svg");
height: 17px;
width: 13px;
display: inline-block;
}
.uk-modal .title-section h1, .feedback-page .title-section h1{
font-size: 18px;
font-family: "Open Sans";
font-weight: 400;
}
/* Landing Download from section*/
.landing .download-from > div {
padding: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.landing .download-from > div:last-child {
border-bottom: none;
}
.landing .download-from > div:hover {
background-color: #F0F0F0;
border-radius: 4px;
}
.landing .download-from > div .title {
color: black;
font-weight: 700;
}
.landing .download-from > div a.title:hover {
text-decoration: underline;
}
.landing .download-from .provider > a {
color: #666;
text-decoration: underline;
}
/* Landing Relations section*/
.landing .simple-buttons > div {
font-size: 16px;
padding: 15px 30px;
border-radius: 4px;
background-color: white;
border: 1px solid #DEDEDE;
}
.landing .simple-buttons > div:hover {
background-color: #F0F0F0;
box-shadow: 0 1px 6px #00000033;
}
.landing .advanced-buttons > div > div {
border-radius: 4px;
font-size: 16px;
border: 1px solid #DEDEDE;
}
.landing .advanced-buttons > div > div:hover {
box-shadow: 0 1px 6px #00000033;
}
.landing .advanced-buttons > div > div .header {
padding: 15px;
min-height: 60px;
color: var(--portal-main-color);
text-overflow: ellipsis;
}
.landing .advanced-buttons > div > div .icon {
z-index: 1;
color: var(--portal-main-color);
}
.landing .advanced-buttons > div > div .icon > svg {
width: 40px;
height: 40px;
}
.landing .advanced-buttons > div > div .footer {
padding: 15px;
min-height: 60px;
background-color: #F0F0F0;
font-size: 24px;
color: #666;
}
.landing .advanced-buttons > div > div:hover .footer {
color: black;
}
.landing .left-border {
border-left: 3px solid #EBEBEB;
padding-left: 20px;
}
.landing #feedback-pos {
position:-webkit-sticky;
position: sticky;
bottom: 20px;
}
.landing .feedback {
border-radius: 4px;
border: 1px solid #DCDCDC;
box-shadow: 0 2px 4px #0000001A;
background-color: white;
padding: 5px 15px;
font-size: 12px;
z-index: 1;
}
.matSelection .mat-select-value, .matSelection .mat-select-arrow {
color: inherit !important;
}
.matSelection.mat-select {
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.matSelection.mat-select:focus {
border-color: #222080;
}
.matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple {
height: 0 !important;
}
.portal-progress.uk-progress, .green-progress.uk-progress {
background-color: #F0F0F0;
height: 10px;
}
/*firefox*/
.portal-progress.uk-progress::-moz-progress-bar {
background-color: var(--portal-main-color);
}
.green-progress.uk-progress::-moz-progress-bar {
background-color: #9ADC83 !important;
}
/*chrome*/
.portal-progress.uk-progress::-webkit-progress-value {
background-color: var(--portal-main-color);
}
.green-progress.uk-progress::-webkit-progress-value {
background-color: #9ADC83 !important;
}
/*internet explore & edge*/
.portal-progress.uk-progress::-ms-fill {
background-color: var(--portal-main-color);
}
.green-progress.uk-progress::-ms-fill {
background-color: #9ADC83 !important;
}
svg #statistics-bars {
fill: var(--portal-main-color);
}
.bioentities-buttons > div > * {
border-radius: 4px;
font-size: 16px;
font-weight: 700;
border: 1px solid #DEDEDE;
padding: 40px 0;
width: 100%;
display: inline-block;
text-align: center;
text-transform: uppercase;
color: #666;
}
.bioentities-buttons > div > a:hover {
background-color: #F0F0F0;
color: black;
box-shadow: 0 1px 6px #00000033;
}
/* Feedback page*/
.feedback-page .title-section {
background-image: linear-gradient(to right, var(--portal-main-color) , #F37A53);
}
.feedback-page .form {
margin-top: 5px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 25px 25px 15px;
}
.feedback-sent {
border-radius: 4px;
background-color: var(--portal-main-color);
color: white;
padding: 50px 100px;
text-align: center;
}
.feedback-sent * {
color: white;
}
.space {
margin-left: 4px;
}
.uk-modal .uk-modal-dialog {
border-radius: 4px;
}
.uk-tooltip.under-curation-tooltip {
background-color: white;
display: block;
border-radius: 4px;
padding: 15px 15px 0;
border: 1px solid #DEDEDE;
color: #6c6c6c;
z-index: 10000;
}
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover {

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.6 17" style="enable-background:new 0 0 13.6 17;" xml:space="preserve">
<style type="text/css">
.st0{fill:#9B9B9B;}
</style>
<g>
<path class="st0" d="M7.8,7.4C7.8,7.4,7.8,7.4,7.8,7.4c-1,0-2,0.4-2.7,1.1C4.4,9.2,4,10.1,4,11.1c0,1,0.4,2,1.1,2.7
C5.8,14.5,6.7,15,7.7,15c2.1,0,3.8-1.7,3.8-3.8C11.6,9.1,9.9,7.4,7.8,7.4z M10.1,13.9l-3.3-2V8.1h1.6l0,2.9l2.5,1.5L10.1,13.9z"/>
<path class="st0" d="M8.5,0H1.7C0.8,0,0,0.8,0,1.7l0,13.6C0,16.2,0.8,17,1.7,17h10.5c1.4,0,1.4-1.2,1.4-1.7V5.1L8.5,0z M7.8,16.8
C7.8,16.8,7.8,16.8,7.8,16.8c-1.5,0-2.9-0.6-4-1.6c-1.1-1.1-1.7-2.5-1.7-4c0-3.1,2.5-5.7,5.6-5.7h0c3.1,0,5.7,2.5,5.7,5.7
C13.4,14.2,10.9,16.8,7.8,16.8z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 959 B

Loading…
Cancel
Save