forked from Botanical/BotanJS
36 lines
514 B
CSS
36 lines
514 B
CSS
.spoiler {
|
|
|
|
}
|
|
|
|
.spoiler .title {
|
|
background: cornflowerblue;
|
|
color: white;
|
|
padding: 0.2em 0.5em;
|
|
cursor: default;
|
|
}
|
|
|
|
.spoiler .title:hover {
|
|
background: royalblue;
|
|
}
|
|
|
|
.spoiler .title[clicked] {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.spoiler .title:before {
|
|
padding-right: 0.5em;
|
|
content: "\25BC";
|
|
font-size: 0.75em;
|
|
}
|
|
.spoiler .title[clicked]:before {
|
|
content: "\25B2";
|
|
}
|
|
|
|
.spoiler .content {
|
|
padding: 0.5em;
|
|
font-size: 0.9em;
|
|
line-height: 1.2em;
|
|
background-color: rgba( 0, 0, 0, 0.02 );
|
|
display: none;
|
|
}
|