模板:曲里拐弯故事会/common.css

    .Infobox {
        border:1px solid;
        border-spacing: 3px;
        background-color: #f8f9fa;
        padding: 0.2em;
        line-height: 1.5em;
        border-left: 10px solid;
        margin:0 20% 0 0;
        width:80%;
        position: relative;
    }
    .Infobox td{
    border:0 !important;
    }
    .Infobox::before {
            content: '';
            position: absolute;
            inset: -1px -1px -1px -10px;
            border-radius: inherit;
            z-index: -1;
            pointer-events: none;
            background: repeating-conic-gradient(from 0deg,
                    #ff6b6b 0deg,
                    #ffa94d calc(360deg / 9 / 7 * 1),
                    #ffd43b calc(360deg / 9 / 7 * 2),
                    #69db7c calc(360deg / 9 / 7 * 3),
                    #4dabf7 calc(360deg / 9 / 7 * 4),
                    #9775fa calc(360deg / 9 / 7 * 5),
                    #f06595 calc(360deg / 9 / 7 * 6),
                    #ff6b6b calc(360deg / 9 / 7 * 7));
        }
    @media screen and (max-width: 850px) {
        .Infobox {
            margin:0;
            width:100% !important;
        }
    }
    @media screen and (prefers-color-scheme: dark) {
        .Infobox {
            background-color: #343a40;
            color: #f8f9fa;
            border:0px;
            margin:10px;
        }
    }