警告付箋
#UserCSS #notation #original
横幅いっぱいに強調して付箋を貼れる
[!~ WARNING]
WARNING
[!~* #WARNING]
#WARNING
[!~** [WARNING https://scrapbox.io]]
WARNING
[!~*** WARNING]
WARNING
code:style.css
.line:not(.cursor-line) .deco-\!.deco-\~ a {
color: #fff !important;
}
.line:not(.cursor-line) .deco-\!.deco-\~ a:hover {
opacity: .5;
}
.line:not(.cursor-line) .deco-\!.deco-\~ {
position: absolute;
left: -20px;
right: -20px;
width: auto !important;
max-width: none;
transform: none;
border-left: 1rem solid #ff5555 !important;
border-right: 1rem solid #ff5555 !important;
background-color: #ee6666;
z-index: 300;
text-align: center;
line-height: 130%;
}
.line .deco-\!.deco-\~:after {
display: none !important;
}
@media screen and (min-width: 767px) {
.line:not(.cursor-line) .deco-\!.deco-\~ {
left: -30px;
right: -30px;
}
}
@media screen and (min-width: 991px) {
.line:not(.cursor-line) .deco-\!.deco-\~ {
left: -50px;
right: -50px;
}
}