K |
K |
||
Zeile 87: | Zeile 87: | ||
font-size: 1.5rem; | font-size: 1.5rem; | ||
position: absolute; | position: absolute; | ||
− | left: - | + | left: -3.5rem; |
− | top: -1. | + | top: -1.4rem; |
margin-left: 1rem; | margin-left: 1rem; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
Zeile 109: | Zeile 105: | ||
font-size: 2rem; | font-size: 2rem; | ||
position: absolute; | position: absolute; | ||
− | left: - | + | left: -4rem; |
top: -1.8rem; | top: -1.8rem; | ||
} | } |
Version vom 8. Februar 2021, 14:01 Uhr
/* Allgemein */ .randnotiz { clear: right; border-top: solid 0.5rem #aaa; padding-top: 0.1rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; margin-top: 0.75rem; } .randnotiz-icon { float: left; font-size: 1rem; margin-top: 0; margin-right: 0.75rem; padding: 0; border: 0; color: #aaa; text-align: right; } .randnotiz.wichtig { border-color: #b51f1f; } .randnotiz.wichtig i { color: #b51f1f; } .randnotiz.biber { border-color: #ad7e42; } .randnotiz.biber i { color: #ad7e42; } .randnotiz.wiwo{ border-color: #f7e400; } .randnotiz.wiwo i { color: #f7e400; } .randnotiz.gusp { border-color: #009960; } .randnotiz.gusp i { color: #009960; } .randnotiz.caex { border-color: #353990; } .randnotiz.caex i { color: #353990; } .randnotiz.raro { border-color: #ce0026; } .randnotiz.raro i { color: #ce0026; } /* Desktop */ @media screen and (max-width: 576px) { .randnotiz { border-bottom: solid 0.1rem #aaa; border-left: solid 0.1rem #aaa; border-right: solid 0.1rem #aaa; } .randnotiz-icon { text-align: left; } } @media screen and (min-width: 576px) { .randnotiz-icon { float: right; font-size: 1.5rem; position: absolute; left: -3.5rem; top: -1.4rem; margin-left: 1rem; } } @media screen and (min-width: 1550px) { .randnotiz { position: absolute; right: -200px; width: 250px; margin-left: 0; } .randnotiz-icon { float: right; font-size: 2rem; position: absolute; left: -4rem; top: -1.8rem; } } /* Print */ @media print { .randnotiz { float: right; position: relative; width: 15%; right: -20%; } .randnotiz-icon { float: left; font-size: 2rem; position: relative; top: -1.6rem; left: -3.6rem; margin-right: -3rem; } }