Revision 50330
Added by Stefania Martziou over 6 years ago
| modules/uoa-repository-manager-gui/trunk/src/main/java/eu/dnetlib/repo/manager/client/datasources/register/SelectRepositoryTypeWidget.java | ||
|---|---|---|
| 69 | 69 |
|
| 70 | 70 |
String content = ""; |
| 71 | 71 |
|
| 72 |
content += "<div class=\"uk-margin uk-grid\" uk-grid=\"\">\n" + |
|
| 72 |
content += "<div class=\"uk-margin uk-grid repositoryTypeSelection\" uk-grid=\"\">\n" +
|
|
| 73 | 73 |
"\t<div class=\"uk-width-expand@m uk-width-1-2@s uk-grid-item-match uk-first-column\">\n" + |
| 74 | 74 |
" \t<div class=\"uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium\" uk-scrollspy-class=\"\" data-id=\"page#38\" style=\"\">\n" + |
| 75 | 75 |
" \t<a href=\"#registerDatasource/literature\" class=\"el-link uk-position-cover uk-margin-remove-adjacent\"></a>\n" + |
| ... | ... | |
| 77 | 77 |
" <img src=\"img/Literature_repos_square.png\" class=\"el-image\" alt=\"\" style=\"width: 100%\">\n" + |
| 78 | 78 |
" </div> \n" + |
| 79 | 79 |
" <div class=\"uk-card-body\">\n" + |
| 80 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Literature Repository</h3>\n" +
|
|
| 80 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Make sure your repository is already registered in OpenDOAR, the authoritative directory of institutional and thematic OA repositories.</h3>\n" +
|
|
| 81 | 81 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\"><a href=\"http://www.opendoar.org\" target=\"_blank\">List provided by <br>OpenDOAR<i class=\"fa fa-external-link\" style=\"margin-left:3px\"></i></a></div>\n" + |
| 82 | 82 |
" </div>\n" + |
| 83 | 83 |
"\t\t</div>\n" + |
| ... | ... | |
| 90 | 90 |
" <img src=\"img/Data_repos_sqare.png\" class=\"el-image\" alt=\"\" style=\"width: 100%\">\n" + |
| 91 | 91 |
" </div> \n" + |
| 92 | 92 |
" <div class=\"uk-card-body\">\n" + |
| 93 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Data Repository</h3>\n" +
|
|
| 93 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Make sure your data repository is registered in Re3Data, the global registry of research data repositories from different academic disciplines. </h3>\n" +
|
|
| 94 | 94 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\"><a href=\"http://www.re3data.org\" target=\"_blank\">List provided by <br>Re3data<i class=\"fa fa-external-link\" style=\"margin-left:3px\"></i></a></div>\n" + |
| 95 | 95 |
" </div>\n" + |
| 96 | 96 |
"\t\t</div>\n" + |
| ... | ... | |
| 102 | 102 |
" \t<img src=\"img/OAJournals_square.png\" class=\"el-image\" alt=\"\" style=\"width: 100%\">\n" + |
| 103 | 103 |
" </div> \n" + |
| 104 | 104 |
" <div class=\"uk-card-body\">\n" + |
| 105 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Journal</h3>\n" +
|
|
| 106 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>\n" +
|
|
| 105 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Make sure that your Open Access Journal is compatible with the OpenAIRE literature Guidelines.</h3>\n" +
|
|
| 106 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\"><a href=\"https://www.openaire.eu/helpdesk/\" target=\"_blank\">For any questions please contact the OpenAIRE helpdesk.<i class=\"fa fa-external-link\" style=\"margin-left:3px\"></i></a></div>\n" +
|
|
| 107 | 107 |
" </div>\n" + |
| 108 | 108 |
"\t\t</div>\n" + |
| 109 | 109 |
"\t</div>\n" + |
| ... | ... | |
| 114 | 114 |
" \t<img src=\"img/Icons_Aggregators_square.png\" class=\"el-image\" alt=\"\" style=\"width: 100%\">\n" + |
| 115 | 115 |
" </div> \n" + |
| 116 | 116 |
" <div class=\"uk-card-body\">\n" + |
| 117 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Aggregator</h3>\n" +
|
|
| 118 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>\n" +
|
|
| 117 |
" <h3 class=\"el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom\">Make sure that your publications aggregator is compatible with the OpenAIRE literature Guidelines.</h3>\n" +
|
|
| 118 |
"\t\t\t\t<div class=\"el-meta uk-margin uk-text-meta\"><a href=\"https://www.openaire.eu/helpdesk/\" target=\"_blank\">For any questions please contact the OpenAIRE helpdesk.<i class=\"fa fa-external-link\" style=\"margin-left:3px\"></i></a></div>\n" +
|
|
| 119 | 119 |
" </div>\n" + |
| 120 | 120 |
"\t\t</div>\n" + |
| 121 | 121 |
"\t</div>\n" + |
| modules/uoa-repository-manager-gui/trunk/src/main/webapp/RepositoryManager.css | ||
|---|---|---|
| 1451 | 1451 |
/*background: #d13f96;*/ |
| 1452 | 1452 |
/*font-weight: 600;*/ |
| 1453 | 1453 |
/*}*/ |
| 1454 |
|
|
| 1455 |
|
|
| 1456 |
|
|
| 1457 |
.repositoryTypeSelection .uk-card-body {
|
|
| 1458 |
padding: 20px 20px; |
|
| 1459 |
} |
|
| 1460 |
|
|
| 1461 |
.repositoryTypeSelection .el-title {
|
|
| 1462 |
font-size: 16px; |
|
| 1463 |
} |
|
| 1464 |
|
|
| 1465 |
/********************************/ |
|
| 1466 |
|
|
| 1467 |
.section {
|
|
| 1468 |
padding: 48px 0; |
|
| 1469 |
position: relative; |
|
| 1470 |
} |
|
| 1471 |
|
|
| 1472 |
/*.md-bg-blue-grey-700 {*/
|
|
| 1473 |
/*background-color: #214c9c !important;*/ |
|
| 1474 |
/*}*/ |
|
| 1475 |
|
|
| 1476 |
.al_timeline {
|
|
| 1477 |
position: relative; |
|
| 1478 |
padding: 24px 20px 32px; |
|
| 1479 |
font-size: 80%; |
|
| 1480 |
} |
|
| 1481 |
|
|
| 1482 |
.al_timeline::after {
|
|
| 1483 |
position: absolute; |
|
| 1484 |
top: 0; |
|
| 1485 |
bottom: 0; |
|
| 1486 |
margin-left: -2px; |
|
| 1487 |
left: 50%; |
|
| 1488 |
content: ''; |
|
| 1489 |
width: 4px; |
|
| 1490 |
/*background: rgba(255, 255, 255, 0.5);*/ |
|
| 1491 |
/*background: #D1303A;*/ |
|
| 1492 |
background: #040067; |
|
| 1493 |
display: block; |
|
| 1494 |
} |
|
| 1495 |
|
|
| 1496 |
.al_timeline_block::before, .al_timeline_block::after {
|
|
| 1497 |
content: " "; |
|
| 1498 |
display: table; |
|
| 1499 |
} |
|
| 1500 |
|
|
| 1501 |
.al_timeline_block::after {
|
|
| 1502 |
clear: both; |
|
| 1503 |
} |
|
| 1504 |
|
|
| 1505 |
.al_timeline_block + * {
|
|
| 1506 |
margin-top: 10px; |
|
| 1507 |
} |
|
| 1508 |
|
|
| 1509 |
.al_timeline_block:nth-child(2n) .al_timeline_content {
|
|
| 1510 |
float: right; |
|
| 1511 |
} |
|
| 1512 |
|
|
| 1513 |
.al_timeline_block:nth-child(2n+1) .al_timeline_content {
|
|
| 1514 |
text-align: right; |
|
| 1515 |
} |
|
| 1516 |
|
|
| 1517 |
[class*="uk-animation-"] {
|
|
| 1518 |
-webkit-animation-duration: .5s; |
|
| 1519 |
animation-duration: .5s; |
|
| 1520 |
-webkit-animation-timing-function: ease-out; |
|
| 1521 |
animation-timing-function: ease-out; |
|
| 1522 |
-webkit-animation-fill-mode: both; |
|
| 1523 |
animation-fill-mode: both; |
|
| 1524 |
} |
|
| 1525 |
|
|
| 1526 |
.uk-animation-scale-up {
|
|
| 1527 |
-webkit-animation-name: uk-fade-scale-02; |
|
| 1528 |
animation-name: uk-fade-scale-02; |
|
| 1529 |
} |
|
| 1530 |
|
|
| 1531 |
[class*="uk-animation-"] {
|
|
| 1532 |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1533 |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1534 |
-webkit-animation-duration: 560ms; |
|
| 1535 |
animation-duration: 560ms; |
|
| 1536 |
} |
|
| 1537 |
|
|
| 1538 |
.al_timeline_image {
|
|
| 1539 |
position: absolute; |
|
| 1540 |
left: 50%; |
|
| 1541 |
width: 64px; |
|
| 1542 |
height: 64px; |
|
| 1543 |
margin-left: -32px; |
|
| 1544 |
background: #fff; |
|
| 1545 |
border-radius: 50%; |
|
| 1546 |
text-align: center; |
|
| 1547 |
z-index: 10; |
|
| 1548 |
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
|
| 1549 |
} |
|
| 1550 |
|
|
| 1551 |
[class*="uk-animation-"] {
|
|
| 1552 |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1553 |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1554 |
-webkit-animation-duration: 840ms; |
|
| 1555 |
animation-duration: 840ms; |
|
| 1556 |
} |
|
| 1557 |
|
|
| 1558 |
[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
|
|
| 1559 |
opacity: 0; |
|
| 1560 |
} |
|
| 1561 |
|
|
| 1562 |
[class*="uk-animation-"] {
|
|
| 1563 |
-webkit-animation-duration: .5s; |
|
| 1564 |
animation-duration: .5s; |
|
| 1565 |
-webkit-animation-timing-function: ease-out; |
|
| 1566 |
animation-timing-function: ease-out; |
|
| 1567 |
-webkit-animation-fill-mode: both; |
|
| 1568 |
animation-fill-mode: both; |
|
| 1569 |
} |
|
| 1570 |
|
|
| 1571 |
.uk-animation-slide-left {
|
|
| 1572 |
-webkit-animation-name: uk-fade-left; |
|
| 1573 |
animation-name: uk-fade-left; |
|
| 1574 |
} |
|
| 1575 |
|
|
| 1576 |
[class*="uk-animation-"] {
|
|
| 1577 |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1578 |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1579 |
-webkit-animation-duration: 560ms; |
|
| 1580 |
animation-duration: 560ms; |
|
| 1581 |
} |
|
| 1582 |
|
|
| 1583 |
.al_timeline_content {
|
|
| 1584 |
box-sizing: border-box; |
|
| 1585 |
background: #fff; |
|
| 1586 |
width: 44%; |
|
| 1587 |
padding: 8px 15px; |
|
| 1588 |
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
|
| 1589 |
position: relative; |
|
| 1590 |
border-radius: 4px; |
|
| 1591 |
} |
|
| 1592 |
|
|
| 1593 |
[class*="uk-animation-"] {
|
|
| 1594 |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1595 |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
|
| 1596 |
-webkit-animation-duration: 840ms; |
|
| 1597 |
animation-duration: 840ms; |
|
| 1598 |
} |
|
| 1599 |
|
|
| 1600 |
[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
|
|
| 1601 |
opacity: 0; |
|
| 1602 |
} |
|
| 1603 |
|
|
| 1604 |
.md-color-red-600 {
|
|
| 1605 |
/*color: #e53935 !important;*/ |
|
| 1606 |
color: #040067 !important; |
|
| 1607 |
} |
|
| 1608 |
|
|
| 1609 |
.material-icons {
|
|
| 1610 |
font-family: 'Material Icons'; |
|
| 1611 |
font-weight: normal; |
|
| 1612 |
font-style: normal; |
|
| 1613 |
font-size: 18px; |
|
| 1614 |
display: inline-block; |
|
| 1615 |
width: 1em; |
|
| 1616 |
height: 1em; |
|
| 1617 |
line-height: 1; |
|
| 1618 |
text-transform: none; |
|
| 1619 |
letter-spacing: normal; |
|
| 1620 |
-webkit-font-smoothing: antialiased; |
|
| 1621 |
text-rendering: optimizeLegibility; |
|
| 1622 |
-moz-osx-font-smoothing: grayscale; |
|
| 1623 |
-webkit-font-feature-settings: 'liga'; |
|
| 1624 |
font-feature-settings: 'liga'; |
|
| 1625 |
vertical-align: -4px; |
|
| 1626 |
color: rgba(0, 0, 0, 0.54); |
|
| 1627 |
} |
|
| 1628 |
|
|
| 1629 |
.al_timeline_image {
|
|
| 1630 |
position: absolute; |
|
| 1631 |
left: 50%; |
|
| 1632 |
width: 40px; |
|
| 1633 |
height: 40px; |
|
| 1634 |
margin-left: -20px; |
|
| 1635 |
background: #fff; |
|
| 1636 |
border-radius: 50%; |
|
| 1637 |
text-align: center; |
|
| 1638 |
z-index: 10; |
|
| 1639 |
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
|
| 1640 |
margin-top: 12px; |
|
| 1641 |
} |
|
| 1642 |
|
|
| 1643 |
.al_timeline_block.update .al_timeline_image {
|
|
| 1644 |
position: absolute; |
|
| 1645 |
left: 50%; |
|
| 1646 |
width: 24px; |
|
| 1647 |
height: 24px; |
|
| 1648 |
margin-left: -12px; |
|
| 1649 |
/*background: #D1303A;*/ |
|
| 1650 |
background: #040067; |
|
| 1651 |
border-radius: 50%; |
|
| 1652 |
text-align: center; |
|
| 1653 |
z-index: 10; |
|
| 1654 |
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
|
| 1655 |
margin-top: 20px; |
|
| 1656 |
} |
|
| 1657 |
|
|
| 1658 |
.al_timeline_image > i {
|
|
| 1659 |
font-size: 32px; |
|
| 1660 |
line-height: 64px; |
|
| 1661 |
} |
|
| 1662 |
|
|
| 1663 |
.al_timeline_content::after {
|
|
| 1664 |
position: absolute; |
|
| 1665 |
top: 24px; |
|
| 1666 |
right: -20px; |
|
| 1667 |
content: ''; |
|
| 1668 |
display: block; |
|
| 1669 |
border: 10px solid transparent; |
|
| 1670 |
border-left-color: transparent; |
|
| 1671 |
border-left-color: #fff; |
|
| 1672 |
} |
|
| 1673 |
|
|
| 1674 |
.al_timeline_block.update .al_timeline_content::after {
|
|
| 1675 |
position: absolute; |
|
| 1676 |
top: 24px; |
|
| 1677 |
right: -20px; |
|
| 1678 |
content: ''; |
|
| 1679 |
display: block; |
|
| 1680 |
border: 10px solid transparent; |
|
| 1681 |
border-left-color: transparent; |
|
| 1682 |
border-left-color: #214c9c; |
|
| 1683 |
} |
|
| 1684 |
|
|
| 1685 |
.al_timeline_block:nth-child(2n) .al_timeline_content::after {
|
|
| 1686 |
border-left-color: transparent; |
|
| 1687 |
border-right-color: #fff; |
|
| 1688 |
right: auto; |
|
| 1689 |
left: -20px; |
|
| 1690 |
} |
|
| 1691 |
|
|
| 1692 |
.update.al_timeline_block:nth-child(2n) .al_timeline_content::after {
|
|
| 1693 |
border-left-color: transparent; |
|
| 1694 |
border-right-color: #214c9c; |
|
| 1695 |
right: auto; |
|
| 1696 |
left: -20px; |
|
| 1697 |
} |
|
| 1698 |
|
|
| 1699 |
.al_timeline_content h3 {
|
|
| 1700 |
margin: 0 0 5px 0; |
|
| 1701 |
} |
|
| 1702 |
|
|
| 1703 |
.al_timeline_content p {
|
|
| 1704 |
margin: 0 0 5px 0; |
|
| 1705 |
} |
|
| 1706 |
|
|
| 1707 |
* + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure {
|
|
| 1708 |
margin-top: 5px; |
|
| 1709 |
} |
|
| 1710 |
|
|
| 1711 |
.al_timeline_block.update .al_timeline_content {
|
|
| 1712 |
background: #214c9c; |
|
| 1713 |
box-shadow: none; |
|
| 1714 |
color: #fff; |
|
| 1715 |
} |
|
| 1716 |
|
|
| 1717 |
.al_timeline_block.update .al_timeline_content h3 {
|
|
| 1718 |
color: #fff; |
|
| 1719 |
} |
|
| 1720 |
|
|
| 1721 |
/********************************/ |
|
Also available in: Unified diff
Changed the text in the select repository type widget