打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

用户:RedDragon/Test1:修订间差异

来自Rizline中文维基
第2行: 第2行:


<html>
<html>
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;"><tbody><tr class="infobox-below"><td colspan="2" style="padding:0.5em;background:#796CD5; text-align:center; color:#FFFFFF;;">
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
<b>Rizline Original</b><sup id="cite_ref-1" class="reference"><a href="#cite_note-1" title=""><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup><div class="mw-collapsible mw-made-collapsible" style="width: 100%; text-align: left;"><button type="button" class="mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded" aria-expanded="true" tabindex="0"><span class="mw-collapsible-text">折叠</span></button><div class="mw-collapsible-content" style=""><div style="background:#9286DC; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center;">详细信息</div><table class="infobox" style="width:100%; border:none; margin:0;"><tbody><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">Riztime时间</th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">112.29s-142.29s</td></tr><tr><th colspan="2" style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">主题颜色</th></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">常规主题</th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">#D2CDDDFF<br>#A2BFD8FF<br>#A29BCDFF</td></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">Riztime主题1</th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">#ADB9D4FF<br>#9F84B7FF<br>#6574ABFF</td></tr><tr><th colspan="2" style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">谱面信息</th></tr><tr><th colspan="2" style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">Tap/Drag/Hold</th></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ 4</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">70/43/43</td></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD 6</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">203/164/48</td></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN 12</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">393/233/84</td></tr><tr><th colspan="2" style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">线条数</th></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ 4</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">197</td></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD 6</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">222</td></tr><tr><th scope="row" style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;"><span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN 12</span></th><td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">1020</td></tr></tbody></table></div></div></td></tr></tbody></table>
    <tbody>
        <tr class="infobox-below">
            <td colspan="2" style="padding:0.5em;background:#796CD5; text-align:center; color:#FFFFFF;;">
                <b>Rizline Original</b><sup id="cite_ref-1" class="reference"><a href="#cite_note-1" title=""><span
                            class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
                <div class="mw-collapsible mw-made-collapsible" style="width: 100%; text-align: left;"><button
                        type="button"
                        class="mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded"
                        aria-expanded="true" tabindex="0"><span class="mw-collapsible-text">折叠</span></button>
                    <div class="mw-collapsible-content" style="">
                        <div
                            style="background:#9286DC; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center;">
                            详细信息</div>
                        <table class="infobox" style="width:100%; border:none; margin:0;">
                            <tbody>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        Riztime时间</th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        112.29s-142.29s</td>
                                </tr>
                                <tr>
                                    <th colspan="2"
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">主题颜色
                                    </th>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        常规主题</th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        #D2CDDDFF<br>#A2BFD8FF<br>#A29BCDFF</td>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        Riztime主题1</th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        #ADB9D4FF<br>#9F84B7FF<br>#6574ABFF</td>
                                </tr>
                                <tr>
                                    <th colspan="2"
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">谱面信息
                                    </th>
                                </tr>
                                <tr>
                                    <th colspan="2"
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">
                                        Tap/Drag/Hold</th>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ
                                            4</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        70/43/43</td>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD
                                            6</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        203/164/48</td>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN
                                            12</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        393/233/84</td>
                                </tr>
                                <tr>
                                    <th colspan="2"
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">线条数
                                    </th>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ
                                            4</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        197</td>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD
                                            6</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        222</td>
                                </tr>
                                <tr>
                                    <th scope="row"
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                                        <span
                                            style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN
                                            12</span>
                                    </th>
                                    <td
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                                        1020</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
 
<script>
    document.addEventListener('DOMContentLoaded', addColorBorders)
   
    const hexColorRegex = /#([A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})\b/g
 
    function addColorBorders() {
        const walker = document.createTreeWalker(
            document.body,
            NodeFilter.SHOW_TEXT,
            null,
            false
        )
 
        const textNodes = []
        let node
        while (node = walker.nextNode()) {
            textNodes.push(node)
        }
 
        textNodes.forEach(textNode => {
            const parent = textNode.parentNode
            if (parent.nodeName === 'SCRIPT' || parent.nodeName === 'STYLE') {
                return
            }
 
            const text = textNode.textContent
            const matches = [...text.matchAll(hexColorRegex)]
 
            if (matches.length > 0) {
                const fragment = document.createDocumentFragment()
                let lastIndex = 0
 
                matches.forEach(match => {
                    const matchIndex = match.index
                    const hexColor = match[0]
 
                    if (matchIndex > lastIndex) {
                        fragment.appendChild(
                            document.createTextNode(text.substring(lastIndex, matchIndex))
                        )
                    }
 
                    const colorSpan = document.createElement('span')
                    colorSpan.style.display = 'inline-block'
                    colorSpan.style.padding = '0'
                    colorSpan.style.margin = '0'
                    colorSpan.style.border = '4px solid'
                    colorSpan.style.borderRadius = '0'
                    colorSpan.style.fontWeight = 'bold'
                    colorSpan.style.background = 'transparent'
                    colorSpan.style.lineHeight = '1'
                    colorSpan.style.verticalAlign = 'baseline'
                    colorSpan.style.boxSizing = 'border-box'
                    colorSpan.style.minWidth = 'fit-content'
                    colorSpan.textContent = hexColor
                    colorSpan.style.borderColor = hexColor
 
                    fragment.appendChild(colorSpan)
                    lastIndex = matchIndex + hexColor.length
                })
 
                if (lastIndex < text.length) {
                    fragment.appendChild(
                        document.createTextNode(text.substring(lastIndex))
                    )
                }
 
                parent.replaceChild(fragment, textNode)
            }
        })
    }
</script>
</html>
</html>



2025年10月28日 (二) 19:44的版本

加入社区

avataravataravataravatar
avataravataravataravatar
avatar

Rizline Original[1]
详细信息
Riztime时间 112.29s-142.29s
主题颜色
常规主题 #D2CDDDFF
#A2BFD8FF
#A29BCDFF
Riztime主题1 #ADB9D4FF
#9F84B7FF
#6574ABFF
谱面信息
Tap/Drag/Hold
EZ 4 70/43/43
HD 6 203/164/48
IN 12 393/233/84
线条数
EZ 4 197
HD 6 222
IN 12 1020


User:RedDragon/Test User:RedDragon/Test1 User:RedDragon/Test2