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

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

来自Rizline中文维基
 
第61行: 第61行:
<html>
<html>
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
    <tbody>
  <tbody>
        <tr class="infobox-below">
    <tr class="infobox-below">
            <td colspan="2" style="padding:0.5em;background:#796CD5; text-align:center; color:#FFFFFF;;">
      <td colspan="2" style="padding:0;background:#6255BA; text-align:center; color:#FFFFFF; border:4px solid #6255BA;">
                <b>Rizline Original</b><sup id="cite_ref-1" class="reference"><a href="#cite_note-1" title=""><span
        <div class="mw-collapsible mw-made-collapsible" style="width: 100%;">
                            class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
          <button type="button" class="mw-collapsible-toggle mw-collapsible-toggle-default webfonts-changed mw-collapsible-toggle-expanded" aria-expanded="true" tabindex="0">
                <div class="mw-collapsible mw-made-collapsible" style="width: 100%; text-align: left;"><button
            <span class="mw-collapsible-text">折叠</span>
                        type="button"
          </button>
                        class="mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded"
          <div style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center; border:4px solid #7D73C6;">详细信息</div>
                        aria-expanded="true" tabindex="0"><span class="mw-collapsible-text">折叠</span></button>
          <table class="infobox mw-collapsible-content" style="width: 100%; border: none; margin: 0px;">
                    <div class="mw-collapsible-content" style="">
            <tbody>
                        <div
              <tr>
                            style="background:#9286DC; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center;">
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">预览时间</th>
                            详细信息</div>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">49.704s-69.704s</td>
                        <table class="infobox" style="width:100%; border:none; margin:0;">
              </tr>
                            <tbody>
              <tr>
                                <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime时间</th>
                                    <th scope="row"
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">50.282s-77.746s</td>
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
              </tr>
                                        Riztime时间</th>
              <tr>
                                    <td
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">主题颜色</th>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
              </tr>
                                        112.29s-142.29s</td>
              <tr>
                                </tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">常规主题</th>
                                <tr>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                                    <th colspan="2"
                  <span style="display:block; padding:2px 4px; border:4px solid #B3A3EDFF; margin:0 -4px;">#B3A3EDFF</span>
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">主题颜色
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                                    </th>
                  <span style="display:block; padding:2px 4px; border:4px solid #4637AEFF; margin:0 -4px;">#4637AEFF</span>
                                </tr>
                </td>
                                <tr>
              </tr>
                                    <th scope="row"
              <tr>
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime主题1</th>
                                        常规主题</th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                                    <td
                  <span style="display:block; padding:2px 4px; border:4px solid #594095FF; margin:0 -4px;">#594095FF</span>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                  <span style="display:block; padding:2px 4px; border:4px solid #FF147DFF; margin:0 -4px;">#FF147DFF</span>
                                        #D2CDDDFF<br>#A2BFD8FF<br>#A29BCDFF</td>
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                                </tr>
                </td>
                                <tr>
              </tr>
                                    <th scope="row"
              <tr>
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">谱面信息</th>
                                        Riztime主题1</th>
              </tr>
                                    <td
              <tr>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">Tap/Drag/Hold</th>
                                        #ADB9D4FF<br>#9F84B7FF<br>#6574ABFF</td>
              </tr>
                                </tr>
              <tr>
                                <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                    <th colspan="2"
                  <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 3</span>
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 8px;">谱面信息
                </th>
                                    </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">134/54/68</td>
                                </tr>
              </tr>
                                <tr>
              <tr>
                                    <th colspan="2"
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                        style="background:#9286DC; color:var(--color-emphasized); padding: 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 8</span>
                                        Tap/Drag/Hold</th>
                </th>
                                </tr>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">169/222/134</td>
                                <tr>
              </tr>
                                    <th scope="row"
              <tr>
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                        <span
                  <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 13+</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
                </th>
                                            4</span>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">435/129/98</td>
                                    </th>
              </tr>
                                    <td
              <tr>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">线条数</th>
                                        70/43/43</td>
              </tr>
                                </tr>
              <tr>
                                <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                    <th scope="row"
                  <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 3</span>
                                        style="width:90px; background:#C0BAEA; color:var(--color-base); padding:4px 8px;">
                </th>
                                        <span
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">291</td>
                                            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
              </tr>
                                            6</span>
              <tr>
                                    </th>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                    <td
                  <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 8</span>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
                </th>
                                        203/164/48</td>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">358</td>
                                </tr>
              </tr>
                                <tr>
              <tr>
                                    <th scope="row"
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                                        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 13+</span>
                                        <span
                </th>
                                            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
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">678</td>
                                            12</span>
              </tr>
                                    </th>
            </tbody>
                                    <td
          </table>
                                        style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px;">
        </div>
                                        393/233/84</td>
      </td>
                                </tr>
    </tr>
                                <tr>
  </tbody>
                                    <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>
</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 nodesToProcess = []
        let node
        while (node = walker.nextNode()) {
            if (node.parentNode.nodeName === 'SCRIPT' || node.parentNode.nodeName === 'STYLE') continue
            const testRegex = new RegExp(hexColorRegex.source, 'g')
            if (testRegex.test(node.textContent)) {
                nodesToProcess.push(node)
            }
        }
        nodesToProcess.forEach(textNode => {
            const parent = textNode.parentNode
            const text = textNode.textContent
            const matches = [...text.matchAll(hexColorRegex)]
            const fragment = document.createDocumentFragment()
            let lastIndex = 0
            matches.forEach(match => {
                const [hexColor, index] = [match[0], match.index]
                if (index > lastIndex) {
                    fragment.appendChild(document.createTextNode(text.substring(lastIndex, index)))
                }
                const colorSpan = document.createElement('span')
                Object.assign(colorSpan.style, {
                    border: '4px solid',
                    fontWeight: 'bold',
                })
                colorSpan.textContent = hexColor
                colorSpan.style.borderColor = hexColor
                fragment.appendChild(colorSpan)
                lastIndex = index + hexColor.length
            })
            if (lastIndex < text.length) {
                fragment.appendChild(document.createTextNode(text.substring(lastIndex)))
            }
            parent.replaceChild(fragment, textNode)
            let tdParent = parent
            while (tdParent) {
                if (tdParent.nodeType === Node.ELEMENT_NODE) {
                    if (tdParent.tagName === 'TD') {
                        if (new RegExp(hexColorRegex.source, 'g').test(tdParent.textContent)) {
                            tdParent.style.padding = '0'
                            break
                        }
                    }
                }
                tdParent = tdParent.parentNode
            }
        })
    }
</script>
</html>
</html>



2025年11月29日 (六) 20:35的最新版本

加入社区

avataravataravataravatar
avataravataravataravatar
avatar

click this

详细信息
预览时间 49.704s-69.704s
Riztime时间 50.282s-77.746s
主题颜色
常规主题 #B3A3EDFF #5BCFEEFF #4637AEFF
Riztime主题1 #594095FF #FF147DFF #5BCFEEFF
谱面信息
Tap/Drag/Hold
EZ 3 134/54/68
HD 8 169/222/134
IN 13+ 435/129/98
线条数
EZ 3 291
HD 8 358
IN 13+ 678


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