table-padding

This commit is contained in:
Denis Knauf 2018-03-09 20:31:10 +01:00
parent 5c9dc106d8
commit 127d714e0a

View file

@ -17,59 +17,59 @@
}*/ }*/
#nurtext { #nurtext {
&, * { &, * {
background: inherit !important; background: inherit !important;
box-shadow: inherit !important; box-shadow: inherit !important;
-webkit-print-color-adjust: inherit !important; -webkit-print-color-adjust: inherit !important;
} }
} }
#nurhintergrund { #nurhintergrund {
*, & { *, & {
&, &::before, &::after { &, &::before, &::after {
color: rgba(0, 0, 0, 0) !important; color: rgba(0, 0, 0, 0) !important;
} }
} }
img { img {
visibility: hidden !important; visibility: hidden !important;
} }
th, td { th, td {
border-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important;
} }
} }
html { html {
width: 841mm-1px; width: 841mm-1px;
height: 1189mm-1px; height: 1189mm-1px;
font-size: 30pt; font-size: 30pt;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
} }
header { header {
figure { figure {
float: right; float: right;
display: block; display: block;
//background: white //background: white
//box-shadow: 0 0 1em white //box-shadow: 0 0 1em white
//border-radius: 1em //border-radius: 1em
//padding: 1em //padding: 1em
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
h1 { h1 {
//font-family: "Italianno"; //font-family: "Italianno";
font-weight: normal; font-weight: normal;
margin: 0 { margin: 0 {
//bottom: 0.5rem; //bottom: 0.5rem;
}; };
padding: 0; padding: 0;
font-size: 2.5rem; font-size: 2.5rem;
text-align: center; text-align: center;
.duesterkeit { .duesterkeit {
position: relative; position: relative;
&::before, &::after { &::before, &::after {
@ -92,56 +92,56 @@ header {
left: 3.61ex; left: 3.61ex;
} }
} }
} }
padding: 0 1rem 0 1rem; padding: 0 1rem 0 1rem;
position: relative; position: relative;
color: #bbb; color: #bbb;
text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black;
//text-stroke: 1px black; //text-stroke: 1px black;
//-webkit-text-stroke: 1px black; //-webkit-text-stroke: 1px black;
&::after { &::after {
//background: linear-gradient(rgba(0, 0, 0, 0.5) 10cm, rgba(256, 256, 256, 0)); //background: linear-gradient(rgba(0, 0, 0, 0.5) 10cm, rgba(256, 256, 256, 0));
height: 11cm; height: 11cm;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
content: ""; content: "";
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
-webkit-filter: opacity(1); -webkit-filter: opacity(1);
z-index: -1; z-index: -1;
} }
p { p {
text-align: center; text-align: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
} }
header, main, footer { header, main, footer {
clear: both; clear: both;
} }
footer { footer {
padding-top: 0.5em; padding-top: 0.5em;
section { section {
padding: 2.25rem 0.5rem 0.25rem 0.5rem; padding: 2.25rem 0.5rem 0.25rem 0.5rem;
h1:first-child { h1:first-child {
margin: (-2.25rem) -0.5rem 0.25rem -0.5rem; margin: (-2.25rem) -0.5rem 0.25rem -0.5rem;
} }
} }
} }
body { body {
margin: 0; margin: 0;
background: url(files/marble_black.png); //url(brushed-metal.new.svg); background: url(files/marble_black.png); //url(brushed-metal.new.svg);
color: #565655; color: #565655;
font-family: "Cardo"; font-family: "Cardo";
} }
/*img /*img
@ -152,22 +152,22 @@ section {
//word-break: break-all; //word-break: break-all;
//word-break: break-word; //word-break: break-word;
line-height: 1.2em; line-height: 1.2em;
//margin: 1rem 0 0 0; //margin: 1rem 0 0 0;
margin: 0; margin: 0;
padding: 2.5rem 1rem 0.5rem 1rem; padding: 2.5rem 1rem 0.5rem 1rem;
position: relative; position: relative;
//border-radius: 2rem 2rem 0.5rem 0.5rem; //border-radius: 2rem 2rem 0.5rem 0.5rem;
border-radius: 0 0 0 0; border-radius: 0 0 0 0;
color: black; color: black;
font-size: 0.95em; font-size: 0.95em;
&:first-child { &:first-child {
&, &::before { &, &::before {
border-top-right-radius: 2rem; border-top-right-radius: 2rem;
border-top-left-radius: 2rem; border-top-left-radius: 2rem;
//margin-top: 0; //margin-top: 0;
} }
} }
&:last-child { &:last-child {
&, &::before { &, &::before {
border-bottom-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
@ -175,77 +175,77 @@ section {
} }
} }
&::before { &::before {
z-index: -1; 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(44, 58, 41, 0.8) 2.2rem, rgba(256, 256, 256, 0.8) 2.3rem );
content: ""; content: "";
//border-radius: 2rem 2rem 0.5rem 0.5rem; //border-radius: 2rem 2rem 0.5rem 0.5rem;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
box-shadow: 0 0 1rem #555; box-shadow: 0 0 1rem #555;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
-webkit-filter: opacity(1); -webkit-filter: opacity(1);
} }
h1:first-child { h1:first-child {
//border-bottom: 0.3rem solid black //border-bottom: 0.3rem solid black
//border-radius: 0.18rem 1.68rem 0 0 //border-radius: 0.18rem 1.68rem 0 0
font-size: 1.8rem; font-size: 1.8rem;
color: white; color: white;
line-height: normal; line-height: normal;
text-align: center; text-align: center;
font-family: "Italianno"; font-family: "Italianno";
font-weight: normal; font-weight: normal;
//border-radius: 0.5rem 2rem 0 0 //border-radius: 0.5rem 2rem 0 0
//padding: 0.1em 0.5rem; //padding: 0.1em 0.5rem;
margin: (-2.5rem) -1rem 0.5rem -1rem; margin: (-2.5rem) -1rem 0.5rem -1rem;
//background-color: rgba(128,128,256,0.8) //background-color: rgba(128,128,256,0.8)
} }
} }
quellen { quellen {
color: #555; color: #555;
&::before { &::before {
content: "["; content: "[";
} }
&::after { &::after {
content: "]"; content: "]";
} }
quelle, etc { quelle, etc {
white-space: nowrap; white-space: nowrap;
} }
quelle { quelle {
&:not(:last-child)::after { &:not(:last-child)::after {
content: " " attr(jahr) ";"; content: " " attr(jahr) ";";
} }
&:last-child::after { &:last-child::after {
content: " " attr(jahr); content: " " attr(jahr);
} }
} }
etc { etc {
&::after { &::after {
content: "etc."; content: "etc.";
} }
} }
} }
#column1, #column2 { #column1, #column2 {
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0 1em 0.5em 1em; padding: 0 1em 0.5em 1em;
vertical-align: top; vertical-align: top;
position: relative; position: relative;
&::before { &::before {
@ -261,21 +261,21 @@ quellen {
} }
#column1 { #column1 {
width: 32%; width: 32%;
padding-right: 0.5em; padding-right: 0.5em;
} }
#column2 { #column2 {
float: right; float: right;
padding-left: 0.7em; padding-left: 0.7em;
margin-left: -0.5em; margin-left: -0.5em;
width: 68%; width: 68%;
} }
.logos { .logos {
width: 19rem; width: 19rem;
height: 10rem; height: 10rem;
//float: right; //float: right;
line-height: 1.0em; line-height: 1.0em;
text-align: right; text-align: right;
//color: black; //color: black;
@ -287,12 +287,12 @@ quellen {
// 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 { img {
height: 4em; height: 4em;
margin-left: 0.2em; margin-left: 0.2em;
margin-bottom: 0.2em; margin-bottom: 0.2em;
//margin: 0.3em; //margin: 0.3em;
} }
.grabstein { .grabstein {
background: #555; background: #555;
color: #aaa; color: #aaa;
@ -315,46 +315,46 @@ quellen {
} }
q { q {
quotes: "" ""; quotes: "" "";
} }
h1 { h1 {
font-family: "Cardo"; font-family: "Cardo";
//font-weight: normal; //font-weight: normal;
} }
em { em {
color: #500; color: #500;
} }
p { p {
margin: { margin: {
top: 0.5em; top: 0.5em;
bottom: 0.5em; bottom: 0.5em;
}; };
} }
li p:first-child:last-child { li p:first-child:last-child {
margin: { margin: {
top: 0.25em; top: 0.25em;
bottom: 0.25em; bottom: 0.25em;
}; };
} }
feature { feature {
font-family: "PT Mono", monospace; font-family: "PT Mono", monospace;
font-size: 0.9em; font-size: 0.9em;
} }
main { main {
margin-top: 0.7em; margin-top: 0.7em;
/*img { /*img {
margin: -0.5em; margin: -0.5em;
}*/ }*/
figure { figure {
margin: 0; margin: 0;
&.left { &.left {
float: left; float: left;
margin-right: 1em; margin-right: 1em;
@ -364,77 +364,78 @@ main {
margin-left: 1em; margin-left: 1em;
} }
img { img {
width: 100%; width: 100%;
&.fifty { &.fifty {
width: 47%; width: 47%;
} }
} }
&.fifty { &.fifty {
float: right; float: right;
width: 47%; width: 47%;
clear: right; clear: right;
&.left { &.left {
float: left; float: left;
clear: left; clear: left;
} }
} }
&.quarterly { &.quarterly {
float: right; float: right;
width: 30%; width: 30%;
clear: right; clear: right;
} }
} }
} }
.clear { .clear {
clear: both; clear: both;
} }
#authors { #authors {
.author { .author {
&:not(:first-child)::before { &:not(:first-child)::before {
content: ", "; content: ", ";
} }
&::after { &::after {
vertical-align: super; vertical-align: super;
font-size: 0.6em; font-size: 0.6em;
content: attr(data-mark); content: attr(data-mark);
} }
} }
} }
#institutions { #institutions {
.institution { .institution {
&:not(:last-child)::after { &:not(:last-child)::after {
content: "; "; content: "; ";
} }
&::before { &::before {
vertical-align: super; vertical-align: super;
font-size: 0.6em; font-size: 0.6em;
content: attr(data-mark) " "; content: attr(data-mark) " ";
} }
} }
} }
#literatur { #literatur {
font-size: 0.5em; font-size: 0.5em;
} }
footer #literatur { footer #literatur {
margin: 0 2em; margin: 0 2em;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
th, td { th, td {
border: 1px solid #aaa; border: 1px solid #aaa;
} padding: 0.1em;
}
} }
.nobrtd { .nobrtd {
@ -444,47 +445,47 @@ table {
} }
ul { ul {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
ul.literatur { ul.literatur {
a { a {
white-space: nowrap; white-space: nowrap;
text-decoration: inherit !important; text-decoration: inherit !important;
color: inherit !important; color: inherit !important;
} }
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
li { li {
color: #565655; color: #565655;
display: inline; display: inline;
.year { .year {
&::before { &::before {
content: "("; content: "(";
} }
&::after { &::after {
content: ")"; content: ")";
} }
} }
.title { .title {
color: black; color: black;
&::after { &::after {
content: "."; content: ".";
} }
} }
&:not(:last-child)::after { &:not(:last-child)::after {
content: " || "; content: " || ";
color: #337; color: #337;
} }
.pages { .pages {
white-space: nowrap; white-space: nowrap;
@ -492,7 +493,7 @@ ul.literatur {
content: '; S.'; content: '; S.';
} }
} }
} }
} }
.HART { .HART {