openaire-assets/library-css/utils.css

207 lines
5.9 KiB
CSS

/*@media (min-width: 960px) {*/
/* .float-children-right-at-medium > * {*/
/* float: right;*/
/* }*/
/*}*/
/*@media (max-width: 959px) {*/
/* .margin-small-top-at-small {*/
/* margin-top: 10px !important;*/
/* }*/
/*}*/
/*.space {*/
/* margin-left: 4px !important;*/
/*}*/
/*.custom-icon {*/
/* display: inline-block;*/
/* width: 18px;*/
/* height: 18px;*/
/* vertical-align: text-top;*/
/*}*/
/*.custom-icon.large {*/
/* width: 22px;*/
/* height: 22px;*/
/*}*/
.custom-external::after {
vertical-align: super;
color: var(--placeholder-color);
font-weight: 300;
font-size: 70%;
font-family: "Material Icons";
content: "\e895"; /* launch */
margin-left: 1px;
margin-top: -5px;
display: inline-block;
}
.uk-light .custom-external::after {
color: var(--light-color);
}
.custom-external:hover::after, .custom-external::after:hover{
text-decoration: none !important;
}
.view-more-less-link::after {
font-family: "Material Icons";
content: "\e5cc"; /* chevron_right */
margin-left: 1px;
display: inline-block;
vertical-align: middle;
}
.view-more-less-link:hover::after, .view-more-less-link::after:hover{
text-decoration: none !important;
}
/*.custom-icon-button {*/
/* border-radius: 50%;*/
/* padding: 9px 10px;*/
/* line-height: unset;*/
/*}*/
/*.custom-external-white {*/
/* background: url("~src/assets/common-assets/icons/external.svg") no-repeat;*/
/* background-size: contain;*/
/*}*/
/*.custom-copy-white {*/
/* background: url("~src/assets/common-assets/icons/copy.svg") no-repeat;*/
/* background-size: contain;*/
/*}*/
/*h2 .custom-external {*/
/* min-height: 20px;*/
/* background-size: 20px 20px;*/
/* padding-left: 21px;*/
/* background: rgba(0, 0, 0, 0) url("~src/assets/common-assets/external-link.svg") no-repeat scroll left center;*/
/*}*/
.multi-line-ellipsis > * {
display: -webkit-box !important;
autoprefixer: ignore next;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
}
/* all tags with display: block */
.multi-line-ellipsis > * p, .multi-line-ellipsis > * div, .multi-line-ellipsis > * pre,
.multi-line-ellipsis > * address, .multi-line-ellipsis > * article, .multi-line-ellipsis > * aside,
.multi-line-ellipsis > * blockquote, .multi-line-ellipsis > * canvas,
.multi-line-ellipsis > * dl, .multi-line-ellipsis > * dd, .multi-line-ellipsis > * dt,
.multi-line-ellipsis > * fieldset, .multi-line-ellipsis > * figcaption, .multi-line-ellipsis > * figure,
.multi-line-ellipsis > * footer, .multi-line-ellipsis > * form,
.multi-line-ellipsis > * h1, .multi-line-ellipsis > * h2, .multi-line-ellipsis > * h3, .multi-line-ellipsis > * h4, .multi-line-ellipsis > * h5, .multi-line-ellipsis > * h6,
.multi-line-ellipsis > * header, .multi-line-ellipsis > * hr, .multi-line-ellipsis > * li, .multi-line-ellipsis > * main,
.multi-line-ellipsis > * nav, .multi-line-ellipsis > * noscript, .multi-line-ellipsis > * ol, .multi-line-ellipsis > * section,
.multi-line-ellipsis > * table, .multi-line-ellipsis > * tfoot, .multi-line-ellipsis > * ul, .multi-line-ellipsis > * video {
display: contents;
}
.multi-line-ellipsis > * p:after, .multi-line-ellipsis > * div:after, .multi-line-ellipsis > * pre:after,
.multi-line-ellipsis > * address:after, .multi-line-ellipsis > * article:after, .multi-line-ellipsis > * aside:after,
.multi-line-ellipsis > * blockquote:after, .multi-line-ellipsis > * canvas:after,
.multi-line-ellipsis > * dl:after, .multi-line-ellipsis > * dd:after, .multi-line-ellipsis > * dt:after,
.multi-line-ellipsis > * fieldset:after, .multi-line-ellipsis > * figcaption:after, .multi-line-ellipsis > * figure:after,
.multi-line-ellipsis > * footer:after, .multi-line-ellipsis > * form:after,
.multi-line-ellipsis > * h1:after, .multi-line-ellipsis > * h2:after, .multi-line-ellipsis > * h3:after,
.multi-line-ellipsis > * h4:after, .multi-line-ellipsis > * h5:after, .multi-line-ellipsis > * h6:after,
.multi-line-ellipsis > * header:after, .multi-line-ellipsis > * hr:after, .multi-line-ellipsis > * li:after,
.multi-line-ellipsis > * main:after, .multi-line-ellipsis > * nav:after, .multi-line-ellipsis > * noscript:after,
.multi-line-ellipsis > * ol:after, .multi-line-ellipsis > * section:after, .multi-line-ellipsis > * table:after,
.multi-line-ellipsis > * tfoot:after, .multi-line-ellipsis > * ul:after, .multi-line-ellipsis > * video:after {
content: "\A";
white-space:pre;
}
.multi-line-ellipsis.line-1 > * {
-webkit-line-clamp: 1;
}
.multi-line-ellipsis.lines-2 > * {
-webkit-line-clamp: 2;
}
.multi-line-ellipsis.lines-3 > * {
-webkit-line-clamp: 3;
}
.multi-line-ellipsis.lines-10 > * {
-webkit-line-clamp: 10;
}
.iframeContainer {
overflow: hidden;
}
.iframeContainer iframe {
width: 100%;
height: 100%;
border: 0;
}
.clipboard-wrapper {
background: var(--light-color);
border: 0.5px solid var(--muted-color);
border-radius: 4px;
}
/*.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;*/
/*}*/
/*ul > li > .circle {*/
/* border-radius: 50%;*/
/* padding: 1px;*/
/*}*/
/*ul > li > .circle.uk-light svg > * {*/
/* stroke: #ffffff;*/
/*}*/
/*div:not(.uk-logo) > img {*/
/* align-self: start;*/
/*}*/
/*.number-width {*/
/* width: 270px;*/
/*}*/
/*.hide-element {*/
/* padding: 0 !important;*/
/* height: 0 !important;*/
/* overflow: hidden !important;*/
/*}*/
/*.cursor-default {*/
/* cursor: default !important;*/
/*}*/
/*.custom-break {*/
/* overflow-wrap: break-word;*/
/* word-wrap: break-word;*/
/* -ms-word-break: break-all;*/
/* word-break: break-all;*/
/* -ms-hyphens: auto;*/
/* -moz-hyphens: auto;*/
/* -webkit-hyphens: auto;*/
/* hyphens: auto;*/
/*}*/
.orcid-dropdown input {
border: none !important;
outline: 0 !important;
}