diff --git a/common/The_Global_Goals_Icon_Color.svg b/common/The_Global_Goals_Icon_Color.svg new file mode 100644 index 0000000..e4df544 --- /dev/null +++ b/common/The_Global_Goals_Icon_Color.svg @@ -0,0 +1,406 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/library-css/landing-utils.css b/library-css/landing-utils.css index 853b43c..43dfa59 100644 --- a/library-css/landing-utils.css +++ b/library-css/landing-utils.css @@ -303,6 +303,13 @@ :root { --landing-header-height: var(--navbar-height); + --landing-primary-color: var(--primary-color); + --landing-default-color: var(--default-color); + --landing-light-color: var(--light-color); + --landing-muted-color: var(--muted-color); + --landing-text-primary-color: var(--text-primary-color); + --landing-modal-header-color: rgba(var(--explore-color-rgb), 0.3); + --landing-section-separator-color: rgba(var(--explore-color-rgb), 0.3); } .landing-column-height { @@ -310,11 +317,55 @@ } .landing-background-light-color { - background-color: var(--light-color); + background-color: var(--landing-light-color); } .landing-background-default-color { - background-color: var(--default-color); + background-color: var(--landing-default-color); +} + +.landing-left-column-border { + border-right: 1px solid var(--landing-muted-color); +} + +.landing-action-button { + background-color: var(--landing-light-color); + border: 1px solid; + border-radius: 4px; + width: 35px; + height: 35px; +} + +.landing-action-button:hover { + background-color: var(--landing-default-color); + border: none; +} + +.landing-action-button.landing-action-button-portal { + color: var(--landing-text-primary-color); + border-color: var(--landing-text-primary-color); +} + +.landing-action-button.landing-action-button-primary { + color: var(--landing-primary-color); + border-color: var(--landing-primary-color); +} + +.landing-action-button.landing-action-button-orcid { + border-color: var(--orcid-color); +} + +.landing-action-tooltip { + background-color: transparent; + color: inherit; +} + +.landing-action-tooltip-portal { + color: var(--landing-text-primary-color); +} + +.landing-action-tooltip-primary { + color: var(--landing-primary-color); } .landing-section{ @@ -322,11 +373,26 @@ } #landing-sections .landing-section:not(:last-child):before{ - background-color: var(--background-primary); + background-color: var(--landing-section-separator-color); opacity: 0.3; } #landing-sections .landing-section:not(:last-child){ - border-bottom: solid 5px var(--background-primary); + border-bottom: solid 5px var(--landing-section-separator-color); } + +.landing-modal-header { + background-color: var(--landing-modal-header-color); + padding: 20px 40px; +} + +.download-from { + background: var(--landing-default-color); + border: 1px solid var(--landing-muted-color); + border-radius: 4px 4px 0 0; +} + +.download-from > *:not(:last-child) { + border-bottom: 1px solid var(--landing-muted-color); +} \ No newline at end of file diff --git a/library-css/utils.css b/library-css/utils.css index 82fc80b..63dfd68 100644 --- a/library-css/utils.css +++ b/library-css/utils.css @@ -26,10 +26,14 @@ /* height: 22px;*/ /*}*/ -/*.custom-external {*/ -/* background: url("~src/assets/common-assets/external-link.svg") no-repeat;*/ -/* background-size: contain;*/ -/*}*/ +.custom-external::after { + vertical-align: text-top; + color: var(--placeholder-color); + font-weight: 300; + font-size: 70%; + font-family: "Material Icons"; + content: "launch"; +} /*.custom-icon-button {*/ /* border-radius: 50%;*/ @@ -89,21 +93,17 @@ /* border: 0;*/ /*}*/ +.orcid-clipboard-wrapper { + background: var(--light-color); + box-shadow: 0px -1px 3px #00000026; + border: 0.5px solid var(--muted-color); + border-radius: 4px; +} -/*.orcid > input[name="code"] {*/ -/* border-radius: 2px 0 0 2px;*/ -/* border: 1px solid #ededed;*/ -/* border-right: none;*/ -/*}*/ - -/*.orcid > .uk-button.copy {*/ -/* border-radius: 0 2px 2px 0;*/ -/* border-left: none;*/ -/*}*/ - -/*.uk-button.copy {*/ -/* border-radius: 0;*/ -/*}*/ +.orcid-clipboard-wrapper > input[name="code"] { + font-size: inherit; + border: none; +} /*.uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover{*/ /* color:var(--portal-main-color) !important;*/