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