forked from cal/tdf-2023-webseite
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
214 lines
7.2 KiB
214 lines
7.2 KiB
:root {
|
|
--pagefind-ui-scale: 0.8;
|
|
--pagefind-ui-primary: #034AD8;
|
|
--pagefind-ui-fade: #707070;
|
|
--pagefind-ui-text: #393939;
|
|
--pagefind-ui-background: #ffffff;
|
|
--pagefind-ui-border: #eeeeee;
|
|
--pagefind-ui-tag: #eeeeee;
|
|
--pagefind-ui-border-width: 2px;
|
|
--pagefind-ui-border-radius: 8px;
|
|
--pagefind-ui-image-border-radius: 8px;
|
|
--pagefind-ui-image-box-ratio: 3 / 2;
|
|
--pagefind-ui-font: system, -apple-system, ".SFNSText-Regular",
|
|
"San Francisco", "Roboto", "Segoe UI", "Helvetica Neue",
|
|
"Lucida Grande", sans-serif;
|
|
}
|
|
|
|
[data-pfmod-hidden] {
|
|
display: none !important;
|
|
}
|
|
|
|
[data-pfmod-suppressed] {
|
|
opacity: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
[data-pfmod-sr-hidden] {
|
|
-webkit-clip: rect(0 0 0 0) !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
-webkit-clip-path: inset(100%) !important;
|
|
clip-path: inset(100%) !important;
|
|
height: 1px !important;
|
|
overflow: hidden !important;
|
|
overflow: clip !important;
|
|
position: absolute !important;
|
|
white-space: nowrap !important;
|
|
width: 1px !important;
|
|
}
|
|
|
|
[data-pfmod-loading] {
|
|
color: var(--pagefind-ui-text);
|
|
background-color: var(--pagefind-ui-text);
|
|
border-radius: var(--pagefind-ui-border-radius);
|
|
opacity: 0.1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Input */
|
|
|
|
.pagefind-modular-input-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.pagefind-modular-input-wrapper::before {
|
|
background-color: var(--pagefind-ui-text);
|
|
width: calc(18px * var(--pagefind-ui-scale));
|
|
height: calc(18px * var(--pagefind-ui-scale));
|
|
top: calc(23px * var(--pagefind-ui-scale));
|
|
left: calc(20px * var(--pagefind-ui-scale));
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
opacity: 0.7;
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
|
|
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
z-index: 9;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.pagefind-modular-input {
|
|
height: calc(64px * var(--pagefind-ui-scale));
|
|
padding: 0 calc(70px * var(--pagefind-ui-scale)) 0 calc(54px * var(--pagefind-ui-scale));
|
|
background-color: var(--pagefind-ui-background);
|
|
border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
|
|
border-radius: var(--pagefind-ui-border-radius);
|
|
font-size: calc(21px * var(--pagefind-ui-scale));
|
|
position: relative;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
display: flex;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.pagefind-modular-input::placeholder {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.pagefind-modular-input-clear {
|
|
position: absolute;
|
|
top: calc(2px * var(--pagefind-ui-scale));
|
|
right: calc(2px * var(--pagefind-ui-scale));
|
|
height: calc(60px * var(--pagefind-ui-scale));
|
|
border-radius: var(--pagefind-ui-border-radius);
|
|
padding: 0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * var(--pagefind-ui-scale));
|
|
color: var(--pagefind-ui-text);
|
|
font-size: calc(14px * var(--pagefind-ui-scale));
|
|
cursor: pointer;
|
|
background-color: var(--pagefind-ui-background);
|
|
border: none;
|
|
appearance: none;
|
|
}
|
|
|
|
/* ResultList */
|
|
|
|
.pagefind-modular-list-result {
|
|
list-style-type: none;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: min(calc(40px * var(--pagefind-ui-scale)), 3%);
|
|
padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));
|
|
border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
|
|
}
|
|
|
|
.pagefind-modular-list-result:last-of-type {
|
|
border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
|
|
}
|
|
|
|
.pagefind-modular-list-thumb {
|
|
width: min(30%,
|
|
calc((30% - (100px * var(--pagefind-ui-scale))) * 100000));
|
|
max-width: calc(120px * var(--pagefind-ui-scale));
|
|
margin-top: calc(10px * var(--pagefind-ui-scale));
|
|
aspect-ratio: var(--pagefind-ui-image-box-ratio);
|
|
position: relative;
|
|
}
|
|
|
|
.pagefind-modular-list-image {
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: 0;
|
|
width: auto;
|
|
height: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
border-radius: var(--pagefind-ui-image-border-radius);
|
|
}
|
|
|
|
.pagefind-modular-list-inner {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
margin-top: calc(10px * var(--pagefind-ui-scale));
|
|
}
|
|
|
|
.pagefind-modular-list-title {
|
|
display: inline-block;
|
|
font-weight: 700;
|
|
font-size: calc(21px * var(--pagefind-ui-scale));
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.pagefind-modular-list-link {
|
|
color: var(--pagefind-ui-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pagefind-modular-list-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.pagefind-modular-list-excerpt {
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
font-size: calc(16px * var(--pagefind-ui-scale));
|
|
margin-top: calc(4px * var(--pagefind-ui-scale));
|
|
margin-bottom: 0;
|
|
min-width: calc(250px * var(--pagefind-ui-scale));
|
|
}
|
|
|
|
/* FilterPills */
|
|
|
|
.pagefind-modular-filter-pills-wrapper {
|
|
overflow-x: scroll;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.pagefind-modular-filter-pills {
|
|
display: flex;
|
|
gap: 6px;
|
|
}
|
|
|
|
.pagefind-modular-filter-pill {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: none;
|
|
appearance: none;
|
|
padding: 0 calc(24px * var(--pagefind-ui-scale));
|
|
background-color: var(--pagefind-ui-background);
|
|
color: var(--pagefind-ui-fade);
|
|
border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
|
|
border-radius: calc(25px * var(--pagefind-ui-scale));
|
|
font-size: calc(18px * var(--pagefind-ui-scale));
|
|
height: calc(50px * var(--pagefind-ui-scale));
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.pagefind-modular-filter-pill:hover {
|
|
border-color: var(--pagefind-ui-primary);
|
|
}
|
|
|
|
.pagefind-modular-filter-pill[aria-pressed="true"] {
|
|
border-color: var(--pagefind-ui-primary);
|
|
color: var(--pagefind-ui-primary);
|
|
} |