signs/public/signs.css

133 lines
2.1 KiB
CSS
Raw Normal View History

2018-04-15 16:14:33 +00:00
@page {
2020-03-11 19:31:38 +00:00
margin: 0;
size: A4 landscape;
2018-04-15 16:14:33 +00:00
}
html {
2020-03-11 19:31:38 +00:00
font-family: 'Orbitron', sans-serif;
2018-04-15 16:14:33 +00:00
}
body {
2020-03-11 19:31:38 +00:00
margin: 0
2018-04-15 16:14:33 +00:00
}
.sheet {
2020-03-11 19:31:38 +00:00
display: table;
margin: 0;
position: relative;
box-sizing: border-box;
page-break-after: always;
padding: 10mm;
padding-top: 5mm;
width: 297mm;
height: 209mm
border-spacing: 0;
2018-04-15 16:14:33 +00:00
}
/* Put everything in the correct location */
.logo {
2020-03-11 19:31:38 +00:00
display: table-row;
2018-04-15 16:14:33 +00:00
}
2020-03-11 16:56:25 +00:00
.logo img {
2020-03-11 19:31:38 +00:00
height:35mm;
pointer-events: none;
float:inline-start;
2020-03-11 16:56:25 +00:00
}
2018-04-15 16:14:33 +00:00
.main {
2020-03-11 19:31:38 +00:00
display: table-row;
font-size: 25mm;
width: 100%;
height: 12.5cm;
max-height: 12.5cm;
margin: 0;
text-align: center;
2018-04-15 16:14:33 +00:00
}
.subline {
2020-03-11 19:31:38 +00:00
display: table-row;
font-size: 12mm;
text-align: center;
2018-04-15 16:14:33 +00:00
}
.editable {
2020-03-11 19:31:38 +00:00
display: table-cell;
vertical-align: middle;
-webkit-user-modify: read-write;
2020-03-11 20:57:56 +00:00
-moz-user-modify: read-write;
2020-03-11 19:31:38 +00:00
user-modify: read-write;
border: none;
outline: none;
2020-03-11 20:55:53 +00:00
-ms-word-break: break-all;
word-break: break-all;
2020-03-11 20:57:21 +00:00
/* Non standard for webkit */
word-break: break-word;
2020-03-11 20:55:53 +00:00
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
2018-04-15 16:14:33 +00:00
/** Screen **/
@media screen {
2020-03-11 19:31:38 +00:00
body {
background: #eee
}
.sheet {
background: white;
box-shadow: 0 .5mm 2mm rgba(0, 0, 0, .3);
margin: 20mm auto;
}
.sheet, .sheet::before, .sheet::after {
box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
border: 1px solid #bbb;
}
.sheet::before, .sheet::after {
content: "";
position: absolute;
width: 297mm;
height: 210mm;
background-color: #eee;
}
.sheet::before {
right: 15px;
top: 0;
transform: rotate(-1deg);
z-index: -1;
}
.sheet::after {
top: 5px;
right: -5px;
transform: rotate(1deg);
z-index: -2;
}
2018-04-15 16:14:33 +00:00
}
@media print {
2020-03-11 19:31:38 +00:00
body {
width: 297mm
}
.sheet {
overflow: hidden;
/* Make input caret transparent */
color: transparent;
text-shadow: 0 0 0 #000;
}
2018-04-15 16:14:33 +00:00
}