https://irori.cc/index.php?action=history&feed=atom&title=%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%3ANavpills%2Fstyles.css 2026-04-14T15:37:38Z このウィキのこのページに関する変更履歴 MediaWiki 1.44.3 https://irori.cc/index.php?title=%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB:Navpills/styles.css&diff=98&oldid=prev 2026-01-09T18:45:00Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ja"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 古い版</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2026年1月10日 (土) 03:45時点における版</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3行目:</td> <td colspan="2" class="diff-lineno">3行目:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     gap: var( --space-xs );</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     gap: var( --space-xs );</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     grid-auto-rows: <del style="font-weight: bold; text-decoration: none;">5rem</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     grid-auto-rows: <ins style="font-weight: bold; text-decoration: none;">3rem</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: var( --font-size-small );</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: var( --font-size-small );</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <!-- diff cache key mediawiki:diff:1.41:old-97:rev-98:php=table --> </table>

KabanFriends https://irori.cc/index.php?title=%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB:Navpills/styles.css&diff=97&oldid=prev 2026-01-09T18:44:46Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ja"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 古い版</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2026年1月10日 (土) 03:44時点における版</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">2行目:</td> <td colspan="2" class="diff-lineno">2行目:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     display: grid;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     display: grid;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     gap: var( --space-xs );</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     gap: var( --space-xs );</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     grid-template-columns: repeat( auto-fill, minmax( <del style="font-weight: bold; text-decoration: none;">160px</del>, 1fr ) );</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     grid-template-columns: repeat( auto-fill, minmax( <ins style="font-weight: bold; text-decoration: none;">200px</ins>, 1fr ) );</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     grid-auto-rows: <del style="font-weight: bold; text-decoration: none;">3rem</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     grid-auto-rows: <ins style="font-weight: bold; text-decoration: none;">5rem</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: var( --font-size-small );</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: var( --font-size-small );</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <!-- diff cache key mediawiki:diff:1.41:old-77:rev-97:php=table --> </table>

KabanFriends https://irori.cc/index.php?title=%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB:Navpills/styles.css&diff=77&oldid=prev 2026-01-09T17:58:26Z

<p>ページの作成:「.template-navpills { display: grid; gap: var( --space-xs ); grid-template-columns: repeat( auto-fill, minmax( 160px, 1fr ) ); grid-auto-rows: 3rem; font-size: var( --font-size-small ); } .template-navpill { position: relative; border: 1px solid var( --border-color-base ); border-radius: var( --border-radius-medium ); font-weight: var( --font-weight-medium ); line-height: var( --line-height-xx-small ); overflow: hidden; } .temp…」</p> <p><b>新規ページ</b></p><div>.template-navpills {<br /> display: grid;<br /> gap: var( --space-xs );<br /> grid-template-columns: repeat( auto-fill, minmax( 160px, 1fr ) );<br /> grid-auto-rows: 3rem;<br /> font-size: var( --font-size-small );<br /> }<br /> <br /> .template-navpill {<br /> position: relative;<br /> border: 1px solid var( --border-color-base );<br /> border-radius: var( --border-radius-medium );<br /> font-weight: var( --font-weight-medium );<br /> line-height: var( --line-height-xx-small );<br /> overflow: hidden;<br /> }<br /> <br /> .template-navpill-background {<br /> position: absolute;<br /> inset: 0;<br /> pointer-events: none;<br /> }<br /> <br /> .template-navpill-background:after {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> inset: 0;<br /> background: linear-gradient(to right, #000, transparent);<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .template-navpill-background img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover;<br /> transition: var( --transition-hover );<br /> transition-property: transform;<br /> }<br /> <br /> .template-navpill:hover .template-navpill-background::after {<br /> transform: translateX( -100% );<br /> }<br /> <br /> .template-navpill:hover .template-navpill-background img {<br /> transform: scale( 1.1 );<br /> }<br /> <br /> .template-navpill &gt; a {<br /> position: relative;<br /> padding: 0 var( --space-md );<br /> display: flex;<br /> align-items: center;<br /> color: var( --color-emphasized );<br /> text-decoration: none;<br /> height: 100%;<br /> }<br /> <br /> .template-navpill &gt; .template-navpill-background + a {<br /> color: #fff;<br /> text-shadow: -1px 0 .2em #000, 0 1px .2em #000, 1px 0 .2em #000, 0 -1px .2em #000;<br /> }<br /> <br /> .template-navpill:hover {<br /> background: var( --background-color-button-quiet--hover );<br /> }<br /> <br /> .template-navpill:active {<br /> background: var( --background-color-button-quiet--active );<br /> }</div>

KabanFriends