bots/LogBot/stylesheets/float.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);
}
}