@media screen { html { border: 1px solid red } } /*#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; height: 1189mm; font-size: 30pt; box-sizing: border-box; } header { h1 { margin: 0 { //bottom: 0.5rem; }; padding: 0; font-size: 2.3rem; text-align: center; } padding: 0 1rem 0 1rem; position: relative; &::after { background: linear-gradient(rgba(256, 256, 256, 0.8) 7cm, rgba(256, 256, 256, 0)); 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(brushed-metal.new.svg); color: black; font-family: "PT Sans"; } /*img * filter: url("#rauschen") */ section { line-height: 1.2em; margin: 1rem 0 0 0; padding: 2.5rem 1rem 0.5rem 1rem; border-radius: 0 0 0.5rem 0.5rem; position: relative; border-radius: 0.5rem 2rem 0.5rem 0.5rem; &:first-child { margin-top: 0; } &:before { z-index: -1; background: linear-gradient(rgba(147, 18, 0, 0.8) 2.2rem, rgba(256, 256, 256, 0.8) 2.2rem); content: ""; border-radius: 0.5rem 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.5rem; color: white; line-height: 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: #333; &: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; } #column1 { width: 40%; padding-right: 0.5em; } #column2 { float: right; padding-left: 0.7em; margin-left: -0.5em; width: 60%; } .logos { width: 25rem; height: 10rem; //float: right; line-height: 1.0em; text-align: right; img { height: 4em; margin-left: 0.2em; margin-bottom: 0.2em; //margin: 0.3em; } } q { quotes: "„" "“"; } h1 { font-family: "Vollkorn"; //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; img { width: 100%; } &.fifty { float: right; width: 47%; clear: right; } &.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; margin: 0 2em; } table { border-collapse: collapse; border-spacing: 0; th, td { border: 1px solid #aaa; } } ul { margin-top: 0; margin-bottom: 0; } ul.literatur { a { text-decoration: inherit !important; color: inherit !important; } list-style: none; margin: 0; padding: 0; li { color: gray; display: inline; .year { &:before { content: "("; } &:after { content: ")"; } } .title { color: black; &::after { content: "."; } } &:not(:last-child):after { content: " || "; color: #337; } } } .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); } }