https://www.kanturas.nl/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-09-14T05:37:37Z Revision history for this page on the wiki MediaWiki 1.46.0 https://www.kanturas.nl/index.php?title=MediaWiki:Common.css&diff=5&oldid=prev 2026-09-13T17:19:06Z

<p>Created page with &quot;<span class="autocomment">CSS placed here will be applied to all skins: </span> <span class="autocomment">Idhelin main navigation Midnight blue, antique gold and salt-crystal turquoise ---------------------------------------------------------: </span> .idhelin-nav { --idhelin-night: #071426; --idhelin-blue: #102b49; --idhelin-gold: #c99a43; --idhelin-pale-gold: #f0d99a; --idhelin-crystal: #42d5d1; --idhelin-crystal-dark: #168b9c; margin: 1.25rem auto; overflow: hidden; background:...&quot;</p> <p><b>New page</b></p><div>/* CSS placed here will be applied to all skins */<br /> /* Idhelin main navigation<br /> Midnight blue, antique gold and salt-crystal turquoise<br /> --------------------------------------------------------- */<br /> <br /> .idhelin-nav {<br /> --idhelin-night: #071426;<br /> --idhelin-blue: #102b49;<br /> --idhelin-gold: #c99a43;<br /> --idhelin-pale-gold: #f0d99a;<br /> --idhelin-crystal: #42d5d1;<br /> --idhelin-crystal-dark: #168b9c;<br /> <br /> margin: 1.25rem auto;<br /> overflow: hidden;<br /> <br /> background:<br /> linear-gradient(<br /> 180deg,<br /> rgba(19, 52, 83, 0.98) 0%,<br /> rgba(7, 20, 38, 0.99) 100%<br /> );<br /> <br /> border: 1px solid var(--idhelin-gold);<br /> border-top: 3px solid var(--idhelin-gold);<br /> border-bottom: 3px solid var(--idhelin-gold);<br /> border-radius: 4px;<br /> <br /> box-shadow:<br /> 0 5px 18px rgba(0, 0, 0, 0.45),<br /> inset 0 0 20px rgba(66, 213, 209, 0.06);<br /> }<br /> <br /> .idhelin-nav-inner {<br /> display: flex;<br /> flex-wrap: wrap;<br /> justify-content: center;<br /> align-items: stretch;<br /> }<br /> <br /> /* Navigation links */<br /> <br /> .idhelin-nav a,<br /> .idhelin-nav .selflink {<br /> position: relative;<br /> display: flex;<br /> flex: 1 1 auto;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> min-height: 48px;<br /> padding: 0.2rem 1rem;<br /> <br /> color: var(--idhelin-pale-gold) !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 0.93rem;<br /> font-weight: 600;<br /> letter-spacing: 0.045em;<br /> text-align: center;<br /> text-decoration: none !important;<br /> text-shadow: 0 1px 3px #000;<br /> <br /> border-left: 1px solid rgba(201, 154, 67, 0.22);<br /> <br /> transition:<br /> color 0.2s ease,<br /> background-color 0.2s ease,<br /> box-shadow 0.2s ease;<br /> }<br /> <br /> .idhelin-nav a:first-child,<br /> .idhelin-nav .selflink:first-child {<br /> border-left: 0;<br /> }<br /> <br /> /* Crystal line beneath each link */<br /> <br /> .idhelin-nav a::after,<br /> .idhelin-nav .selflink::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> right: 20%;<br /> bottom: 5px;<br /> left: 20%;<br /> <br /> height: 2px;<br /> <br /> background: linear-gradient(<br /> 90deg,<br /> transparent,<br /> var(--idhelin-crystal),<br /> transparent<br /> );<br /> <br /> box-shadow: 0 0 7px var(--idhelin-crystal);<br /> opacity: 0;<br /> transform: scaleX(0.25);<br /> <br /> transition:<br /> opacity 0.2s ease,<br /> transform 0.2s ease;<br /> }<br /> <br /> /* Hover and keyboard focus */<br /> <br /> .idhelin-nav a:hover,<br /> .idhelin-nav a:focus-visible {<br /> color: #ffffff !important;<br /> background:<br /> linear-gradient(<br /> 180deg,<br /> rgba(66, 213, 209, 0.14),<br /> rgba(22, 139, 156, 0.08)<br /> );<br /> <br /> box-shadow: inset 0 0 18px rgba(66, 213, 209, 0.12);<br /> outline: none;<br /> }<br /> <br /> .idhelin-nav a:hover::after,<br /> .idhelin-nav a:focus-visible::after,<br /> .idhelin-nav .selflink::after {<br /> opacity: 1;<br /> transform: scaleX(1);<br /> }<br /> <br /> /* Current page */<br /> <br /> .idhelin-nav .selflink {<br /> color: #ffffff !important;<br /> background: rgba(66, 213, 209, 0.12);<br /> }<br /> <br /> /* Tablet: three equal columns */<br /> <br /> @media screen and (max-width: 850px) {<br /> .idhelin-nav-inner {<br /> display: grid;<br /> grid-template-columns: repeat(3, minmax(0, 1fr));<br /> }<br /> <br /> .idhelin-nav a,<br /> .idhelin-nav .selflink {<br /> padding: 0.35rem 0.5rem;<br /> border-right: 1px solid rgba(201, 154, 67, 0.18);<br /> border-bottom: 1px solid rgba(201, 154, 67, 0.18);<br /> }<br /> }<br /> <br /> /* Mobile: two columns, with the ninth gate centered */<br /> <br /> @media screen and (max-width: 520px) {<br /> .idhelin-nav-inner {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .idhelin-nav a,<br /> .idhelin-nav .selflink {<br /> min-height: 44px;<br /> font-size: 0.82rem;<br /> letter-spacing: 0.025em;<br /> }<br /> <br /> .idhelin-nav a:last-child,<br /> .idhelin-nav .selflink:last-child {<br /> grid-column: 1 / -1;<br /> }<br /> }<br /> <br /> /* Force the Idhelin menu into one horizontal row */<br /> <br /> .mw-parser-output .idhelin-nav {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-inner {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> align-items: stretch !important;<br /> justify-content: center !important;<br /> <br /> width: 100%;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> overflow-x: auto;<br /> overflow-y: hidden;<br /> scrollbar-color: #c99a43 #071426;<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-item {<br /> display: flex !important;<br /> flex: 1 0 105px !important;<br /> align-items: stretch;<br /> <br /> margin: 0 !important;<br /> padding: 0 !important;<br /> <br /> border-left: 1px solid rgba(201, 154, 67, 0.22);<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-item:first-child {<br /> border-left: 0;<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-item &gt; a,<br /> .mw-parser-output .idhelin-nav-item &gt; .selflink {<br /> display: flex !important;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> width: 100%;<br /> min-height: 48px;<br /> padding: 0.2rem 0.75rem;<br /> box-sizing: border-box;<br /> <br /> color: #f0d99a !important;<br /> font-family: Georgia, &quot;Times New Roman&quot;, serif;<br /> font-size: 0.9rem;<br /> font-weight: 600;<br /> letter-spacing: 0.035em;<br /> line-height: 1.2;<br /> text-align: center;<br /> text-decoration: none !important;<br /> white-space: nowrap;<br /> <br /> border: 0 !important;<br /> }<br /> <br /> /* Crystal-blue hover effect */<br /> <br /> .mw-parser-output .idhelin-nav-item &gt; a:hover,<br /> .mw-parser-output .idhelin-nav-item &gt; a:focus-visible,<br /> .mw-parser-output .idhelin-nav-item &gt; .selflink {<br /> color: #ffffff !important;<br /> background: linear-gradient(<br /> 180deg,<br /> rgba(66, 213, 209, 0.16),<br /> rgba(22, 139, 156, 0.09)<br /> );<br /> <br /> box-shadow:<br /> inset 0 -2px #42d5d1,<br /> inset 0 0 16px rgba(66, 213, 209, 0.12);<br /> }<br /> <br /> /* Smaller screens retain one row and can scroll sideways */<br /> <br /> @media screen and (max-width: 850px) {<br /> .mw-parser-output .idhelin-nav-inner {<br /> display: flex !important;<br /> flex-direction: row !important;<br /> flex-wrap: nowrap !important;<br /> justify-content: flex-start !important;<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-item {<br /> flex: 0 0 auto !important;<br /> min-width: 110px;<br /> }<br /> <br /> .mw-parser-output .idhelin-nav-item &gt; a,<br /> .mw-parser-output .idhelin-nav-item &gt; .selflink {<br /> min-height: 44px;<br /> padding: 0.25rem 0.7rem;<br /> font-size: 0.82rem;<br /> }<br /> }</div>

Admin AK