Project

General

Profile

« Previous | Next » 

Revision 58274

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

View differences:

modules/uoa-services-library/trunk/ng-openaire-library/src/assets/under_curation.svg
1
<?xml version="1.0" encoding="utf-8"?>
2
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
<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"
4
	 viewBox="0 0 13.6 17" style="enable-background:new 0 0 13.6 17;" xml:space="preserve">
5
<style type="text/css">
6
	.st0{fill:#9B9B9B;}
7
</style>
8
<g>
9
	<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
10
		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"/>
11
	<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
12
		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
13
		C13.4,14.2,10.9,16.8,7.8,16.8z"/>
14
</g>
15
</svg>
modules/uoa-services-library/trunk/ng-openaire-library/src/assets/graph.svg
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>
modules/uoa-services-library/trunk/ng-openaire-library/src/assets/library.css
1
body {
2
    overflow: unset !important;
3
}
1 4

  
2 5
.custom-footer {
3 6
    position: relative;
......
88 91

  
89 92
.clickable {
90 93
    cursor: pointer;
94
    user-select: none;
91 95
}
92 96

  
93 97
.search-filters .uk-accordion-title {
......
286 290
/*.uk-tab{
287 291
  border-bottom: 1px #cbcbcb solid;
288 292
}*/
293
.label-classified {
294
    border-radius: 4px;
295
    padding: 1px 8px;
296
    background-color: #ABABAB;
297
    color: white;
298
    text-transform: uppercase;
299
    margin-bottom: 5px;
300
    margin-right: 5px;
301
}
289 302

  
290

  
291 303
.label-blue, .label-compatibility {
292 304
    background: #d4f3ff;
293 305
    color: #00a0de
......
318 330
    color: #00a0de;
319 331
}
320 332

  
321
.label-orange, .label-sc39 {
322
    background: #fef5d2;
323
    color: #f0506e;
324
}
325

  
326 333
.label-publication {
327 334
    background: #4687E6;
328 335
    color: #fff
......
364 371
.label-funder,
365 372
.label-language,
366 373
.label-country,
374
.label-type,
367 375
.label-orange, .label-sc39,
368 376
.label-language, .label-publication,
369 377
.label-publication,
......
844 852
}
845 853

  
846 854
.sideInfoTitle {
847

  
848
    font-weight: 500;
849
    border-bottom: 1px solid var(--portal-main-color);
850
    /* background-color: var(--portal-main-color); */
851
    /* color:var(--portal-main-contrast) !important; */
852
    padding-top: 5px;
853
    padding-left: 3px;
854

  
855
    font-weight: normal !important;
856
    border-radius: 4px;
857
    background-color: #F0F0F0;
858
    padding: 5px 12px;
859
    font-size: 12px;
855 860
}
856 861

  
857 862
/*.linkButtonsBox{
......
893 898

  
894 899
.portal-background-color {
895 900
    background-color: var(--portal-main-color) !important;
896
    color: var(--portal-main-contrast) !important;
897 901
}
898 902

  
903
.portal-background-color * {
904
    color: var(--portal-main-contrast);
905
}
906

  
899 907
.portal-button,.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
900 908

  
901 909
    background-color: var(--portal-main-color);
......
1162 1170

  
1163 1171
.portal-hr {
1164 1172
    border-bottom: 1px solid var(--portal-main-color) !important;
1165
    padding: 5px 0px;
1173
    padding: 5px 0;
1166 1174
}
1167 1175

  
1168 1176
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
......
1356 1364

  
1357 1365
.default-dropdown {
1358 1366
    background: white;
1367
    max-width: 500px;
1359 1368
}
1360 1369

  
1361 1370
[class*="uk-animation-"] {
......
1431 1440
    white-space: nowrap;
1432 1441
    background: #f9f9f9;
1433 1442
    border: 1px solid #ededed;
1434
    border-radius: 1px
1443
    border-radius: 1px;
1435 1444
}
1436 1445

  
1437 1446
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus,  ul.portalTabs.uk-tab > * > a:hover {
......
1482 1491
}
1483 1492
.entitiesSelectionPanel, .matSelectionPanel{
1484 1493
    margin-top: 30px !important;
1494
}
1495

  
1496

  
1497
.selectedFilterLabel {
1498
    background-color: #E5E5E5;
1499
    border-color: #E5E5E5;
1500
    border-radius: 2px;
1501
    color: inherit;
1502
    line-height: 15px;
1503
    padding: 3px 10px;
1504
}
1505

  
1506
.searchFilterItem {
1507
    margin-bottom: 5px;
1508
}
1509

  
1510
.range-button > button{
1511
    padding: 5px 10px;
1512
    text-transform: none;
1513
}
1514

  
1515
/* Landing gradient title section*/
1516
.title-section {
1517
    background-image: linear-gradient(to right, #FFFFFF , #F0F0F0);
1518
    padding-right: 10px;
1519
    padding-top: 5px;
1520
    padding-bottom: 5px;
1521
    border-radius: 4px;
1522
    position: relative;
1523
}
1524

  
1525
.title-section .under-curation{
1526
    background-image: url("./under_curation.svg");
1527
    height: 17px;
1528
    width: 13px;
1529
    display: inline-block;
1530
}
1531

  
1532
.uk-modal .title-section h1, .feedback-page .title-section h1{
1533
    font-size: 18px;
1534
    font-family: "Open Sans";
1535
    font-weight: 400;
1536
}
1537

  
1538
/* Landing Download from section*/
1539
.landing .download-from > div {
1540
    padding: 10px;
1541
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
1542
}
1543

  
1544
.landing .download-from > div:last-child {
1545
    border-bottom: none;
1546
}
1547

  
1548
.landing .download-from > div:hover {
1549
    background-color: #F0F0F0;
1550
    border-radius: 4px;
1551
}
1552

  
1553
.landing .download-from > div .title {
1554
    color: black;
1555
    font-weight: 700;
1556
}
1557

  
1558
.landing .download-from > div a.title:hover {
1559
    text-decoration: underline;
1560
}
1561

  
1562
.landing .download-from .provider > a {
1563
    color: #666;
1564
    text-decoration: underline;
1565
}
1566

  
1567
/* Landing Relations section*/
1568
.landing .simple-buttons > div {
1569
    font-size: 16px;
1570
    padding: 15px 30px;
1571
    border-radius: 4px;
1572
    background-color: white;
1573
    border: 1px solid #DEDEDE;
1574
}
1575

  
1576
.landing .simple-buttons > div:hover {
1577
    background-color: #F0F0F0;
1578
    box-shadow: 0 1px 6px #00000033;
1579
}
1580

  
1581
.landing .advanced-buttons > div > div {
1582
    border-radius: 4px;
1583
    font-size: 16px;
1584
    border: 1px solid #DEDEDE;
1585
}
1586

  
1587
.landing .advanced-buttons > div > div:hover {
1588
    box-shadow: 0 1px 6px #00000033;
1589
}
1590

  
1591
.landing .advanced-buttons > div > div .header {
1592
    padding: 15px;
1593
    min-height: 60px;
1594
    color: var(--portal-main-color);
1595
    text-overflow: ellipsis;
1596
}
1597

  
1598
.landing .advanced-buttons > div > div .icon {
1599
    z-index: 1;
1600
    color: var(--portal-main-color);
1601
}
1602

  
1603
.landing .advanced-buttons > div > div .icon > svg {
1604
    width: 40px;
1605
    height: 40px;
1606
}
1607

  
1608
.landing .advanced-buttons > div > div .footer {
1609
    padding: 15px;
1610
    min-height: 60px;
1611
    background-color: #F0F0F0;
1612
    font-size: 24px;
1613
    color: #666;
1614
}
1615

  
1616
.landing .advanced-buttons > div > div:hover .footer {
1617
    color: black;
1618
}
1619

  
1620
.landing .left-border {
1621
    border-left: 3px solid #EBEBEB;
1622
    padding-left: 20px;
1623
}
1624

  
1625
.landing #feedback-pos {
1626
    position:-webkit-sticky;
1627
    position: sticky;
1628
    bottom: 20px;
1629
}
1630

  
1631
.landing .feedback {
1632
    border-radius: 4px;
1633
    border: 1px solid #DCDCDC;
1634
    box-shadow: 0 2px 4px #0000001A;
1635
    background-color: white;
1636
    padding: 5px 15px;
1637
    font-size: 12px;
1638
    z-index: 1;
1639
}
1640

  
1641
.matSelection .mat-select-value, .matSelection .mat-select-arrow {
1642
    color: inherit !important;
1643
}
1644

  
1645
.matSelection.mat-select {
1646
    padding-bottom: 4px;
1647
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
1648
}
1649

  
1650
.matSelection.mat-select:focus {
1651
    border-color: #222080;
1652
}
1653

  
1654
.matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple {
1655
    height: 0 !important;
1656
}
1657

  
1658
.portal-progress.uk-progress, .green-progress.uk-progress {
1659
    background-color: #F0F0F0;
1660
    height: 10px;
1661
}
1662

  
1663
/*firefox*/
1664
.portal-progress.uk-progress::-moz-progress-bar {
1665
    background-color: var(--portal-main-color);
1666
}
1667

  
1668
.green-progress.uk-progress::-moz-progress-bar {
1669
    background-color: #9ADC83 !important;
1670
}
1671

  
1672
/*chrome*/
1673
.portal-progress.uk-progress::-webkit-progress-value {
1674
    background-color: var(--portal-main-color);
1675
}
1676

  
1677
.green-progress.uk-progress::-webkit-progress-value {
1678
    background-color: #9ADC83 !important;
1679
}
1680

  
1681
/*internet explore & edge*/
1682
.portal-progress.uk-progress::-ms-fill {
1683
    background-color: var(--portal-main-color);
1684
}
1685

  
1686
.green-progress.uk-progress::-ms-fill {
1687
    background-color: #9ADC83 !important;
1688
}
1689

  
1690
svg #statistics-bars {
1691
    fill: var(--portal-main-color);
1692
}
1693

  
1694
.bioentities-buttons > div > * {
1695
    border-radius: 4px;
1696
    font-size: 16px;
1697
    font-weight: 700;
1698
    border: 1px solid #DEDEDE;
1699
    padding: 40px 0;
1700
    width: 100%;
1701
    display: inline-block;
1702
    text-align: center;
1703
    text-transform: uppercase;
1704
    color: #666;
1705
}
1706

  
1707
.bioentities-buttons > div > a:hover {
1708
    background-color: #F0F0F0;
1709
    color: black;
1710
    box-shadow: 0 1px 6px #00000033;
1711
}
1712

  
1713
/* Feedback page*/
1714
.feedback-page .title-section {
1715
    background-image: linear-gradient(to right, var(--portal-main-color) , #F37A53);
1716
}
1717

  
1718
.feedback-page .form {
1719
    margin-top: 5px;
1720
    border-radius: 4px;
1721
    border: 1px solid rgba(0, 0, 0, 0.2);
1722
    padding: 25px 25px 15px;
1723
}
1724

  
1725
.feedback-sent {
1726
    border-radius: 4px;
1727
    background-color: var(--portal-main-color);
1728
    color: white;
1729
    padding: 50px 100px;
1730
    text-align: center;
1731
}
1732

  
1733
.feedback-sent * {
1734
    color: white;
1735
}
1736

  
1737
.space {
1738
    margin-left: 4px;
1739
}
1740

  
1741
.uk-modal .uk-modal-dialog {
1742
    border-radius: 4px;
1743
}
1744

  
1745
.uk-tooltip.under-curation-tooltip {
1746
    background-color: white;
1747
    display: block;
1748
    border-radius: 4px;
1749
    padding: 15px 15px 0;
1750
    border: 1px solid #DEDEDE;
1751
    color: #6c6c6c;
1752
    z-index: 10000;
1753
}
1754

  
1755
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus,  ul.portalTabs.uk-tab > * > a:hover {
1756
    color: var(--portal-main-color) !important;
1757
    border-color: var(--portal-main-color) !important;
1758
    /*font-family: Roboto, sans-serif !important;*/
1759
}
1760
ul.portalTabs.uk-tab  > .uk-active > a{
1761
 font-weight: bold;
1762
}
1763

  
1764
ul.portalTabs.uk-tab::before {
1765
    border-bottom: 1px solid var(--portal-main-color);
1766
}
1767

  
1768
.quickSelectionsBox{
1769
    border: 1px solid #E6E6E6;
1770
    border-top:0px;
1771
    background-color: white;
1772
}
1773

  
1774
.selectedFilterLabel {
1775
    background-color: #E5E5E5 !important;
1776
    border-color: #E5E5E5 !important;
1777
    border-radius: 2px !important;
1778
    color: inherit !important;
1779
    line-height: 15px !important;
1780
    padding: 3px 10px !important;
1781
}
1782

  
1783
.searchFilterItem {
1784
    margin-bottom: 5px;
1785
}
1786

  
1787
.range-button > button{
1788
    padding: 5px 10px !important;
1789
    text-transform: none !important;
1790
}
1791

  
1792
.portal-box .mat-select-value, .portal-box .mat-select-arrow{
1793
    color: var(--portal-main-contrast) !important;
1794

  
1795
}
1796
.entitiesSelection{
1797
    width: 150px;
1798
    padding:10px;
1799
    display: inline-block
1800
}
1801
.entitiesSelectionPanel, .matSelectionPanel{
1802
    margin-top: 30px !important;
1485 1803
}
1486 1804

  
1487 1805
.matSelection .mat-select-value, .matSelection .mat-select-arrow {

Also available in: Unified diff