模板:曲里拐弯故事会/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;
       }
   }