打开/关闭搜索
打开/关闭菜单
139
836
236
7082
Rizline中文维基
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

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

来自Rizline中文维基
更多操作
以互动方式浏览历史
←上一编辑
可视化wikitext
小
小
 
（未显示同一用户的4个中间版本）
第2行： 第2行：


<html>
<html>
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
<style>
     <tbody>
     .glowing-card {
        <tr class="infobox-below">
        width: 120px;
            <td colspan="2" style="padding:0.5em;background:#796CD5; text-align:center; color:#FFFFFF;;">
        padding: 10px;
                <b>Rizline Original</b><sup id="cite_ref-1" class="reference"><a href="#cite_note-1" title=""><span
        border-radius: 10px;
                            class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
        color: #976dff;
                <div class="mw-collapsible mw-made-collapsible" style="width: 100%; text-align: left;"><button
        text-align: center;
                        type="button"
        font-size: 17px;
                        class="mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded"
        font-weight: bold;
                        aria-expanded="true" tabindex="0"><span class="mw-collapsible-text">折叠</span></button>
        text-shadow: 0 0 10px #976dff;
                    <div class="mw-collapsible-content" style="">
        text-shadow: 0 0 5px #976dff;
                        <div
        transition: all 0.2s ease;
                            style="background:#9286DC; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center;">
        cursor: pointer;
                            详细信息</div>
        position: relative;
                        <table class="infobox" style="width:100%; border:none; margin:0;">
        overflow: hidden;
                            <tbody>
        z-index: 1;
                                <tr>
        user-select: none;
                                    <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>
     .glowing-card::before {
     document.addEventListener('DOMContentLoaded', addColorBorders)
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #5d27e64d;
        border-radius: 10px;
        transition: left 0.1s ease;
        z-index: -1;
    }


     const hexColorRegex = /#([A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})\b/g
     .glowing-card:hover {
        background: rgba(255, 255, 255, 0.05);
        color: #3492ff;
        transform: translate(-1px, -1px);
        text-shadow: 0 0 10px #3492ff;
        text-shadow: 0 0 5px #3492ff;
    }


     function addColorBorders() {
     .glowing-card:active::before {
         const walker = document.createTreeWalker(
         left: 0;
            document.body,
    }
            NodeFilter.SHOW_TEXT,
            null,
            false
        )


         const nodesToProcess = []
    .glowing-card:active {
         let node
         color: white;
         text-shadow: 0 0 10px #fff;
    }
</style>


         while (node = walker.nextNode()) {
<body>
            if (node.parentNode.nodeName === 'SCRIPT' || node.parentNode.nodeName === 'STYLE') continue
    <div class="glowing-card">
         click this
    </div>
</body>
</html>


            const testRegex = new RegExp(hexColorRegex.source, 'g')
<html>
            if (testRegex.test(node.textContent)) {
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
                nodesToProcess.push(node)
  <tbody>
            }
    <tr class="infobox-below">
         }
      <td colspan="2" style="padding:0;background:#6255BA; text-align:center; color:#FFFFFF; border:4px solid #6255BA;">
 
         <div class="mw-collapsible mw-made-collapsible" style="width: 100%;">
        nodesToProcess.forEach(textNode => {
          <button type="button" class="mw-collapsible-toggle mw-collapsible-toggle-default webfonts-changed mw-collapsible-toggle-expanded" aria-expanded="true" tabindex="0">
            const parent = textNode.parentNode
             <span class="mw-collapsible-text">折叠</span>
            const text = textNode.textContent
          </button>
             const matches = [...text.matchAll(hexColorRegex)]
          <div style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center; border:4px solid #7D73C6;">详细信息</div>
 
          <table class="infobox mw-collapsible-content" style="width: 100%; border: none; margin: 0px;">
            const fragment = document.createDocumentFragment()
             <tbody>
             let lastIndex = 0
              <tr>
 
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">预览时间</th>
            matches.forEach(match => {
                 <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>
                 const [hexColor, index] = [match[0], match.index]
              </tr>
 
              <tr>
                 if (index > lastIndex) {
                 <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime时间</th>
                    fragment.appendChild(document.createTextNode(text.substring(lastIndex, index)))
                <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>
                }
              </tr>
 
              <tr>
                 const colorSpan = document.createElement('span')
                 <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">主题颜色</th>
                 Object.assign(colorSpan.style, {
              </tr>
                    display: 'inline-block',
              <tr>
                    padding: '0',
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">常规主题</th>
                    margin: '0',
                 <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                    border: '4px solid',
                  <span style="display:block; padding:2px 4px; border:4px solid #B3A3EDFF; margin:0 -4px;">#B3A3EDFF</span>
                    borderRadius: '0',
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                    fontWeight: 'bold',
                  <span style="display:block; padding:2px 4px; border:4px solid #4637AEFF; margin:0 -4px;">#4637AEFF</span>
                    background: 'transparent',
                </td>
                    lineHeight: '1',
              </tr>
                    verticalAlign: 'baseline',
              <tr>
                    boxSizing: 'border-box',
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime主题1</th>
                    width: 'fit-content',
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                    letterSpacing: '0'
                  <span style="display:block; padding:2px 4px; border:4px solid #594095FF; margin:0 -4px;">#594095FF</span>
                 })
                  <span style="display:block; padding:2px 4px; border:4px solid #FF147DFF; margin:0 -4px;">#FF147DFF</span>
                 colorSpan.textContent = hexColor
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                colorSpan.style.borderColor = hexColor
                 </td>
 
              </tr>
                 fragment.appendChild(colorSpan)
              <tr>
                 lastIndex = index + hexColor.length
                 <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">谱面信息</th>
            })
              </tr>
 
              <tr>
            if (lastIndex < text.length) {
                 <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">Tap/Drag/Hold</th>
                 fragment.appendChild(document.createTextNode(text.substring(lastIndex)))
              </tr>
            }
              <tr>
 
                 <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
            parent.replaceChild(fragment, textNode)
                  <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>
 
                </th>
            let tdParent = parent
                <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>
            while (tdParent) {
              </tr>
                 if (tdParent.nodeType === Node.ELEMENT_NODE) {
              <tr>
                    if (tdParent.tagName === 'TD') {
                 <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                        if (new RegExp(hexColorRegex.source, 'g').test(tdParent.textContent)) {
                  <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>
                            tdParent.style.padding = '0'
                </th>
                            break
                <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" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                 tdParent = tdParent.parentNode
                  <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>
             }
                </th>
         })
                <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>
     }
              </tr>
</script>
              <tr>
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">线条数</th>
              </tr>
              <tr>
                 <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <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>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">291</td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <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>
                </th>
                <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>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <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>
                 </th>
                 <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">678</td>
              </tr>
             </tbody>
          </table>
         </div>
      </td>
     </tr>
  </tbody>
</table>
</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

检索自“https://rizwiki.cn/index.php?title=用户:RedDragon/Test1&oldid=6887”