poster/style.scss
2018-03-09 23:17:25 +01:00

532 lines
7.3 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-1px;
height: 1189mm-1px;
font-size: 30pt;
box-sizing: border-box;
margin: 0;
}
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-family: "Italianno";
font-weight: normal;
margin: 0 {
//bottom: 0.5rem;
};
padding: 0;
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: #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));
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 {
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(files/marble_black.png); //url(brushed-metal.new.svg);
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;
&: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 );
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;
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;
//background-color: rgba(128,128,256,0.8)
}
}
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, #column2 {
display: inline-block;
box-sizing: border-box;
margin: 0;
padding: 0 1em 0.5em 1em;
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 {
width: 32%;
padding-right: 0.5em;
}
#column2 {
float: right;
padding-left: 0.7em;
margin-left: -0.5em;
width: 68%;
}
.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: "" "";
}
h1 {
font-family: "Cardo";
//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;
}
main {
margin-top: 0.7em;
/*img {
margin: -0.5em;
}*/
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;
}
}
&.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;
th, td {
border: 1px solid #aaa;
padding: 0.1em;
}
}
.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.8em;
font-style: italic;
margin-bottom: 1em;
}
jbr {
display: inline-block;
width: 100%;
height: 0;
}