https://ohcnwiki.tellmey.fyi/index.php?action=history&feed=atom&title=Template%3AMain_page%2Fstyles.css 2026-07-07T16:05:33Z Revision history for this page on the wiki MediaWiki 1.45.4 https://ohcnwiki.tellmey.fyi/index.php?title=Template:Main_page/styles.css&diff=225&oldid=prev 2026-07-04T23:26:05Z

<p>OHC identity seed</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="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 04:56, 5 July 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 42:</td> <td colspan="2" class="diff-lineno">Line 42:</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> <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>.ohc-navpill {</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>.ohc-navpill {</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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> position: relative;</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> display: flex;</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: flex;</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> align-items: center;</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> align-items: center;</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Line 51:</td> <td colspan="2" class="diff-lineno">Line 52:</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-weight: 600;</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-weight: 600;</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: 0.88em;</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: 0.88em;</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_7_0_rhs">&#x26AB;</a></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><a name="movedpara_3_0_lhs"></a> text-decoration: none !important;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_7_1_rhs">&#x26AB;</a></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><a name="movedpara_3_1_lhs"></a> color: var(--color-base, #202122) !important;</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> transition: transform 0.15s, box-shadow 0.15s;</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> transition: transform 0.15s, box-shadow 0.15s;</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> <tr> <td colspan="2" class="diff-lineno">Line 60:</td> <td colspan="2" class="diff-lineno">Line 59:</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> border-color: #059669;</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> border-color: #059669;</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> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>.ohc-navpill a {</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>.ohc-navpill__icon { font-size: 1.2em; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_3_0_lhs">&#x26AB;</a></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><a name="movedpara_7_0_rhs"></a> text-decoration: none !important;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_3_1_lhs">&#x26AB;</a></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><a name="movedpara_7_1_rhs"></a> color: var(--color-base, #202122) !important;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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> font-weight: 600;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>}</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>.ohc-navpill__count {</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>.ohc-navpill__count {</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> margin-left: auto;</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> margin-left: auto;</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-223:rev-225:wikidiff2=table:1.14.2:bc2a06be --> </table>

Admin https://ohcnwiki.tellmey.fyi/index.php?title=Template:Main_page/styles.css&diff=223&oldid=prev 2026-07-04T23:22:23Z

<p>OHC identity seed</p> <p><b>New page</b></p><div>/* Main Page — rich landing page styles.<br /> Uses Citizen skin design tokens exclusively. */<br /> <br /> /* Search trigger (opens Citizen&#039;s native search) */<br /> .ohc-search-trigger {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 0.5em;<br /> max-width: 560px;<br /> margin: 1.2em auto 0;<br /> padding: 0.75em 1.2em;<br /> border: 1px solid var(--border-color-base, #c8ccd1);<br /> border-radius: 999px;<br /> background: var(--color-surface-1, #ffffff);<br /> cursor: pointer;<br /> font-size: 0.95em;<br /> color: var(--color-base--subtle, #54595d);<br /> transition: box-shadow 0.2s, border-color 0.2s;<br /> }<br /> .ohc-search-trigger:hover {<br /> border-color: #059669;<br /> box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.12);<br /> }<br /> .ohc-search-trigger__icon { font-size: 1.1em; }<br /> .ohc-search-trigger__kbd {<br /> margin-left: auto;<br /> padding: 0.1em 0.55em;<br /> border-radius: 4px;<br /> background: var(--color-surface-2, #f8f9fa);<br /> border: 1px solid var(--border-color-base, #c8ccd1);<br /> font-size: 0.8em;<br /> font-family: monospace;<br /> }<br /> <br /> /* Domain navigation pills */<br /> .ohc-navgrid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));<br /> gap: 0.5em;<br /> margin: 0.8em 0 1.2em;<br /> }<br /> .ohc-navpill {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.4em;<br /> padding: 0.6em 0.9em;<br /> border-radius: 10px;<br /> background: var(--color-surface-2, #f8f9fa);<br /> border: 1px solid var(--border-color-base, #c8ccd1);<br /> font-weight: 600;<br /> font-size: 0.88em;<br /> text-decoration: none !important;<br /> color: var(--color-base, #202122) !important;<br /> transition: transform 0.15s, box-shadow 0.15s;<br /> }<br /> .ohc-navpill:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.08);<br /> border-color: #059669;<br /> }<br /> .ohc-navpill__icon { font-size: 1.2em; }<br /> .ohc-navpill__count {<br /> margin-left: auto;<br /> font-size: 0.8em;<br /> font-weight: 700;<br /> color: #059669;<br /> }<br /> <br /> /* Stats bar */<br /> .ohc-statsbar {<br /> display: grid;<br /> grid-auto-flow: column;<br /> grid-auto-columns: 1fr;<br /> gap: 1px;<br /> background: var(--border-color-base, #c8ccd1);<br /> border-radius: 10px;<br /> overflow: hidden;<br /> margin: 1em 0;<br /> }<br /> .ohc-statsbar__item {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> padding: 0.7em 0.5em;<br /> background: var(--color-surface-2, #f8f9fa);<br /> }<br /> .ohc-statsbar__num {<br /> font-size: 1.5em;<br /> font-weight: 700;<br /> color: #059669;<br /> line-height: 1.2;<br /> }<br /> .ohc-statsbar__label {<br /> font-size: 0.75em;<br /> color: var(--color-base--subtle, #54595d);<br /> text-transform: uppercase;<br /> letter-spacing: 0.04em;<br /> }<br /> <br /> /* Section headings */<br /> .ohc-section-label {<br /> font-size: 0.78em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> letter-spacing: 0.07em;<br /> color: var(--color-base--subtle, #54595d);<br /> margin: 1.8em 0 0.5em;<br /> padding-bottom: 0.3em;<br /> border-bottom: 2px solid #059669;<br /> }<br /> <br /> /* Quick links grid */<br /> .ohc-quicklinks {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));<br /> gap: 0.7em;<br /> margin: 0.6em 0;<br /> }<br /> .ohc-quicklink {<br /> padding: 0.8em 1em;<br /> border-radius: 10px;<br /> background: var(--color-surface-2, #f8f9fa);<br /> border: 1px solid var(--border-color-base, #c8ccd1);<br /> border-left: 3px solid #059669;<br /> }<br /> .ohc-quicklink__title { font-weight: 700; font-size: 0.95em; }<br /> .ohc-quicklink__desc { font-size: 0.85em; color: var(--color-base--subtle, #54595d); margin-top: 0.2em; line-height: 1.45; }<br /> <br /> /* Latest/recent section */<br /> .ohc-recent { columns: 2; column-gap: 1.5em; }<br /> @media (max-width: 640px) { .ohc-recent { columns: 1; } }</div>

Admin