[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
This commit is contained in:
k.triantafyllou
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 |
352
library.css
352
library.css
|
|
@ -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…
Reference in New Issue