@media screen { html { border: 1px solid red } } @page { size: auto; margin: 0; } /*#uni-logo { zoom: 0.9; }*/ /*#tagungs-logo { float: left }*/ #nurtext { &, * { background: inherit !important; box-shadow: inherit !important; -webkit-print-color-adjust: inherit !important; } } #nurhintergrund { *, & { &, &::before, &::after { color: rgba(0, 0, 0, 0) !important; } } img { visibility: hidden !important; } th, td { border-color: rgba(0, 0, 0, 0) !important; } } html { width: 841mm-1px; height: 1189mm-1px; font-size: 30pt; box-sizing: border-box; margin: 0; } header { h1 { margin: 0 { //bottom: 0.5rem; }; padding: 0; font-size: 2.5rem; text-align: center; } padding: 0 1rem 0 1rem; position: relative; &::after { background: linear-gradient(rgba(0, 0, 0, 0.5) 10cm, rgba(256, 256, 256, 0)); height: 11cm; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; -webkit-print-color-adjust: exact; -webkit-filter: opacity(1); z-index: -1; } p { text-align: center; margin: 0; padding: 0; } } header, main, footer { clear: both; } footer { padding-top: 0.5em; section { padding: 2.25rem 0.5rem 0.25rem 0.5rem; h1:first-child { margin: (-2.25rem) -0.5rem 0.25rem -0.5rem; } } } body { margin: 0; background: url(files/marble_black.png); //url(brushed-metal.new.svg); color: #565655; font-family: "Cardo"; } /*img * filter: url("#rauschen") */ section { hyphens: auto; -webkit-hyphens: auto; //word-break: break-all; //word-break: break-word; line-height: 1.2em; //margin: 1rem 0 0 0; margin: 0; padding: 2.5rem 1rem 0.5rem 1rem; position: relative; //border-radius: 2rem 2rem 0.5rem 0.5rem; border-radius: 0 0 0 0; color: black; font-size: 0.95em; &:first-child { &, &::before { border-top-right-radius: 2rem; border-top-left-radius: 2rem; //margin-top: 0; } } &:last-child { &, &::before { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } } &::before { z-index: -1; background: linear-gradient( rgba(44, 58, 41, 0.8) 2.2rem, rgba(256, 256, 256, 0.8) 2.3rem ); content: ""; //border-radius: 2rem 2rem 0.5rem 0.5rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0 1rem #555; -webkit-print-color-adjust: exact; -webkit-filter: opacity(1); } h1:first-child { //border-bottom: 0.3rem solid black //border-radius: 0.18rem 1.68rem 0 0 font-size: 1.8rem; color: white; line-height: normal; text-align: center; font-family: "Italianno"; font-weight: normal; //border-radius: 0.5rem 2rem 0 0 //padding: 0.1em 0.5rem; margin: (-2.5rem) -1rem 0.5rem -1rem; //background-color: rgba(128,128,256,0.8) } } quellen { color: #555; &::before { content: "["; } &::after { content: "]"; } quelle, etc { white-space: nowrap; } quelle { &:not(:last-child)::after { content: " " attr(jahr) ";"; } &:last-child::after { content: " " attr(jahr); } } etc { &::after { content: "etc."; } } } #column1, #column2 { display: inline-block; box-sizing: border-box; margin: 0; padding: 0 1em 0.5em 1em; vertical-align: top; position: relative; &::before { content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: 0; box-sizing: border-box; //border: 1px solid red; } } #column1 { width: 32%; padding-right: 0.5em; } #column2 { float: right; padding-left: 0.7em; margin-left: -0.5em; width: 68%; } .logos { width: 19rem; height: 10rem; //float: right; line-height: 1.0em; text-align: right; //color: black; //-webkit-text-stroke: 2px grey; //font-weight: 700; // text-shadow: // -0.1em -0.1em 0 white, // -0.1em 0.1em 0 white, // 0.1em -0.1em 0 white, // 0.1em 0.1em 0 white; img { height: 4em; margin-left: 0.2em; margin-bottom: 0.2em; //margin: 0.3em; } .grabstein { background: #555; color: #aaa; -webkit-text-stroke: 2px #ccc; border-radius: 4em 4em 0.2em 0.2em; float: left; width: 8em; padding: 2em 0.5em 0.5em 0.5em; font-weight: 700; text-align: center; .grabstein-was, .grabstein-wo, .grabstein-bis { margin-bottom: 0.5em; } .grabstein-wo { font-size: 0.7em; } } } q { quotes: "„" "“"; } header { h1 { //font-family: "Italianno"; font-weight: normal; .duesterkeit { position: relative; &::before, &::after { background: #900; display: block; position: absolute; content: " "; height: 0.07em; width: 0.09em; border-radius: 0.02em 0.02em 0.055em 0.055em; z-index: 2; top: 1.41ex; //border: 1px #f90; box-shadow: 0 0 0.04em #f90, inset 0 0 0.04em #f90; } &::before { left: 3.16ex; } &::after { left: 3.61ex; } } } } h1 { font-family: "Cardo"; //font-weight: normal; } em { color: #500; } p { margin: { top: 0.5em; bottom: 0.5em; }; } li p:first-child:last-child { margin: { top: 0.25em; bottom: 0.25em; }; } feature { font-family: "PT Mono", monospace; font-size: 0.9em; } header { figure { float: right; display: block; //background: white //box-shadow: 0 0 1em white //border-radius: 1em //padding: 1em padding: 0; margin: 0; } } main { margin-top: 0.7em; /*img { margin: -0.5em; }*/ figure { margin: 0; &.left { float: left; margin-right: 1em; } &.right { float: right; margin-left: 1em; } img { width: 100%; &.fifty { width: 47%; } } &.fifty { float: right; width: 47%; clear: right; &.left { float: left; clear: left; } } &.quarterly { float: right; width: 30%; clear: right; } } } .clear { clear: both; } #authors { .author { &:not(:first-child)::before { content: ", "; } &::after { vertical-align: super; font-size: 0.6em; content: attr(data-mark); } } } #institutions { .institution { &:not(:last-child)::after { content: "; "; } &::before { vertical-align: super; font-size: 0.6em; content: attr(data-mark) " "; } } } #literatur { font-size: 0.5em; } footer #literatur { margin: 0 2em; } table { border-collapse: collapse; border-spacing: 0; th, td { border: 1px solid #aaa; } } .nobrtd { td, th { white-space: nowrap; } } ul { margin-top: 0; margin-bottom: 0; } ul.literatur { a { white-space: nowrap; text-decoration: inherit !important; color: inherit !important; } list-style: none; margin: 0; padding: 0; li { color: #565655; display: inline; .year { &::before { content: "("; } &::after { content: ")"; } } .title { color: black; &::after { content: "."; } } &:not(:last-child)::after { content: " || "; color: #337; } .pages { white-space: nowrap; &::before { content: '; S.'; } } } } .HART { line-height: 0.9em; vertical-align: top; & > * { font-family: "Through Struggle"; font-weight: 400; color: #500; text-shadow: 0.5em 1em 0.2em rgba(85,0,0,0.3); } } .merkmale { td + td { text-align: right; } } .hidden { visibility: hidden; } figcaption { font-size: 0.8em; font-style: italic; margin-bottom: 1em; }