K |
K |
||
Zeile 70: | Zeile 70: | ||
/* Desktop */ | /* Desktop */ | ||
+ | @media screen and (max-width: 576px) { | ||
+ | .randnotiz{ | ||
+ | border-bottom: solid 0.1rem; | ||
+ | border-left: solid 0.1rem; | ||
+ | border-right: solid 0.1rem; | ||
+ | } | ||
+ | } | ||
+ | |||
@media screen and (min-width: 576px) { | @media screen and (min-width: 576px) { | ||
.randnotiz-icon { | .randnotiz-icon { | ||
Zeile 97: | Zeile 105: | ||
.randnotiz { | .randnotiz { | ||
float: right; | float: right; | ||
− | position: | + | position: absolute; |
width: 15%; | width: 15%; | ||
right: -20%; | right: -20%; |
Version vom 8. Februar 2021, 13:43 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; border-left: solid 0.1rem; border-right: solid 0.1rem; } } @media screen and (min-width: 576px) { .randnotiz-icon { float: right; font-size: 2rem; position: absolute; left: -3rem; top: -1.8rem; } .randnotiz { margin-left: -3rem; } } @media screen and (min-width: 1550px) { .randnotiz { position: absolute; right: -200px; width: 250px; margin-left: 0; } } /* Print */ @media print { .randnotiz { float: right; position: absolute; width: 15%; right: -20%; } .randnotiz-icon { font-size: 2rem; position: relative; top: -1.6rem; left: -1.6rem; } }