{"html":"

\n 🚀2023 LEC Summer - Group Stage - Day 2 - KOI vs. G2\n

\n ibai\n League of Legends\n

\n \n \n Español\n KOI\n LOL\n \n

","css":".temporary__storage {\n/*delete this*/\n width: 350px;\n height: 350px;\n background: #1b1a1a;\n border-radius: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.card {\n width: 320px;\n height: 300px;\n background: #1b1a1a;\n position: relative;\n color: #e6e6ea;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.image {\n width: 100%;\n height: 180px;\n position: absolute;\n background-color: rgb(144, 197, 47);\n cursor: pointer;\n transition: all .2s ease;\n}\n\n.image::before {\n content: \"LIVE\";\n position: absolute;\n top: 7px;\n left: 7px;\n font-weight: 900;\n font-size: .8em;\n background-color: rgb(228, 33, 33);\n border-radius: 5px;\n padding: 3px 5px;\n}\n\n.image::after {\n content: \"102.2k viewers\";\n position: absolute;\n bottom: 7px;\n left: 7px;\n font-weight: 300;\n font-size: .7em;\n background-color: rgb(59, 53, 53);\n border-radius: 2px;\n padding: 3px 5px;\n}\n\n.image__overlay {\n width: 100%;\n height: 180px;\n}\n\n.image:hover {\n transform: translate(8px, -8px);\n box-shadow: -1px 1px 0px 0px violet,-2px 2px 0px 0px violet,-3px 3px 0px 0px violet,-4px 4px 0px 0px violet,-5px 5px 0px 0px violet,-6px 6px 0px 0px violet,-7px 7px 0px 0px violet,-8px 8px 0px 0px violet;\n}\n\n.avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n background-image: linear-gradient(to right top, #371f05, #654607, #8b7600, #a4ae00, #a8eb12);\n}\n\n.content {\n display: flex;\n flex-direction: row;\n gap: 10px;\n}\n\n.content__text {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.content__body {\n display: flex;\n flex-direction: column;\n}\n\n.stream__title {\n font-weight: 900;\n width: 260px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n cursor: pointer;\n}\n\n.event {\n cursor: pointer;\n}\n\n.streamer__name, .event {\n font-size: .8em;\n font-weight: 400;\n color: rgb(216, 213, 213);\n}\n\n.categories__btn {\n text-decoration: none;\n color: rgb(216, 213, 213);\n font-size: .8em;\n background-color: rgb(73, 71, 71);\n padding: 3px 10px;\n border-radius: 15px;\n}\n\n.stream__title:hover, .event:hover {\n color: #9f7cd3;\n}\n\n.categories__btn:hover {\n background-color: rgb(79, 79, 79);\n}"}

tall-donkey-37

👁 实时预览

📝 源代码