table-padding
This commit is contained in:
Denis Knauf
parent
5c9dc106d8
commit
127d714e0a
453
style.scss
453
style.scss
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue