mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-11-03 19:55:32 +00:00
4013 lines
96 KiB
CSS
4013 lines
96 KiB
CSS
/*
|
|
! tailwindcss v3.1.0 | MIT License | https://tailwindcss.com
|
|
*//*
|
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
*/
|
|
|
|
*,
|
|
::before,
|
|
::after {
|
|
box-sizing: border-box; /* 1 */
|
|
border-width: 0; /* 2 */
|
|
border-style: solid; /* 2 */
|
|
border-color: #e5e7eb; /* 2 */
|
|
}
|
|
|
|
::before,
|
|
::after {
|
|
--tw-content: '';
|
|
}
|
|
|
|
/*
|
|
1. Use a consistent sensible line-height in all browsers.
|
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
3. Use a more readable tab size.
|
|
4. Use the user's configured `sans` font-family by default.
|
|
*/
|
|
|
|
html {
|
|
line-height: 1.5; /* 1 */
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
-moz-tab-size: 4; /* 3 */
|
|
tab-size: 4; /* 3 */
|
|
font-family: Biolinum, sans-serif; /* 4 */
|
|
}
|
|
|
|
/*
|
|
1. Remove the margin in all browsers.
|
|
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
*/
|
|
|
|
body {
|
|
margin: 0; /* 1 */
|
|
line-height: inherit; /* 2 */
|
|
}
|
|
|
|
/*
|
|
1. Add the correct height in Firefox.
|
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
3. Ensure horizontal rules are visible by default.
|
|
*/
|
|
|
|
hr {
|
|
height: 0; /* 1 */
|
|
color: inherit; /* 2 */
|
|
border-top-width: 1px; /* 3 */
|
|
}
|
|
|
|
/*
|
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
*/
|
|
|
|
abbr:where([title]) {
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
/*
|
|
Remove the default font size and weight for headings.
|
|
*/
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
/*
|
|
Reset links to optimize for opt-in styling instead of opt-out.
|
|
*/
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
/*
|
|
Add the correct font weight in Edge and Safari.
|
|
*/
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/*
|
|
1. Use the user's configured `mono` font family by default.
|
|
2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
|
|
code,
|
|
kbd,
|
|
samp,
|
|
pre {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono; /* 1 */
|
|
font-size: 1em; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Add the correct font size in all browsers.
|
|
*/
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
/*
|
|
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
*/
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
/*
|
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
3. Remove gaps between table borders by default.
|
|
*/
|
|
|
|
table {
|
|
text-indent: 0; /* 1 */
|
|
border-color: inherit; /* 2 */
|
|
border-collapse: collapse; /* 3 */
|
|
}
|
|
|
|
/*
|
|
1. Change the font styles in all browsers.
|
|
2. Remove the margin in Firefox and Safari.
|
|
3. Remove default padding in all browsers.
|
|
*/
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: inherit; /* 1 */
|
|
font-size: 100%; /* 1 */
|
|
font-weight: inherit; /* 1 */
|
|
line-height: inherit; /* 1 */
|
|
color: inherit; /* 1 */
|
|
margin: 0; /* 2 */
|
|
padding: 0; /* 3 */
|
|
}
|
|
|
|
/*
|
|
Remove the inheritance of text transform in Edge and Firefox.
|
|
*/
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
/*
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
2. Remove default button styles.
|
|
*/
|
|
|
|
button,
|
|
[type='button'],
|
|
[type='reset'],
|
|
[type='submit'] {
|
|
-webkit-appearance: button; /* 1 */
|
|
background-color: transparent; /* 2 */
|
|
background-image: none; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Use the modern Firefox focus style for all focusable elements.
|
|
*/
|
|
|
|
:-moz-focusring {
|
|
outline: auto;
|
|
}
|
|
|
|
/*
|
|
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
*/
|
|
|
|
:-moz-ui-invalid {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*
|
|
Add the correct vertical alignment in Chrome and Firefox.
|
|
*/
|
|
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/*
|
|
Correct the cursor style of increment and decrement buttons in Safari.
|
|
*/
|
|
|
|
::-webkit-inner-spin-button,
|
|
::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
/*
|
|
1. Correct the odd appearance in Chrome and Safari.
|
|
2. Correct the outline style in Safari.
|
|
*/
|
|
|
|
[type='search'] {
|
|
-webkit-appearance: textfield; /* 1 */
|
|
outline-offset: -2px; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Remove the inner padding in Chrome and Safari on macOS.
|
|
*/
|
|
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/*
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
|
2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button; /* 1 */
|
|
font: inherit; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Add the correct display in Chrome and Safari.
|
|
*/
|
|
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
|
|
/*
|
|
Removes the default spacing and border for appropriate elements.
|
|
*/
|
|
|
|
blockquote,
|
|
dl,
|
|
dd,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
hr,
|
|
figure,
|
|
p,
|
|
pre {
|
|
margin: 0;
|
|
}
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
legend {
|
|
padding: 0;
|
|
}
|
|
|
|
ol,
|
|
ul,
|
|
menu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/*
|
|
Prevent resizing textareas horizontally by default.
|
|
*/
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
/*
|
|
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
*/
|
|
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
opacity: 1; /* 1 */
|
|
color: #9ca3af; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Set the default cursor for buttons.
|
|
*/
|
|
|
|
button,
|
|
[role="button"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*
|
|
Make sure disabled buttons don't get the pointer cursor.
|
|
*/
|
|
:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
/*
|
|
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
*/
|
|
|
|
img,
|
|
svg,
|
|
video,
|
|
canvas,
|
|
audio,
|
|
iframe,
|
|
embed,
|
|
object {
|
|
display: block; /* 1 */
|
|
vertical-align: middle; /* 2 */
|
|
}
|
|
|
|
/*
|
|
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
*/
|
|
|
|
img,
|
|
video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
*, ::before, ::after, ::backdrop {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
/* COLORS */
|
|
body {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.dark body {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
background-image: none;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-added,
|
|
.ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-added, .dark
|
|
.ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(71 85 105 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-note,
|
|
.ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-note, .dark
|
|
.ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(100 116 139 / var(--tw-text-opacity));
|
|
}
|
|
.ha-ful,
|
|
.ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
}
|
|
.dark .ha-ful, .dark
|
|
.ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
}
|
|
.ha-tul,
|
|
.ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
}
|
|
.dark .ha-tul, .dark
|
|
.ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
}
|
|
.ha-diagdel::before {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
}
|
|
.dark .ha-diagdel::before {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
}
|
|
.active {
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
|
|
}
|
|
.dark .active {
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
|
}
|
|
.active:hover {
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
|
|
}
|
|
.dark .active:hover {
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
|
|
}
|
|
/* STYLES */
|
|
* {
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 100ms;
|
|
}
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
body {
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
}
|
|
.active {
|
|
pointer-events: none;
|
|
}
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
.ha-zhbreak {
|
|
display: none;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-zhbreak {
|
|
display: inline;
|
|
}
|
|
}
|
|
.ha-up {
|
|
position: relative;
|
|
top: -0.75rem;
|
|
}
|
|
.ha-bzg {
|
|
font-family: Libertine, serif !important;
|
|
font-size: 0.75rem !important;
|
|
line-height: 1rem !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
.ha-text {
|
|
display: inline;
|
|
}
|
|
.ha-title {
|
|
display: inline;
|
|
font-style: italic;
|
|
}
|
|
.ha-insertedlemma {
|
|
display: inline;
|
|
}
|
|
.ha-serif {
|
|
font-family: Libertine, serif;
|
|
}
|
|
.ha-aq,
|
|
.ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
font-family: Biolinum, sans-serif;
|
|
}
|
|
.ha-ul,
|
|
.ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
text-decoration-line: underline;
|
|
}
|
|
.ha-del,
|
|
.ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
display: inline;
|
|
text-decoration-line: line-through;
|
|
}
|
|
.ha-hand,
|
|
.ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
font-family: Playfair, serif;
|
|
font-size: 0.9rem;
|
|
}
|
|
.ha-added,
|
|
.ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
border-radius: 0.125rem;
|
|
padding-left: 0.125rem;
|
|
padding-right: 0.125rem;
|
|
}
|
|
.ha-note,
|
|
.ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
font-style: italic;
|
|
}
|
|
.ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
font-style: italic;
|
|
}
|
|
.ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
|
|
position: relative;
|
|
top: -0.3em;
|
|
font-size: 80%;
|
|
}
|
|
/* TODO: Something dooesnt work here */
|
|
.ha-super {
|
|
position: relative;
|
|
top: -0.3em;
|
|
vertical-align: baseline;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
line-height: 1;
|
|
font-variant-numeric: normal;
|
|
}
|
|
.ha-sub {
|
|
position: relative;
|
|
bottom: -0.25em;
|
|
vertical-align: baseline;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
line-height: 1;
|
|
}
|
|
.ha-ful,
|
|
.ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
display: inline;
|
|
border-bottom-width: 1px;
|
|
padding-bottom: 2px;
|
|
}
|
|
.ha-dul,
|
|
.ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: double;
|
|
}
|
|
.ha-tul,
|
|
.ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
border-bottom-width: 3px;
|
|
border-style: double;
|
|
text-decoration-line: underline;
|
|
}
|
|
.ha-alignright {
|
|
float: right;
|
|
}
|
|
.ha-aligncenter {
|
|
position: absolute;
|
|
left: 50%;
|
|
--tw-translate-x: -50%;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
white-space: nowrap;
|
|
}
|
|
.ha-sal {
|
|
margin-left: 1.5rem;
|
|
display: inline-block;
|
|
}
|
|
/* Classes for indents */
|
|
.ha-indent-1 {
|
|
padding-left: 0.5rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-1 {
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
.ha-indent-2 {
|
|
padding-left: 1rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-2 {
|
|
padding-left: 2rem;
|
|
}
|
|
}
|
|
.ha-indent-3 {
|
|
padding-left: 1.5rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-3 {
|
|
padding-left: 3rem;
|
|
}
|
|
}
|
|
.ha-indent-4 {
|
|
padding-left: 2rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-4 {
|
|
padding-left: 4rem;
|
|
}
|
|
}
|
|
.ha-indent-5 {
|
|
padding-left: 2.5rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-5 {
|
|
padding-left: 5rem;
|
|
}
|
|
}
|
|
.ha-indent-6 {
|
|
padding-left: 5rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-6 {
|
|
padding-left: 11rem;
|
|
}
|
|
}
|
|
.ha-indent-7 {
|
|
padding-left: 8rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-indent-7 {
|
|
padding-left: 16rem;
|
|
}
|
|
}
|
|
.ha-collapsed-box,
|
|
.ha-collapsed-box * {
|
|
z-index: 0;
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
cursor: default;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ha-expanded-box {
|
|
z-index: 1000;
|
|
height: auto !important;
|
|
max-height: 100vh !important;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
/* COLORS */
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content {
|
|
border-bottom-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(148 163 184 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content a:hover {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-topnav a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.ha-topnav a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-topnav a.active {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(51 65 85 / var(--tw-border-opacity));
|
|
font-weight: 700;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav a.active {
|
|
border-bottom-width: 4px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content {
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content {
|
|
border-bottom-width: 1px;
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
}
|
|
.ha-menusymbol svg {
|
|
stroke: #000;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
}
|
|
/* STYLES */
|
|
.ha-topnav {
|
|
display: flex;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-topnav {
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav {
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
place-self: end;
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
|
|
.ha-topnav {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
}
|
|
@media (min-width: 1680px) {
|
|
|
|
.ha-topnav {
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
}
|
|
.ha-topnav a {
|
|
margin-right: 1.5rem;
|
|
display: none;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav a {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
@media (min-width: 1680px) {
|
|
|
|
.ha-topnav a {
|
|
margin-right: 1.75rem;
|
|
}
|
|
}
|
|
.ha-topnav a:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.ha-topnav-dropdown {
|
|
display: none;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav-dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
|
|
display: block;
|
|
}
|
|
}
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content {
|
|
right: 0px;
|
|
z-index: 50;
|
|
margin-right: 1.5rem;
|
|
display: none;
|
|
min-width: 130px;
|
|
padding-top: 0.25rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content {
|
|
position: absolute;
|
|
}
|
|
}
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content a {
|
|
margin-right: 0px;
|
|
display: block;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.ha-topnav-dropdown .ha-topnav-dropdown-content .active {
|
|
border-style: none;
|
|
}
|
|
.ha-topnav a.active {
|
|
text-decoration-line: underline;
|
|
text-underline-offset: 2px;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav a.active {
|
|
text-decoration-line: none;
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed {
|
|
margin-top: 1rem;
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed {
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed {
|
|
margin-top: 0px;
|
|
display: flex;
|
|
width: fit-content;
|
|
}
|
|
}
|
|
@media (min-width: 1680px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed {
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed a {
|
|
clear: both;
|
|
display: block;
|
|
width: 100%;
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
text-align: left;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed a {
|
|
display: inline-block;
|
|
width: fit-content;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
|
|
display: block;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown:hover
|
|
.ha-topnav-dropdown-content {
|
|
display: block;
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content {
|
|
display: block;
|
|
border-style: none;
|
|
padding-top: 0px;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content {
|
|
display: none;
|
|
padding-top: 0.5rem;
|
|
}
|
|
}
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content
|
|
a {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-topnav.ha-topnav-collapsed
|
|
.ha-topnav-dropdown
|
|
.ha-topnav-dropdown-content
|
|
a {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
}
|
|
/* COLORS */
|
|
.ha-footer .ha-footertext {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(23 53 87 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-footer .ha-footertext {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-footer .ha-themetoggles {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 300ms;
|
|
}
|
|
.dark .ha-footer .ha-themetoggles {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 300ms;
|
|
}
|
|
.ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 300ms;
|
|
}
|
|
/* STYLES */
|
|
.ha-footer {
|
|
font-family: Libertine, serif;
|
|
}
|
|
.ha-footer .ha-footertext {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 1190px;
|
|
padding: 0.5rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
text-align: right;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-footer a {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-footer a:hover {
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-footer .ha-themetoggles {
|
|
position: relative;
|
|
height: 1rem;
|
|
width: 34px;
|
|
white-space: nowrap;
|
|
border-radius: 1.5rem;
|
|
padding-left: 0.125rem;
|
|
padding-right: 0.125rem;
|
|
}
|
|
.ha-footer .ha-themetoggles * {
|
|
float: left;
|
|
}
|
|
.ha-footer .ha-themetoggles input[type="radio"] {
|
|
display: none;
|
|
}
|
|
.ha-footer .ha-themetoggles label {
|
|
z-index: 10;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
display: block;
|
|
height: 11px;
|
|
width: 11px;
|
|
cursor: pointer;
|
|
border-radius: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
.ha-footer .ha-themetoggles .ha-themetoggleslider {
|
|
position: absolute;
|
|
top: 3px;
|
|
height: 11px;
|
|
width: 11px;
|
|
border-radius: 1.5rem;
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
transition-property: all;
|
|
transition-duration: 100ms;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
|
|
left: 0.25rem;
|
|
}
|
|
.ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
|
|
left: 19px;
|
|
}
|
|
/* COLORS */
|
|
/* STYLES */
|
|
.ha-scrollbutton {
|
|
position: fixed;
|
|
left: 85%;
|
|
bottom: 0px;
|
|
cursor: pointer;
|
|
border-top-left-radius: 0.75rem;
|
|
border-top-right-radius: 0.75rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
padding-bottom: 0.75rem;
|
|
padding-top: 0.5rem;
|
|
text-align: center;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(30 69 112 / var(--tw-text-opacity));
|
|
opacity: 0;
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
transition-property: opacity;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 500ms;
|
|
}
|
|
.ha-scrollbutton:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(43 97 158 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-scrollbutton {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-scrollbuttonarrow {
|
|
height: 2rem;
|
|
width: 2rem;
|
|
}
|
|
/* COLORS */
|
|
.ha-static {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-static {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-static h3 {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(216 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-static h3 {
|
|
font-weight: 700;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-static table th {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(216 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-static table th {
|
|
font-weight: 700;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-static table tr:nth-child(even) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-static table tr:nth-child(even) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
}
|
|
/* STYLES */
|
|
.ha-static {
|
|
width: 100%;
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
padding-left: 3rem;
|
|
padding-right: 3rem;
|
|
font-family: Libertine, serif;
|
|
hyphens: auto;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-static {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
}
|
|
}
|
|
.ha-static h1 {
|
|
margin-bottom: 1.5rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
font-weight: 700;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-static h1 {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
.ha-static h2 {
|
|
margin-bottom: 0.75rem;
|
|
margin-top: 1rem;
|
|
font-size: 1.125rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-static h2 {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
}
|
|
}
|
|
.ha-static h3 {
|
|
margin-top: 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.ha-static table {
|
|
margin-top: 0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
width: 100%;
|
|
}
|
|
.ha-static table th {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
text-align: left;
|
|
font-weight: 400;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-static table th {
|
|
padding-right: 1rem;
|
|
}
|
|
}
|
|
.ha-static table tr td {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
vertical-align: top;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-static table tr td {
|
|
white-space: nowrap;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.ha-static table tr td:last-child {
|
|
white-space: normal;
|
|
}
|
|
}
|
|
.ha-static p {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.ha-static a {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-static a:hover {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-static .ha-footnote {
|
|
position: relative;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-static .ha-footnote {
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
}
|
|
.ha-static .ha-footnote .ha-footnote-ref {
|
|
position: absolute;
|
|
left: -2.5rem;
|
|
display: inline-block;
|
|
width: 2rem;
|
|
text-align: right;
|
|
}
|
|
/* COLORS */
|
|
.ha-register .ha-register-head,
|
|
.ha-register .ha-register-body {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-head, .dark
|
|
.ha-register .ha-register-body {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(248 250 252 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-register .ha-register-head {
|
|
border-bottom-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a {
|
|
border-radius: 0.25rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(106 130 158 / var(--tw-border-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a:hover {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(50 112 184 / var(--tw-border-opacity));
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
|
|
border-top-left-radius: 0.25rem;
|
|
border-bottom-left-radius: 0.25rem;
|
|
border-right-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(106 130 158 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(50 112 184 / var(--tw-border-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(30 69 112 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
|
|
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-head .ha-register-nav a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-head .ha-register-nav a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav a.active {
|
|
border-bottom-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-head .ha-register-nav a.active {
|
|
font-weight: 700;
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
|
|
}
|
|
.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .dark
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(248 250 252 / var(--tw-text-opacity));
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
}
|
|
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before,
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(43 97 158 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .dark
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
|
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-register .ha-btn-collapsed-box {
|
|
position: absolute;
|
|
top: -0.15rem;
|
|
margin-top: 0.125rem;
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-btn-collapsed-box {
|
|
display: block;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
|
|
text-decoration-line: none;
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(23 53 87 / var(--tw-text-opacity));
|
|
text-decoration-line: underline;
|
|
}
|
|
.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
/* STYLES */
|
|
.ha-register {
|
|
width: 100%;
|
|
font-family: Libertine, serif;
|
|
font-variant-numeric: oldstyle-nums;
|
|
}
|
|
.ha-register .ha-register-head,
|
|
.ha-register .ha-register-body {
|
|
padding-left: 2.25rem;
|
|
padding-right: 2.25rem;
|
|
padding-top: 2.25rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-register-head,
|
|
.ha-register .ha-register-body {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-top: 3rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-head {
|
|
border-top-left-radius: 0.125rem;
|
|
border-top-right-radius: 0.125rem;
|
|
}
|
|
.ha-register .ha-register-head h1 {
|
|
margin-bottom: 1.5rem;
|
|
display: inline-block;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
font-weight: 700;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-register-head h1 {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add {
|
|
position: relative;
|
|
bottom: 0.33rem;
|
|
margin-left: 0.5rem;
|
|
display: inline-block;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a {
|
|
margin-top: -1rem;
|
|
margin-bottom: 1.5rem;
|
|
display: flex;
|
|
width: fit-content;
|
|
flex-direction: row;
|
|
font-family: Biolinum, sans-serif;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a .ha-register-add-plusbutton {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
padding-bottom: 0.125rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a:hover .ha-register-add-plusbutton {
|
|
|
|
}
|
|
.ha-register .ha-register-head .ha-register-add a .ha-register-add-text {
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.5rem;
|
|
padding-top: 0.25rem;
|
|
line-height: 1;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav {
|
|
font-family: Biolinum, sans-serif;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav a {
|
|
margin-right: 0.25rem;
|
|
display: inline-block;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-register-head .ha-register-nav a {
|
|
margin-right: 0.75rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav a:first {
|
|
padding-left: 0px;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
|
|
display: inline-block;
|
|
}
|
|
.ha-register .ha-register-head .ha-register-nav .ha-register-right-nav {
|
|
display: inline-block;
|
|
}
|
|
.ha-register .ha-register-body {
|
|
border-bottom-right-radius: 0.125rem;
|
|
border-bottom-left-radius: 0.125rem;
|
|
padding-bottom: 2.25rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-register-body {
|
|
padding-right: 24rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment {
|
|
margin-bottom: 2.25rem;
|
|
display: block;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-register-body .ha-comment {
|
|
margin-bottom: 3rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment a {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-register .ha-register-body .ha-comment a:hover {
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-headcomment {
|
|
display: block;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-register-body .ha-comment .ha-headcomment {
|
|
position: relative;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-subcomment {
|
|
margin-left: 2rem;
|
|
margin-top: 0.5rem;
|
|
display: block;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-register-body .ha-comment .ha-subcomment {
|
|
position: relative;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead {
|
|
display: block;
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma {
|
|
display: inline;
|
|
font-weight: 700;
|
|
}
|
|
.ha-register
|
|
.ha-forschung
|
|
.ha-register-body
|
|
.ha-comment
|
|
.ha-commenthead
|
|
.ha-lemma {
|
|
display: inline;
|
|
font-weight: 400;
|
|
}
|
|
.ha-register .ha-forschung .ha-register-body .ha-comment {
|
|
margin-bottom: 1rem;
|
|
padding-left: 1rem;
|
|
text-indent: -1rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-forschung .ha-register-body .ha-comment {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
|
|
margin-left: 0.5rem;
|
|
margin-top: 0.25rem;
|
|
display: inline-block;
|
|
font-family: Biolinum, sans-serif;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.375;
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
|
|
position: absolute;
|
|
top: 0.1rem;
|
|
bottom: 0.1rem;
|
|
left: 0px;
|
|
margin-top: 0.25rem;
|
|
width: 0.125rem;
|
|
--tw-content: '';
|
|
content: var(--tw-content);
|
|
}
|
|
.ha-register
|
|
.ha-register-body
|
|
.ha-comment
|
|
.ha-commenthead
|
|
.ha-letlinks
|
|
.ha-hkb {
|
|
display: inline;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register
|
|
.ha-neuzeit
|
|
.ha-register-body
|
|
.ha-headcomment
|
|
.ha-commenthead
|
|
.ha-letlinks,
|
|
.ha-register
|
|
.ha-forschung
|
|
.ha-register-body
|
|
.ha-headcomment
|
|
.ha-commenthead
|
|
.ha-letlinks {
|
|
left: 48rem;
|
|
}
|
|
|
|
.ha-register
|
|
.ha-neuzeit
|
|
.ha-register-body
|
|
.ha-subcomment
|
|
.ha-commenthead
|
|
.ha-letlinks,
|
|
.ha-register
|
|
.ha-forschung
|
|
.ha-register-body
|
|
.ha-subcomment
|
|
.ha-commenthead
|
|
.ha-letlinks {
|
|
left: 46rem;
|
|
}
|
|
}
|
|
.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a {
|
|
padding-left: 0.5rem;
|
|
}
|
|
.ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg {
|
|
display: inline;
|
|
}
|
|
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
|
|
padding-left: 0.5rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
|
|
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
|
|
position: absolute;
|
|
top: 0px;
|
|
display: block;
|
|
width: 20rem;
|
|
text-indent: 0px;
|
|
}
|
|
}
|
|
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.ha-register .ha-headcomment .ha-btn-collapsed-box {
|
|
left: 47.6rem;
|
|
}
|
|
.ha-register .ha-subcomment .ha-btn-collapsed-box {
|
|
left: 45.6rem;
|
|
}
|
|
.ha-register .ha-btn-collapsed-box {
|
|
position: absolute;
|
|
top: -0.15rem;
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-register .ha-btn-collapsed-box {
|
|
display: block;
|
|
}
|
|
}
|
|
/* COLORS */
|
|
/* STYLES */
|
|
.ha-letterhead {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.ha-letterhead .ha-letternumber {
|
|
margin-right: 1rem;
|
|
display: flex;
|
|
font-size: 3rem;
|
|
line-height: 1;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-letterhead .ha-letternumber {
|
|
margin-right: 1.5rem;
|
|
font-size: 3.75rem;
|
|
line-height: 1;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
.ha-letterhead .ha-letternumber .ha-letternumberinline {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
}
|
|
.ha-letterhead .ha-metadata {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-grow: 1;
|
|
align-self: flex-end;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadatarows {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow {
|
|
display: flex;
|
|
flex-direction: row;
|
|
line-height: 1.375;
|
|
}
|
|
.ha-letterhead
|
|
.ha-metadata
|
|
.ha-metadatarows
|
|
.ha-metadataupperrow
|
|
.ha-metadatadate {
|
|
display: flex;
|
|
font-variant-numeric: oldstyle-nums;
|
|
font-variant-caps: petite-caps;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: default;
|
|
align-self: center;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-tooltiptext {
|
|
position: absolute;
|
|
z-index: 10;
|
|
border-radius: 0.25rem;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
text-align: center;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-tooltiptext::after {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
|
|
margin-left: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
padding-left: 0.375rem;
|
|
padding-right: 0.375rem;
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
line-height: 1;
|
|
letter-spacing: 0.025em;
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before,
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::after {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 50%;
|
|
height: 0px;
|
|
width: 100%;
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons {
|
|
display: flex;
|
|
line-height: 1.375;
|
|
}
|
|
/* COLORS */
|
|
.ha-letterhead .ha-metadata .ha-tooltiptext {
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(23 53 87 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(23 53 87 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-letterhead .ha-metadata .ha-tooltiptext {
|
|
border-style: none;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-tooltip .ha-tooltiptext::after {
|
|
--tw-border-opacity: 1;
|
|
border-top-color: rgb(71 85 105 / var(--tw-border-opacity));
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
}
|
|
.dark .ha-tooltip .ha-tooltiptext::after {
|
|
--tw-border-opacity: 1;
|
|
border-top-color: rgb(30 41 59 / var(--tw-border-opacity));
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
|
|
border-radius: 0.5rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(23 53 87 / var(--tw-border-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(23 53 87 / var(--tw-text-opacity));
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(148 163 184 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill.ha-newpill {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(148 163 184 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
|
|
border-bottom-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(23 53 87 / var(--tw-border-opacity));
|
|
}
|
|
.dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
}
|
|
.ha-letterheader {
|
|
border-bottom-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-letterheader {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(248 250 252 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(248 250 252 / var(--tw-text-opacity));
|
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-letterheader .ha-lettertabs a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.ha-letterheader .ha-lettertabs a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-letterheader .ha-lettertabs a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-letterheader .ha-lettertabs a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.ha-letterheader .ha-lettertabs a.active {
|
|
border-bottom-width: 3px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgb(216 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-letterheader .ha-lettertabs a.active {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(248 250 252 / var(--tw-border-opacity));
|
|
font-weight: 700;
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks {
|
|
border-bottom-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-letterheader .ha-lettermetalinks a {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-letterheader .ha-lettermetalinks a:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
.ha-letterbody {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-letterbody {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-lettertext {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-lettertext {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-lettertext {
|
|
border-left-width: 2px;
|
|
}
|
|
|
|
.dark .ha-lettertext {
|
|
border-style: none;
|
|
}
|
|
}
|
|
.ha-marginals {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-marginals {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-additions {
|
|
display: none;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-additions {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-linecount.ha-firstline {
|
|
border-radius: 0.5rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(30 41 59 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-linecount.ha-firstline {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount.ha-firstline {
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(71 85 105 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
|
|
.dark .ha-linecount.ha-firstline {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(148 163 184 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
|
|
.ha-linecount .ha-zhpage,
|
|
.ha-linecount .ha-zhline {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
|
|
.dark .ha-linecount .ha-zhpage, .dark
|
|
.ha-linecount .ha-zhline {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
}
|
|
.ha-tradzhtext .ha-marginal::before,
|
|
.ha-lettertext .ha-marginal:before {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(43 97 158 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-tradzhtext .ha-marginal::before, .dark
|
|
.ha-lettertext .ha-marginal:before {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox,
|
|
.ha-lettertext .ha-marginalbox {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .ha-tradzhtext .ha-marginalbox, .dark
|
|
.ha-lettertext .ha-marginalbox {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist,
|
|
.ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
padding-bottom: 0.25rem;
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.dark .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .dark
|
|
.ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(71 85 105 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-tradzhtext .ha-btn-collapsed-box,
|
|
.ha-lettertext .ha-btn-collapsed-box {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(51 65 85 / var(--tw-text-opacity));
|
|
}
|
|
.ha-tradzhtext .ha-btn-collapsed-box:hover,
|
|
.ha-lettertext .ha-btn-collapsed-box:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(15 23 42 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-tradzhtext .ha-btn-collapsed-box, .dark
|
|
.ha-lettertext .ha-btn-collapsed-box {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.dark .ha-tradzhtext .ha-btn-collapsed-box:hover, .dark
|
|
.ha-lettertext .ha-btn-collapsed-box:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
}
|
|
/* STYLES */
|
|
.ha-letterheader {
|
|
border-top-left-radius: 0.125rem;
|
|
border-top-right-radius: 0.125rem;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
padding-top: 2rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-letterheader {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-top: 3rem;
|
|
}
|
|
}
|
|
.ha-letterheader .ha-letterheadernav {
|
|
margin-top: 2.25rem;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
.ha-letterheader .ha-lettertabs {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
.ha-letterheader .ha-lettertabs a {
|
|
margin-right: 0.25rem;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-letterheader .ha-lettertabs a {
|
|
margin-right: 0.75rem;
|
|
}
|
|
|
|
.ha-letterheader .ha-lettertabs .ha-marginalsbtn {
|
|
display: none;
|
|
}
|
|
}
|
|
.ha-letterheader .ha-lettertabs a.active {
|
|
pointer-events: none;
|
|
}
|
|
.ha-letterheader .ha-lettertabs a:first {
|
|
padding-left: 0px;
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks {
|
|
align-self: flex-end;
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks a {
|
|
align-self: flex-end;
|
|
font-variant-caps: petite-caps;
|
|
}
|
|
.ha-letterheader .ha-lettermetalinks .ha-hkb {
|
|
display: inline-block;
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
.ha-letterbody {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
border-bottom-right-radius: 0.125rem;
|
|
border-bottom-left-radius: 0.125rem;
|
|
}
|
|
.ha-lettertext {
|
|
position: relative;
|
|
margin-left: 1rem;
|
|
display: flow-root;
|
|
max-width: 38rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 2rem;
|
|
font-family: Libertine, serif;
|
|
line-height: 1.48;
|
|
font-variant-numeric: oldstyle-nums;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-lettertext {
|
|
margin-left: 3rem;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-lettertext {
|
|
max-width: 45rem;
|
|
}
|
|
}
|
|
.ha-marginals {
|
|
position: relative;
|
|
margin-left: 1rem;
|
|
display: none;
|
|
max-width: 48rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
line-height: 1.48;
|
|
font-variant-numeric: oldstyle-nums;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-marginals {
|
|
margin-left: 3rem;
|
|
}
|
|
}
|
|
.ha-marginals table td {
|
|
vertical-align: text-top;
|
|
}
|
|
.ha-marginals .ha-marginalfromto {
|
|
white-space: nowrap;
|
|
padding-right: 1rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
font-weight: 600;
|
|
}
|
|
.ha-marginals .ha-marginaltext .ha-bzg {
|
|
display: inline;
|
|
}
|
|
.ha-marginals .ha-marginaltext a {
|
|
text-decoration-line: underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-marginals .ha-marginaltext a:hover {
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-additions .ha-tradition div {
|
|
display: inline;
|
|
}
|
|
.ha-additions .ha-tradition {
|
|
max-width: 56rem;
|
|
}
|
|
.ha-additions {
|
|
position: relative;
|
|
margin-left: 1rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
font-family: Libertine, serif;
|
|
line-height: 1.48;
|
|
font-variant-numeric: oldstyle-nums;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-additions {
|
|
margin-left: 3rem;
|
|
}
|
|
}
|
|
.ha-additions .ha-app {
|
|
display: block !important;
|
|
padding-top: 1.5rem;
|
|
font-weight: 700;
|
|
}
|
|
.ha-additions .ha-app + br {
|
|
display: none;
|
|
}
|
|
.ha-additions .ha-tradition .ha-app:first-child {
|
|
padding-top: 0px;
|
|
}
|
|
.ha-additions .ha-tradition {
|
|
hyphens: auto;
|
|
}
|
|
.ha-additions .ha-tradition .ha-tradzhtext {
|
|
position: relative;
|
|
margin-left: -1rem;
|
|
display: flow-root !important;
|
|
width: fit-content;
|
|
padding-left: 1rem;
|
|
font-family: Libertine, serif;
|
|
hyphens: none;
|
|
}
|
|
.ha-additions .ha-tradition a {
|
|
text-decoration-line: underline !important;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-additions .ha-tradition a:hover {
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-additions .ha-hands {
|
|
padding-top: 1.5rem;
|
|
}
|
|
.ha-additions .ha-hands .ha-handstitle {
|
|
font-weight: 700;
|
|
}
|
|
.ha-additions .ha-hands .ha-handentries .ha-handfrom,
|
|
.ha-additions .ha-hands .ha-handentries .ha-handto {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
font-weight: 600;
|
|
}
|
|
.ha-additions .ha-hands .ha-handentries .ha-handperson {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
padding-left: 1rem;
|
|
}
|
|
.ha-additions .ha-edits .ha-editstitle {
|
|
font-weight: 700;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editfromto {
|
|
white-space: nowrap;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editfrom,
|
|
.ha-additions .ha-edits .ha-editentries .ha-editto {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
font-weight: 600;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreference {
|
|
white-space: nowrap;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreference div {
|
|
display: inline;
|
|
}
|
|
.ha-additions .ha-edits {
|
|
max-width: 56rem;
|
|
padding-top: 1.5rem;
|
|
}
|
|
.ha-additions .ha-edits .ha-editstitle {
|
|
font-weight: 700;
|
|
}
|
|
.ha-additions .ha-edits .ha-editsinfo {
|
|
padding-bottom: 1rem;
|
|
hyphens: auto;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries tr td {
|
|
vertical-align: text-top;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreas div {
|
|
display: inline;
|
|
font-family: Biolinum, sans-serif;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editfromto {
|
|
padding-right: 0.25rem;
|
|
padding-left: 0.25rem;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreference {
|
|
border-right-width: 2px;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.75rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreference br {
|
|
display: none;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreas {
|
|
width: 100%;
|
|
padding-left: 0.75rem;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
|
|
font-family: Libertine, serif !important;
|
|
}
|
|
.ha-lettertext div {
|
|
display: inline;
|
|
}
|
|
.ha-linecount.ha-firstline {
|
|
display: none;
|
|
white-space: nowrap;
|
|
border-radius: 0.25rem;
|
|
padding-left: 0.375rem;
|
|
padding-right: 0.375rem;
|
|
font-variant-numeric: normal;
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount.ha-firstline {
|
|
display: inline-block;
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.25rem;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
.ha-linecount {
|
|
user-select: none;
|
|
font-family: Biolinum, sans-serif;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount {
|
|
position: absolute;
|
|
right: 100%;
|
|
margin-right: 0.5rem;
|
|
margin-top: 0.25rem;
|
|
text-align: right;
|
|
}
|
|
}
|
|
.ha-linecount .ha-zhline {
|
|
display: none;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount .ha-zhline {
|
|
display: inline;
|
|
}
|
|
}
|
|
.ha-linecount .ha-zhpage {
|
|
display: inline-block;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount .ha-zhpage {
|
|
display: inline;
|
|
}
|
|
}
|
|
.ha-linecount .ha-zhpage,
|
|
.ha-linecount .ha-zhline {
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
font-variant-numeric: normal;
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.ha-linecount .ha-zhpage,
|
|
.ha-linecount .ha-zhline {
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
}
|
|
.ha-linecount .ha-hiddenlinecount {
|
|
display: none !important;
|
|
}
|
|
.ha-tradzhtext .ha-marginal::before,
|
|
.ha-lettertext .ha-marginal::before {
|
|
position: absolute;
|
|
top: 0.2rem;
|
|
bottom: 0.1rem;
|
|
left: 0px;
|
|
width: 0.125rem;
|
|
--tw-content: '';
|
|
content: var(--tw-content);
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox,
|
|
.ha-lettertext .ha-marginalbox {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-left: 0.5rem;
|
|
margin-top: 0.25rem;
|
|
display: none;
|
|
width: 16rem;
|
|
user-select: none;
|
|
border-radius: 0.125rem;
|
|
padding-left: 0.5rem;
|
|
font-family: Biolinum, sans-serif;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
line-height: 1.25;
|
|
hyphens: auto;
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox:hover,
|
|
.ha-lettertext .ha-marginalbox:hover {
|
|
user-select: auto;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-tradzhtext .ha-marginalbox,
|
|
.ha-lettertext .ha-marginalbox {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-tradzhtext .ha-marginalbox,
|
|
.ha-lettertext .ha-marginalbox {
|
|
margin-left: 2.5rem;
|
|
width: 28rem;
|
|
}
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
column-gap: 1.5rem;
|
|
padding-right: 0.25rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
line-height: 1.25;
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
|
|
position: relative;
|
|
display: inline;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
|
|
text-decoration-line: underline !important;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a:hover,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a:hover {
|
|
text-decoration-style: solid;
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal,
|
|
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *,
|
|
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ha-tradzhtext .ha-btn-collapsed-box,
|
|
.ha-lettertext .ha-btn-collapsed-box {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-top: 0.125rem;
|
|
display: none;
|
|
cursor: pointer;
|
|
line-height: 1;
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.ha-tradzhtext .ha-btn-collapsed-box,
|
|
.ha-lettertext .ha-btn-collapsed-box {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-tradzhtext .ha-btn-collapsed-box,
|
|
.ha-lettertext .ha-btn-collapsed-box {
|
|
margin-left: 1.75rem;
|
|
}
|
|
}
|
|
.ha-minwidth .ha-tradzhtext,
|
|
.ha-lettertext.ha-minwidth {
|
|
min-width: 38rem;
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.ha-minwidth .ha-tradzhtext,
|
|
.ha-lettertext.ha-minwidth {
|
|
min-width: 55rem;
|
|
}
|
|
}
|
|
.ha-minwidth .ha-tradzhtext .ha-alignright,
|
|
.ha-lettertext.ha-minwidth .ha-alignright {
|
|
float: right;
|
|
margin-right: 20%;
|
|
}
|
|
.ha-lettertext.ha-minwidth .ha-aligncenter {
|
|
position: absolute;
|
|
left: 33.333333%;
|
|
--tw-translate-x: -50%;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
white-space: nowrap;
|
|
}
|
|
/* COLORS */
|
|
/* STYLES */
|
|
.ha-adminuploadfields {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
column-gap: 1rem;
|
|
row-gap: 1rem;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadfield {
|
|
display: block;
|
|
max-width: 20rem;
|
|
flex-shrink: 0;
|
|
flex-grow: 1;
|
|
flex-basis: 16rem;
|
|
border-radius: 0.25rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-adminuploadfields .ha-uploadfield:hover {
|
|
--tw-brightness: brightness(1.1);
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
}
|
|
.ha-adminuploadfields .ha-uploadfield.active {
|
|
--tw-text-opacity: 1 !important;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
--tw-brightness: brightness(1.1);
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
}
|
|
.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadusedfiles {
|
|
width: auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
border-top-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
|
--tw-bg-opacity: 0.3;
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(100 116 139 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-adminuploadfields .ha-uploadpublishforms {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
column-gap: 1rem;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform {
|
|
position: relative;
|
|
flex-grow: 1;
|
|
border-radius: 0.25rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform .ha-uploadtext {
|
|
text-align: center;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
|
|
left: 50%;
|
|
margin-left: -20px;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
|
|
display: inline-block;
|
|
height: 100%;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-bottom: 0.25rem;
|
|
padding-top: 0.5rem;
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel:hover {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
|
|
border-radius: 0.125rem;
|
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
--tw-bg-opacity: 0.3;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-adminuploadfields .ha-publishbutton {
|
|
display: inline-block;
|
|
height: 100%;
|
|
width: 100%;
|
|
flex-shrink: 1;
|
|
cursor: pointer;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
padding-bottom: 0.25rem;
|
|
padding-top: 0.5rem;
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-adminuploadfields .ha-publishbutton:hover {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
|
|
text-align: center;
|
|
}
|
|
.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
|
|
border-radius: 0.125rem;
|
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
--tw-bg-opacity: 0.3;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-uploadheader {
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-top: 3rem;
|
|
padding-bottom: 2rem;
|
|
}
|
|
.ha-uploadheader h1 {
|
|
font-size: 3rem;
|
|
line-height: 1;
|
|
}
|
|
.ha-uploadcontainer {
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
row-gap: 0.5rem;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist {
|
|
margin-bottom: 2rem;
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist td {
|
|
padding-right: 1.5rem;
|
|
vertical-align: text-top;
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
|
|
position: relative;
|
|
float: right;
|
|
margin-top: 1rem;
|
|
margin-left: 1.5rem;
|
|
cursor: pointer;
|
|
border-radius: 0.375rem;
|
|
border-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(37 99 235 / var(--tw-border-opacity));
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover {
|
|
border-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(30 64 175 / var(--tw-border-opacity));
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:active {
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-uploadcontainer .ha-availablefiles {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.ha-uploadcontainer .ha-availablefiles:hover {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(30 41 59 / var(--tw-border-opacity));
|
|
}
|
|
.ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
}
|
|
.ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
|
|
|
|
}
|
|
.ha-filesheader {
|
|
margin-bottom: 2rem;
|
|
}
|
|
.ha-availablefileslist {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-top: 1rem;
|
|
}
|
|
.ha-uploadcontainer .ha-errorswarnings {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors,
|
|
.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
|
min-height: 400px;
|
|
min-width: 40%;
|
|
flex-shrink: 1;
|
|
flex-grow: 1;
|
|
flex-basis: 50%;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(254 215 170 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-uploadcontainer .ha-crossfilechecking {
|
|
height: 100%;
|
|
min-height: 400px;
|
|
width: 100%;
|
|
flex-shrink: 0;
|
|
flex-grow: 1;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-uploadcontainer .ha-hamannfilechooser {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
padding-bottom: 4rem;
|
|
}
|
|
/* Classes for FileList Component */
|
|
.ha-filelistfieldset {
|
|
|
|
}
|
|
.ha-filelistfieldset .ha-filelistlegend {
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.ha-selectfilesform {
|
|
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 1rem;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile:nth-child(even) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
}
|
|
.ha-selectfilesform .ha-filelistlist {
|
|
height: 24rem;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
padding-right: 1rem;
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile .ha-filelistname {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono;
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
|
|
margin-right: 0.5rem;
|
|
display: inline-block;
|
|
border-radius: 0.375rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(13 148 136 / var(--tw-border-opacity));
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(13 148 136 / var(--tw-text-opacity));
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
|
|
display: inline-block;
|
|
border-radius: 0.375rem;
|
|
border-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(79 70 229 / var(--tw-border-opacity));
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(79 70 229 / var(--tw-text-opacity));
|
|
}
|
|
.ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
}
|
|
.ha-selectfilesform .ha-filelistoutput {
|
|
margin-top: 1rem;
|
|
margin-left: 1.5rem;
|
|
}
|
|
.ha-selectfilesform .ha-filelistbutton {
|
|
float: right;
|
|
margin-top: 1rem;
|
|
margin-left: 1.5rem;
|
|
cursor: pointer;
|
|
border-radius: 0.375rem;
|
|
border-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(37 99 235 / var(--tw-border-opacity));
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.ha-selectfilesform .ha-filelistbutton:hover {
|
|
border-width: 2px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(30 64 175 / var(--tw-border-opacity));
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.ha-selectfilesform .ha-filelistbutton:active {
|
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
/* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
|
|
.pointer-events-none {
|
|
pointer-events: none;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.bottom-0 {
|
|
bottom: 0px;
|
|
}
|
|
.my-8 {
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.mx-8 {
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
.mx-auto {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.ml-8 {
|
|
margin-left: 2rem;
|
|
}
|
|
.mb-6 {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.mr-2 {
|
|
margin-right: 0.5rem;
|
|
}
|
|
.\!mr-0 {
|
|
margin-right: 0px !important;
|
|
}
|
|
.block {
|
|
display: block;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.flow-root {
|
|
display: flow-root;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.h-full {
|
|
height: 100%;
|
|
}
|
|
.h-8 {
|
|
height: 2rem;
|
|
}
|
|
.min-h-screen {
|
|
min-height: 100vh;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.w-8 {
|
|
width: 2rem;
|
|
}
|
|
.shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
.grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.cursor-default {
|
|
cursor: default;
|
|
}
|
|
.resize {
|
|
resize: both;
|
|
}
|
|
.list-disc {
|
|
list-style-type: disc;
|
|
}
|
|
.flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.text-ellipsis {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.whitespace-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.border {
|
|
border-width: 1px;
|
|
}
|
|
.border-t-\[5px\] {
|
|
border-top-width: 5px;
|
|
}
|
|
.border-gray-300 {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
}
|
|
.border-gray-900 {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(17 24 39 / var(--tw-border-opacity));
|
|
}
|
|
.border-t-gray-200 {
|
|
--tw-border-opacity: 1;
|
|
border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
}
|
|
.border-l-gray-200 {
|
|
--tw-border-opacity: 1;
|
|
border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
}
|
|
.bg-slate-50 {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
|
}
|
|
.p-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.py-3 {
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.75rem;
|
|
}
|
|
.px-3 {
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.pb-24 {
|
|
padding-bottom: 6rem;
|
|
}
|
|
.pb-3 {
|
|
padding-bottom: 0.75rem;
|
|
}
|
|
.pr-3 {
|
|
padding-right: 0.75rem;
|
|
}
|
|
.align-baseline {
|
|
vertical-align: baseline;
|
|
}
|
|
.align-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
.font-serif {
|
|
font-family: Libertine, serif;
|
|
}
|
|
.text-xl {
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
.text-black {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.hyphenate {
|
|
hyphens: auto;
|
|
}
|
|
.unhyphenate {
|
|
hyphens: none;
|
|
}
|
|
.numeric-mediaeval {
|
|
font-variant-numeric: oldstyle-nums;
|
|
}
|
|
.numeric-normal {
|
|
font-variant-numeric: normal;
|
|
}
|
|
.caps-allpetite {
|
|
font-variant-caps: all-petite-caps;
|
|
}
|
|
.caps-petite {
|
|
font-variant-caps: petite-caps;
|
|
}
|
|
.caps-normal {
|
|
font-variant-caps: normal;
|
|
}
|
|
.break-inside-avoid {
|
|
break-inside: avoid;
|
|
}
|
|
/* Regular woff-files for regular font variants curerently
|
|
Instead we can use the Graphite versions of the font
|
|
|
|
@font-face {
|
|
font-family: 'Biolinum';
|
|
src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Libertine';
|
|
src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
*/
|
|
@font-face {
|
|
font-family: "Biolinum";
|
|
src: url("../fonts/LinBiolinum_R.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Libertine";
|
|
src: url("../fonts/LinLibertine_R.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Biolinum";
|
|
src: url("../fonts/LinBiolinum_RI.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: "Biolinum";
|
|
src: url("../fonts/LinBiolinum_RB.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Libertine";
|
|
src: url("../fonts/LinLibertine_RI.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: "Libertine";
|
|
src: url("../fonts/LinLibertine_RB.woff") format("woff");
|
|
font-display: swap;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: "Playfair";
|
|
src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
|
|
font-display: swap;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
/* Symbols, Icons, Drawings, Tooltips */
|
|
.ha-menu-arrowsymbol::after {
|
|
display: inline-block;
|
|
margin-left: 0.2em;
|
|
vertical-align: 0.2em;
|
|
content: "";
|
|
border-top: 0.3em solid;
|
|
border-right: 0.3em solid transparent;
|
|
border-bottom: 0;
|
|
border-left: 0.3em solid transparent;
|
|
}
|
|
.ha-menusymbol {
|
|
border-radius: 4px;
|
|
}
|
|
.ha-menusymbol svg {
|
|
width: 24px;
|
|
height: 24px;
|
|
stroke-width: 2;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: miter;
|
|
fill: none;
|
|
}
|
|
.ha-tooltip .ha-tooltiptext {
|
|
white-space: nowrap;
|
|
visibility: hidden;
|
|
min-width: 160px;
|
|
bottom: 155%;
|
|
left: 50%;
|
|
margin-left: -80px;
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.ha-tooltip .ha-tooltiptext::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
/* border-color: rgb(226 232 240 / var(--tw-bg-opacity)) transparent transparent
|
|
transparent; */
|
|
}
|
|
.ha-tooltip:hover .ha-tooltiptext {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.ha-open-btn-collapsed-box::before {
|
|
content: "\200E+";
|
|
font-weight: 900;
|
|
}
|
|
.ha-close-btn-collapsed-box::before {
|
|
content: "\200E\00D7";
|
|
font-weight: 900;
|
|
}
|
|
.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
|
|
content: "\200E+ ";
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
background-color: lightslategray;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
/* Tooltip text */
|
|
.ha-uploadform .ha-uploadmessage {
|
|
visibility: visible;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
|
|
/* Position the tooltip text - see examples below! */
|
|
position: absolute;
|
|
z-index: 1;
|
|
|
|
margin-top: 0.5rem;
|
|
width: 360px;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
|
|
|
|
opacity: 0;
|
|
transition: opacity 1s;
|
|
}
|
|
.ha-uploadform .ha-uploadmessage::after {
|
|
content: " ";
|
|
position: absolute;
|
|
bottom: 100%; /* At the top of the tooltip */
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent transparent grey transparent;
|
|
|
|
}
|
|
.ha-lds-ellipsis {
|
|
display: none;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
}
|
|
.ha-lds-ellipsis-load {
|
|
display: none;
|
|
position: relative;
|
|
width: 38px;
|
|
bottom: 8px;
|
|
}
|
|
.ha-lds-ellipsis-publish {
|
|
display: none;
|
|
position: absolute;
|
|
left: -50px;
|
|
bottom: 16px;
|
|
}
|
|
.ha-lds-ellipsis div,
|
|
.ha-lds-ellipsis-load div,
|
|
.ha-lds-ellipsis-publish div {
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
background: #000;
|
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
}
|
|
.ha-lds-ellipsis div:nth-child(1),
|
|
.ha-lds-ellipsis-load div:nth-child(1),
|
|
.ha-lds-ellipsis-publish div:nth-child(1) {
|
|
left: 6px;
|
|
animation: ha-lds-ellipsis1 0.6s infinite;
|
|
}
|
|
.ha-lds-ellipsis div:nth-child(2),
|
|
.ha-lds-ellipsis-load div:nth-child(2),
|
|
.ha-lds-ellipsis-publish div:nth-child(2) {
|
|
left: 4px;
|
|
animation: ha-lds-ellipsis2 0.6s infinite;
|
|
}
|
|
.ha-lds-ellipsis div:nth-child(3),
|
|
.ha-lds-ellipsis-load div:nth-child(3),
|
|
.ha-lds-ellipsis-publish div:nth-child(3) {
|
|
left: 16px;
|
|
animation: ha-lds-ellipsis2 0.6s infinite;
|
|
}
|
|
.ha-lds-ellipsis div:nth-child(4),
|
|
.ha-lds-ellipsis-load div:nth-child(4),
|
|
.ha-lds-ellipsis-publish div:nth-child(4) {
|
|
left: 30px;
|
|
animation: ha-lds-ellipsis3 0.6s infinite;
|
|
}
|
|
@keyframes ha-lds-ellipsis1 {
|
|
0% {
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes ha-lds-ellipsis3 {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
transform: scale(0);
|
|
}
|
|
}
|
|
@keyframes ha-lds-ellipsis2 {
|
|
0% {
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
transform: translate(16px, 0);
|
|
}
|
|
}
|
|
.ha-cross::before,
|
|
.ha-cross::after {
|
|
content: "";
|
|
}
|
|
.ha-cross::before {
|
|
-webkit-transform: skewY(-27deg);
|
|
transform: skewY(-27deg);
|
|
}
|
|
.ha-nr::before {
|
|
content: " \200E\25E6";
|
|
}
|
|
.ha-nr::after {
|
|
content: " \200E\25E6";
|
|
}
|
|
.ha-added::before {
|
|
content: "";
|
|
}
|
|
.ha-added::after {
|
|
content: "";
|
|
}
|
|
.ha-note::before {
|
|
content: "";
|
|
}
|
|
.ha-note::after {
|
|
content: "";
|
|
}
|
|
.ha-bzg::after {
|
|
content: "]";
|
|
}
|
|
* {
|
|
scroll-behavior: smooth;
|
|
text-decoration-skip-ink: all;
|
|
}
|
|
html {
|
|
overflow-y: scroll;
|
|
}
|
|
body {
|
|
background-image: url("../img/subtlenet2.png");
|
|
background-repeat: repeat;
|
|
}
|
|
.ha-diagdel {
|
|
text-decoration: none !important;
|
|
text-decoration-line: none !important;
|
|
position: relative;
|
|
display: inline-block !important;
|
|
}
|
|
.ha-diagdel::before,
|
|
.ha-diagdel::after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 0%;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 1.4ex;
|
|
}
|
|
.ha-diagdel::before {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
-webkit-transform: skewY(-36deg);
|
|
transform: skewY(-36deg);
|
|
}
|
|
.ha-del .ha-del,
|
|
.ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
|
|
-moz-text-decoration-style: double;
|
|
-webkit-text-decoration-style: double !important;
|
|
text-decoration-thickness: 1px;
|
|
text-decoration-style: double;
|
|
}
|
|
.ha-del .ha-del .ha-ul,
|
|
.ha-ul .ha-del .ha-del,
|
|
.ha-del .ha-ul .ha-del {
|
|
text-decoration: line-through underline;
|
|
-moz-text-decoration-style: double;
|
|
-webkit-text-decoration-style: double !important;
|
|
text-decoration-thickness: 1px;
|
|
text-decoration-style: double;
|
|
}
|
|
.ha-del .ha-ul,
|
|
.ha-ul .ha-del {
|
|
text-decoration: line-through underline;
|
|
text-decoration-thickness: 1px;
|
|
text-decoration-skip-ink: auto;
|
|
-webkit-text-decoration-skip-ink: auto;
|
|
}
|
|
.ha-table {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
font-variant-numeric: tabular-nums !important;
|
|
}
|
|
.ha-hatab-0-2 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 50%;
|
|
}
|
|
.ha-hatab-1-2 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 50%;
|
|
}
|
|
.ha-hatab-0-3 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 33.333%;
|
|
}
|
|
.ha-hatab-1-3 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 33%;
|
|
min-width: 33.333%;
|
|
}
|
|
.ha-hatab-2-3 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 66%;
|
|
min-width: 33.333%;
|
|
}
|
|
.ha-hatab-0-4 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 25%;
|
|
}
|
|
.ha-hatab-1-4 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 25%;
|
|
min-width: 25%;
|
|
}
|
|
.ha-hatab-2-4 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 25%;
|
|
}
|
|
.ha-hatab-3-4 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 75%;
|
|
min-width: 25%;
|
|
}
|
|
.ha-hatab-0-5 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 20%;
|
|
}
|
|
.ha-hatab-1-5 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 20%;
|
|
min-width: 20%;
|
|
}
|
|
.ha-hatab-2-5 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 40%;
|
|
min-width: 20%;
|
|
}
|
|
.ha-hatab-3-5 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 60%;
|
|
min-width: 20%;
|
|
}
|
|
.ha-hatab-4-5 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 80%;
|
|
min-width: 20%;
|
|
}
|
|
.ha-hatab-0-6 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-1-6 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 16.667%;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-2-6 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 33.333%;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-3-6 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-4-6 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 66.667%;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-5-6 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 83.333%;
|
|
min-width: 16.667%;
|
|
}
|
|
.ha-hatab-0-7 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-1-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 14.286%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-2-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 28.571%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-3-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 42.857%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-4-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 57.143%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-5-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 71.429%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-6-7 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 85.714%;
|
|
min-width: 14.286%;
|
|
}
|
|
.ha-hatab-0-8 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-1-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 12.5%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-2-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 25%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-3-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 37.5%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-4-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-5-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 62.5%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-6-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 75%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-7-8 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 87.5%;
|
|
min-width: 12.5%;
|
|
}
|
|
.ha-hatab-0-9 {
|
|
display: inline;
|
|
position: static;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-1-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 11.111%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-2-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 22.222%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-3-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 33.333%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-4-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 44.444%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-5-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 55.555%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-6-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 66.666%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-7-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 77.777%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-8-9 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 88.888%;
|
|
min-width: 11.111%;
|
|
}
|
|
.ha-hatab-0-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-1-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 10%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-2-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 20%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-3-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 30%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-4-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 40%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-5-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-6-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 60%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-7-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 70%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-8-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 80%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-9-10 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 90%;
|
|
min-width: 10%;
|
|
}
|
|
.ha-hatab-0-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-1-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 9.091%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-2-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 18.182%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-3-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 27.273%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-4-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 36.364%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-5-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 45.455%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-6-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 54.545%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-7-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 63.636%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-8-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 72.727%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-9-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 81.818%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-10-11 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 90.909%;
|
|
min-width: 9.091%;
|
|
}
|
|
.ha-hatab-0-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-1-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 8.333%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-2-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 16.666%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-3-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 25%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-4-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 33.333%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-5-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 41.666%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-6-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 50%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-7-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 58.333%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-8-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 66.666%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-9-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 75%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-10-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 83.333%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-hatab-11-12 {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 91.666%;
|
|
min-width: 8.333%;
|
|
}
|
|
.ha-lettertext .ha-marginalbox:before {
|
|
content: "";
|
|
}
|
|
.ha-lettertext .ha-marginalbox .ha-marginal::after {
|
|
content: "";
|
|
}
|
|
.ha-lettertext .ha-marginalbox .ha-marginal:last-of-type::after {
|
|
content: "";
|
|
}
|
|
.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
|
|
.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
|
|
display: -webkit-inline-box;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
|
|
content: "";
|
|
}
|
|
.hover\:text-black:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
}
|
|
.dark .dark\:border-gray-900 {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(17 24 39 / var(--tw-border-opacity));
|
|
}
|
|
.dark .dark\:bg-slate-800 {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
|
}
|
|
.dark .dark\:pt-2 {
|
|
padding-top: 0.5rem;
|
|
}
|
|
.dark .dark\:pb-2 {
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.dark .dark\:shadow-xl {
|
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
@media (min-width: 700px) {
|
|
|
|
.sm\:inline {
|
|
display: inline;
|
|
}
|
|
|
|
.sm\:hidden {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (min-width: 960px) {
|
|
|
|
.md\:inline {
|
|
display: inline;
|
|
}
|
|
|
|
.md\:hidden {
|
|
display: none;
|
|
}
|
|
|
|
.md\:pr-80 {
|
|
padding-right: 20rem;
|
|
}
|
|
}
|
|
@media (min-width: 1190px) {
|
|
|
|
.desktop\:block {
|
|
display: block;
|
|
}
|
|
|
|
.desktop\:hidden {
|
|
display: none;
|
|
}
|
|
|
|
.desktop\:max-w-screen-desktop {
|
|
max-width: 1190px;
|
|
}
|
|
|
|
.desktop\:px-8 {
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
}
|
|
|
|
.desktop\:pr-8 {
|
|
padding-right: 2rem;
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
|
|
.xl\:h-12 {
|
|
height: 3rem;
|
|
}
|
|
|
|
.xl\:w-12 {
|
|
width: 3rem;
|
|
}
|
|
|
|
.xl\:text-3xl {
|
|
font-size: 1.875rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
}
|