misuzu/assets/css/misuzu/warning.css

25 lines
597 B
CSS

.warning {
--start-colour: yellow;
--end-colour: black;
background-image: repeating-linear-gradient(-45deg, var(--start-colour), var(--start-colour) 10px, var(--end-colour) 10px, var(--end-colour) 20px);
box-shadow: 0 1px 4px #111;
margin: 2px 0;
padding: 2px;
color: #fff;
text-align: center;
}
.warning__content {
background-color: rgba(17, 17, 17, .9);
padding: 2px 5px;
}
.warning__link {
color: inherit;
text-decoration: underline dotted;
}
.warning__link:hover,
.warning__link:active,
.warning__link:focus {
text-decoration: underline;
}