forked from varia/bots
92 lines
1.4 KiB
CSS
92 lines
1.4 KiB
CSS
@font-face{
|
|
font-family: "font";
|
|
src: url("font.ttf") format("truetype");
|
|
}
|
|
body {
|
|
margin: 1em 1em 3em 1em;
|
|
background-color: #eeebeb;
|
|
font-family: "font", serif;
|
|
font-size: 125%;
|
|
line-height: 1.6;
|
|
}
|
|
.post {
|
|
margin: 1.5em 2em;
|
|
float: left;
|
|
}
|
|
.post p.key {
|
|
float: left;
|
|
margin: 0 1em;
|
|
font-size: small;
|
|
line-height: 0.5;
|
|
}
|
|
.post p.message {
|
|
float: left;
|
|
max-width: 350px;
|
|
margin: -0.6em 0;
|
|
}
|
|
img,
|
|
iframe,
|
|
audio,
|
|
video {
|
|
max-width: 350px;
|
|
height: auto;
|
|
clear: both;
|
|
margin: 0.4em 0;
|
|
}
|
|
|
|
hr{
|
|
clear: both;
|
|
padding: 4em 0 0 0;
|
|
}
|
|
@media print{
|
|
page{
|
|
size: A3;
|
|
orientation: portrait;
|
|
margin: 10mm;
|
|
background-color: white;
|
|
color: black;
|
|
|
|
@top-left{
|
|
content: "VARIA's OPEN TAB";
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
@top-center{
|
|
content: "Daily encounters with Everyday Technology";
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
@bottom-center{
|
|
content: "Dagelijkse ontmoetingen met Alledaagse Technologie";
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
@bottom-right{
|
|
content: "VARIA's OPEN TAB";
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
}
|
|
h1{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
p.key,
|
|
hr,
|
|
span{
|
|
display: none;
|
|
}
|
|
.post{
|
|
margin: 1.5em 0.75em;
|
|
}
|
|
.post p.message{
|
|
font-size: 12pt;
|
|
line-height: 1.5;
|
|
width: 100%;
|
|
max-width: none;
|
|
}
|
|
.post p.message img{
|
|
max-width: 50mm;
|
|
transform: rotate(5deg);
|
|
}
|
|
} |