Files
DiceCloud/rpg-docs/client/views/character/printedCharacterSheet/printedCharacterSheet.css
2018-03-02 07:25:37 +02:00

73 lines
1.1 KiB
CSS

.printed {
background: #fff;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
}
.printed > .page {
width: 100%;
padding: 1cm;
page-break-inside: avoid;
page-break-after: always;
}
.printed .shrink-to-fit {
white-space: nowrap;
overflow: hidden;
}
.double-border {
position: relative;
margin: 16px;
}
.double-border::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 28px solid transparent;
border-image-source: url(/png/doubleLineImageBorder110x126.png);
border-image-slice: 110 126;
border-image-repeat: stretch;
border-image-outset: 11px 10px;
box-sizing: content-box;
}
.shield-background {
background: url(/png/shieldBorder.png);
background-size: contain;
background-repeat: no-repeat;
width: 102px;
height: 118px;
-webkit-print-color-adjust: exact;
}
.shield-background .paper-font-subhead {
width: 80px;
text-align: center;
line-height: 1.1;
}
@media screen {
.printed {
display: none;
}
}
@media print {
.character-sheet {
display: none;
}
app-drawer {
display: none;
}
}