Project

General

Profile

1
@media (min-width: 960px) {
2
  .float-children-right-at-medium > * {
3
    float: right;
4
  }
5
}
6

    
7
@media (max-width: 959px) {
8
  .margin-small-top-at-small {
9
    margin-top: 10px !important;
10
  }
11
}
12

    
13
.space {
14
  margin-left: 4px !important;
15
}
16

    
17
.custom-icon {
18
  display: inline-block;
19
  width: 18px;
20
  height: 18px;
21
  vertical-align: text-top;
22
}
23

    
24
.custom-icon.large {
25
  width: 22px;
26
  height: 22px;
27
}
28

    
29
.custom-external {
30
  background: url("~src/assets/common-assets/external-link.svg") no-repeat;
31
  background-size: contain;
32
}
33

    
34
.custom-icon-button {
35
  border-radius: 50%;
36
  padding: 9px 10px;
37
  line-height: unset;
38
}
39

    
40
.custom-external-white {
41
  background: url("~src/assets/common-assets/icons/external.svg") no-repeat;
42
  background-size: contain;
43
}
44

    
45
.custom-copy-white {
46
  background: url("~src/assets/common-assets/icons/copy.svg") no-repeat;
47
  background-size: contain;
48
}
49

    
50
h2 .custom-external {
51
  min-height: 20px;
52
  background-size: 20px 20px;
53
  padding-left: 21px;
54
  background: rgba(0, 0, 0, 0) url("~src/assets/common-assets/external-link.svg") no-repeat scroll left center;
55
}
56

    
57
.multi-line-ellipsis p {
58
  display: -webkit-box;
59
  /* autoprefixer: ignore next */
60
  -webkit-box-orient: vertical;
61
  overflow: hidden;
62
  text-overflow: ellipsis;
63
}
64

    
65
.multi-line-ellipsis.line-1 p {
66
  -webkit-line-clamp: 1;
67
}
68

    
69
.multi-line-ellipsis.lines-2 p {
70
  -webkit-line-clamp: 2;
71
}
72

    
73
.multi-line-ellipsis.lines-3 p {
74
  -webkit-line-clamp: 3;
75
}
76

    
77
.multi-line-ellipsis.lines-10 p {
78
  -webkit-line-clamp: 10;
79
}
80

    
81
.iframeContainer {
82
  overflow: hidden;
83

    
84
}
85

    
86
.iframeContainer iframe {
87
  width: 100%;
88
  height: 100%;
89
  border: 0;
90
}
91

    
92

    
93
.orcid > input[name="code"] {
94
  border-radius: 2px 0 0 2px;
95
  border: 1px solid #ededed;
96
  border-right: none;
97
}
98

    
99
.orcid > .uk-button.copy {
100
  border-radius: 0 2px 2px 0;
101
  border-left: none;
102
}
103

    
104
.uk-button.copy {
105
  border-radius: 0;
106
}
107

    
108
.uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover{
109
  color:var(--portal-main-color) !important;
110
}
111

    
112
ul > li > .circle {
113
  border-radius: 50%;
114
  padding: 1px;
115
}
116

    
117
ul > li > .circle.uk-light svg > * {
118
  stroke: #ffffff;
119
}
120

    
121
div:not(.uk-logo) > img {
122
  align-self: start;
123
}
124

    
125
.number-width {
126
  width: 270px;
127
}
128

    
129
.hide-element {
130
  padding: 0 !important;
131
  height: 0 !important;
132
  overflow: hidden !important;
133
}
134

    
135
.cursor-default {
136
  cursor: default !important;
137
}
138

    
139
.custom-break {
140
  overflow-wrap: break-word;
141
  word-wrap: break-word;
142
  -ms-word-break: break-all;
143
  word-break: break-all;
144
  -ms-hyphens: auto;
145
  -moz-hyphens: auto;
146
  -webkit-hyphens: auto;
147
  hyphens: auto;
148

    
149
}
(19-19/20)