/*
 * ====================
 * Spoilertags CSS
 * ====================
 *
 * Name: Spoilertags CSS
 * Author: Fraenkiman
 * Version: 0.3
 * Module: spoilertags.css
 * Description: This file defines the style of the spoilertag
 * Last change: 18.12.2022
 * License:	The Google font "Noto Emoji" and its derivatives are licensed under the SIL Open Font License (OFL).
 */

details {
    display: block; /* Do not deactivate */
    padding: 5px;
    /* === Framing of the hidden content inside the spoiler tag === */
    /* border: #ccc solid 1px; */
    /* border-radius: 3px; */
}

details:hover {
    /* === Framing of the hidden content inside the spoiler tag === */
    /* border: #999 solid 1px; */
}

details > summary {
    list-style-type: '▶ ';
    /* list-style-type: none; */ /* when Image as expand sign */
    text-decoration: none;
    cursor: pointer;
    /* color: #B83C32; */ /* Colors of the font of the spoiler title */
    /* font-weight: bold; */ /* Font style of the spoiler title */
}

details > summary::-webkit-details-marker {
    /* display: none; */ /* FIX for Safari when Image as expand sign */
}

details > summary:hover {
    /* text-decoration: underline; */
}

details > summary::before {
    /* === Image as expand sign; size is not scalable === */
    /* content: url(../../../fp-plugins/spoilertags/img/expand_right.png); */
    /* padding: 0px 5px 0px 0px; */
}

details[open] > summary {
    list-style-type: '▼ ';
    /* list-style-type: none; */ /* when Image as expand sign */
    margin-bottom: 5px;
    /* === italic font of spoiler title when expanded === */
    font-style: italic;
}

details[open] > summary::before {
    /* === Image as expand sign; size is not scalable === */
    /* content: url(../../../fp-plugins/spoilertags/img/expand_down.png); */
    /* padding: 0px 5px 0px 0px; */
}