617 lines
8.9 KiB
SCSS
617 lines
8.9 KiB
SCSS
@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;
|
||
height: 1189mm;
|
||
font-size: 30pt;
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
position: relative
|
||
}
|
||
|
||
header {
|
||
figure {
|
||
float: right;
|
||
display: block;
|
||
|
||
//background: white
|
||
//box-shadow: 0 0 1em white
|
||
//border-radius: 1em
|
||
//padding: 1em
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
h1 {
|
||
font-weight: normal;
|
||
margin: 0 {
|
||
//bottom: 0.5rem;
|
||
};
|
||
padding: 0 {
|
||
top: 0.8cm;
|
||
}
|
||
line-height: 1.1em;
|
||
font-size: 2.5rem;
|
||
text-align: center;
|
||
.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;
|
||
}
|
||
}
|
||
}
|
||
|
||
padding: 0 1rem 0 1rem;
|
||
position: relative;
|
||
|
||
color: #ddd;
|
||
text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black;
|
||
//text-stroke: 1px black;
|
||
//-webkit-text-stroke: 1px black;
|
||
|
||
&::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 {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
padding: 0 0.45em 0 0.45em;
|
||
//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.dark.svg), url(files/marble_black.png), #252220;
|
||
//background: #252220;
|
||
color: #565655;
|
||
font-family: "Cardo";
|
||
}
|
||
|
||
/*img
|
||
* filter: url("#rauschen") */
|
||
section {
|
||
hyphens: none;
|
||
-webkit-hyphens: none;
|
||
//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;
|
||
//text-align: justify;
|
||
|
||
& + * {
|
||
margin-top: 1em;
|
||
}
|
||
|
||
//&: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 );
|
||
//background: linear-gradient( rgba(101, 42, 7, 0.8) 2.2rem, rgba(256, 256, 256, 0.85) 2.3rem );
|
||
//background: linear-gradient( rgba(0, 99, 166, 0.8) 2.2rem, rgba(256, 256, 256, 0.85) 2.3rem );
|
||
//background: linear-gradient( rgba(187, 187, 187, 0.8) 2.2rem, rgba(256, 256, 256, 0.85) 2.3rem );
|
||
background: linear-gradient( rgba(78, 83, 159, 0.8) 2.2rem, rgba(256, 256, 256, 0.85) 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 black;
|
||
-webkit-print-color-adjust: exact;
|
||
-webkit-filter: opacity(1);
|
||
}
|
||
&[header-background]::before {
|
||
background: linear-gradient( rgba(205, 106, 81, 0.8) 2.2rem, rgba(256, 256, 256, 0.8) 2.3rem );
|
||
}
|
||
|
||
h1:first-child {
|
||
//border-bottom: 0.3rem solid black
|
||
//border-radius: 0.18rem 1.68rem 0 0
|
||
font-size: 1.8rem;
|
||
//color: #0063a6;
|
||
color: #ddd;
|
||
line-height: normal;
|
||
text-align: center;
|
||
|
||
//border-radius: 0.5rem 2rem 0 0
|
||
//padding: 0.1em 0.5rem;
|
||
margin: (-2.25rem) -1rem 0.75rem -1rem;
|
||
|
||
//background-color: rgba(128,128,256,0.8)
|
||
}
|
||
h1, h2 {
|
||
font-family: "PT Slab";
|
||
font-weight: normal;
|
||
margin: 0;
|
||
}
|
||
h2 {
|
||
line-height: normal;
|
||
}
|
||
}
|
||
|
||
sup {
|
||
font-size: 0.65em;
|
||
vertical-align: top;
|
||
line-height: 1em;
|
||
}
|
||
|
||
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_1, #column1_2, #column1_3,
|
||
#column2_1, #column2_2, #column2_3 {
|
||
display: inline-block;
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0 0.3em 0.5em 0.3em;
|
||
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_1 {
|
||
width: 29%;
|
||
//padding-right: 0.5em;
|
||
}
|
||
|
||
#column1_2 {
|
||
//float: right;
|
||
//padding-left: 0.7em;
|
||
//margin-left: -0.5em;
|
||
width: 41%;
|
||
}
|
||
#column1_3 {
|
||
//float: right;
|
||
//padding-left: 0.7em;
|
||
//margin-left: -0.5em;
|
||
width: 29%;
|
||
}
|
||
|
||
#column2_1 {
|
||
width: 30%;
|
||
}
|
||
#column2_2 {
|
||
width: 49%;
|
||
}
|
||
#column2_3 {
|
||
width: 20%;
|
||
}
|
||
|
||
.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: "„" "“";
|
||
quotes: "‘" "’";
|
||
}
|
||
|
||
h1 {
|
||
font-family: "Cardo";
|
||
//font-weight: normal;
|
||
}
|
||
h2 {
|
||
font-family: "Cardo";
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
main {
|
||
text-align: center;
|
||
&>*{
|
||
text-align: initial;
|
||
}
|
||
position: relative;
|
||
//top: 10.5cm;
|
||
//right: 0;
|
||
//left: 0;
|
||
|
||
/*img {
|
||
margin: -0.5em;
|
||
}*/
|
||
}
|
||
|
||
main, footer {
|
||
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;
|
||
}
|
||
}
|
||
&.pfifty {
|
||
width: 47%;
|
||
display: inline-block;
|
||
vertical-align: bottom;
|
||
text-align: center;
|
||
}
|
||
|
||
&.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;
|
||
font-size: 0.8em;
|
||
|
||
th, td {
|
||
border: 1px solid #aaa;
|
||
padding: 0.1em 0.5em;
|
||
}
|
||
}
|
||
|
||
.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.45em;
|
||
font-style: italic;
|
||
//margin-bottom: 1em;
|
||
padding: 0;
|
||
}
|
||
|
||
jbr {
|
||
display: inline-block;
|
||
width: 100%;
|
||
height: 0;
|
||
}
|
||
|
||
.blockarrow {
|
||
line-height: 1em;
|
||
position: absolute;
|
||
text-align: center;
|
||
font-size: 4.5rem;
|
||
//color: #652a07;
|
||
color: #bbb;
|
||
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
|
||
}
|
||
|
||
.col2center {
|
||
td:first-child + td {
|
||
text-align: center;
|
||
}
|
||
}
|