mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-30 01:35:32 +00:00
Fixed marginals; fixed Tables
This commit is contained in:
schnulller
@@ -1390,16 +1390,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.ha-lettertext.ha-minwidth {
|
||||
min-width: 38rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext.ha-minwidth {
|
||||
min-width: 45rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-marginals {
|
||||
position: relative;
|
||||
margin-left: 1rem;
|
||||
@@ -1510,51 +1500,6 @@ body {
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
position: absolute;
|
||||
right: -20rem;
|
||||
margin-top: 0.25rem;
|
||||
display: none;
|
||||
width: 19rem;
|
||||
flex-wrap: wrap;
|
||||
border-radius: 0.125rem;
|
||||
border-left-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));
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.25rem;
|
||||
font-family: Biolinum, sans-serif;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
line-height: 1.25;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
right: -26rem;
|
||||
width: 23rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox.ha-expanded-box {
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition a {
|
||||
-webkit-text-decoration-line: underline !important;
|
||||
text-decoration-line: underline !important;
|
||||
@@ -1567,50 +1512,6 @@ body {
|
||||
text-decoration-style: solid;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal a {
|
||||
-webkit-text-decoration-line: underline !important;
|
||||
text-decoration-line: underline !important;
|
||||
-webkit-text-decoration-style: dotted;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal a:hover {
|
||||
-webkit-text-decoration-style: solid;
|
||||
text-decoration-style: solid;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box {
|
||||
position: absolute;
|
||||
right: -0.5rem;
|
||||
margin-top: 2px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(71 85 105 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(15 23 42 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box {
|
||||
right: -2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-additions .ha-hands {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
@@ -1814,21 +1715,29 @@ body {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
.ha-tradzhtext .ha-marginal::before, .ha-lettertext .ha-marginal:before {
|
||||
position: absolute;
|
||||
right: -20rem;
|
||||
top: 0.1rem;
|
||||
bottom: 0.1rem;
|
||||
left: 0px;
|
||||
width: 0.125rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(148 163 184 / var(--tw-bg-opacity));
|
||||
--tw-content: '';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
margin-left: 1.5rem;
|
||||
margin-top: 0.25rem;
|
||||
display: none;
|
||||
width: 19rem;
|
||||
flex-wrap: wrap;
|
||||
width: 16rem;
|
||||
border-radius: 0.125rem;
|
||||
border-left-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));
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.25rem;
|
||||
font-family: Biolinum, sans-serif;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
@@ -1839,49 +1748,57 @@ body {
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
display: flex;
|
||||
.ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
right: -26rem;
|
||||
width: 23rem;
|
||||
.ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
|
||||
width: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal {
|
||||
display: inline-block;
|
||||
.ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
|
||||
--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-lettertext .ha-marginalbox.ha-expanded-box {
|
||||
padding-bottom: 0.25rem;
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist, .ha-lettertext .ha-marginalbox .ha-marginallist {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
-moz-column-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal {
|
||||
padding-right: 1.5rem;
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
|
||||
position: relative;
|
||||
display: inline;
|
||||
flex-grow: 1;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal .ha-text {
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal a {
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
|
||||
-webkit-text-decoration-line: underline !important;
|
||||
text-decoration-line: underline !important;
|
||||
-webkit-text-decoration-style: dotted;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal a:hover {
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a:hover, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a:hover {
|
||||
-webkit-text-decoration-style: solid;
|
||||
text-decoration-style: solid;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-btn-collapsed-box {
|
||||
.ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
|
||||
position: absolute;
|
||||
right: -0.5rem;
|
||||
margin-top: 2px;
|
||||
left: 100%;
|
||||
margin-left: 1rem;
|
||||
margin-top: 0.125rem;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
@@ -1889,23 +1806,40 @@ body {
|
||||
color: rgb(51 65 85 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-btn-collapsed-box:hover {
|
||||
.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));
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.ha-lettertext .ha-btn-collapsed-box {
|
||||
.ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-minwidth .ha-tradzhtext, .ha-lettertext.ha-minwidth {
|
||||
min-width: 38rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext .ha-btn-collapsed-box {
|
||||
right: -2.5rem;
|
||||
.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;
|
||||
}
|
||||
|
||||
/* Classes from the General parser */
|
||||
|
||||
/* Classes from .NET */
|
||||
@@ -2301,16 +2235,16 @@ body {
|
||||
|
||||
.ha-collapsed-box {
|
||||
z-index: 0;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.ha-expanded-box {
|
||||
z-index: 1000;
|
||||
height: auto !important;
|
||||
max-height: 100vh !important;
|
||||
--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);
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
/* .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-collapsed-box:hover,
|
||||
@@ -2644,6 +2578,10 @@ body {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@@ -489,10 +489,6 @@
|
||||
@apply max-w-[38rem] desktop:max-w-[45rem] sm:shrink-0 sm:border-l-2 ml-4 sm:ml-12 px-4 pt-4 pb-8 relative font-serif leading-[1.48] bg-slate-50 numeric-mediaeval;
|
||||
}
|
||||
|
||||
.ha-lettertext.ha-minwidth {
|
||||
@apply min-w-[38rem] desktop:min-w-[45rem]
|
||||
}
|
||||
|
||||
.ha-marginals {
|
||||
@apply max-w-3xl ml-4 md:ml-12 px-4 py-4 relative leading-[1.48] bg-slate-50 numeric-mediaeval;
|
||||
}
|
||||
@@ -545,34 +541,10 @@
|
||||
@apply !block font-serif relative w-fit -ml-4 pl-4 unhyphenate;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
@apply absolute -right-[20rem] desktop:-right-[26rem] w-[19rem] desktop:w-[23rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
|
||||
@apply inline-block;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox.ha-expanded-box {
|
||||
@apply pb-1;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition a {
|
||||
@apply !underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
|
||||
@apply pr-6;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal a {
|
||||
@apply !underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box {
|
||||
@apply hidden md:block absolute text-slate-600 hover:text-slate-900 cursor-pointer -right-[0.5rem] desktop:-right-[2.5rem] leading-none mt-[2px];
|
||||
}
|
||||
|
||||
.ha-additions .ha-hands {
|
||||
@apply pt-6;
|
||||
}
|
||||
@@ -692,32 +664,53 @@
|
||||
@apply !hidden;
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-marginal::before,
|
||||
.ha-lettertext .ha-marginal:before {
|
||||
@apply absolute top-[0.1rem] bottom-[0.1rem] left-0 w-0.5 bg-slate-400 content-['']
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox,
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
@apply absolute -right-[20rem] desktop:-right-[26rem] w-[19rem] desktop:w-[23rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
@apply hidden pl-2 md:block absolute left-full ml-6 mt-1 w-[16rem] desktop:w-[24rem] text-sm leading-tight bg-slate-50 hyphenate rounded-sm font-sans
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist,
|
||||
.ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
|
||||
@apply shadow-md
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist,
|
||||
.ha-lettertext .ha-marginalbox .ha-marginallist {
|
||||
@apply text-sm leading-tight flex flex-wrap gap-x-4
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal {
|
||||
@apply inline-block;
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal,
|
||||
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
|
||||
@apply pl-2 inline grow relative
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox.ha-expanded-box {
|
||||
@apply pb-1;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal {
|
||||
@apply pr-6;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal .ha-text {
|
||||
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal a {
|
||||
.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a,
|
||||
.ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
|
||||
@apply !underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-tradzhtext .ha-btn-collapsed-box,
|
||||
.ha-lettertext .ha-btn-collapsed-box {
|
||||
@apply hidden md:block absolute text-slate-700 hover:text-slate-900 cursor-pointer -right-[0.5rem] desktop:-right-[2.5rem] leading-none mt-[2px];
|
||||
@apply absolute left-full ml-4 hidden md:block text-slate-700 hover:text-slate-900 cursor-pointer leading-none mt-0.5;
|
||||
}
|
||||
|
||||
.ha-minwidth .ha-tradzhtext,
|
||||
.ha-lettertext.ha-minwidth {
|
||||
@apply min-w-[38rem] desktop:min-w-[55rem]
|
||||
}
|
||||
|
||||
.ha-minwidth .ha-tradzhtext .ha-alignright,
|
||||
.ha-lettertext.ha-minwidth .ha-alignright {
|
||||
@apply float-right mr-[20%];
|
||||
}
|
||||
|
||||
.ha-lettertext.ha-minwidth .ha-aligncenter {
|
||||
@apply absolute left-1/3 whitespace-nowrap -translate-x-1/2;
|
||||
}
|
||||
|
||||
/* Classes from the General parser */
|
||||
@@ -926,11 +919,11 @@
|
||||
}
|
||||
|
||||
.ha-collapsed-box {
|
||||
@apply z-0 overflow-hidden;
|
||||
@apply z-0 overflow-hidden overflow-ellipsis cursor-default
|
||||
}
|
||||
|
||||
.ha-expanded-box {
|
||||
@apply shadow-md z-[1000] !h-auto !max-h-screen;
|
||||
@apply pb-1 z-[1000] !h-auto !max-h-screen;
|
||||
}
|
||||
|
||||
/* .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-collapsed-box:hover,
|
||||
@@ -939,6 +932,10 @@
|
||||
} */
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user