https://wiki.nothing-news.de/w/api.php?action=feedcontributions&feedformat=atom&user=Jonatanktk Nothing Wiki - User contributions [en] 2026-04-20T19:22:56Z User contributions MediaWiki 1.44.2 https://wiki.nothing-news.de/w/index.php?title=Main_Page&diff=35 Main Page 2025-12-07T13:45:00Z <p>Jonatanktk: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> [[benutzer:jonatanktk]]<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]<br /> <br /> __NOTOC__</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=Main_Page&diff=34 Main Page 2025-12-07T13:44:26Z <p>Jonatanktk: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> &lt;nowiki&gt;[[benutzer:jonatanktk]]&lt;/nowiki&gt;<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]<br /> <br /> __NOTOC__</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=33 MediaWiki:Common.js 2025-11-01T23:59:38Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> // Tooltip erstellen<br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'citizen-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> padding: '10px 14px',<br /> borderRadius: '8px',<br /> maxWidth: '240px',<br /> wordWrap: 'break-word',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transform: 'translateY(4px)',<br /> transition: 'opacity 0.25s ease, transform 0.25s ease',<br /> boxShadow: '0 4px 12px rgba(0,0,0,0.3)',<br /> backdropFilter: 'blur(6px)',<br /> backgroundColor: 'var(--citizen-tooltip-bg, rgba(25,25,25,0.95))',<br /> color: 'var(--citizen-tooltip-text, #fff)',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> // Pfeil<br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '7px solid transparent',<br /> borderRight: '7px solid transparent',<br /> borderTop: '7px solid var(--citizen-tooltip-bg, rgba(25,25,25,0.95))',<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> <br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title');<br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow);<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(4px)';<br /> <br /> // Animation / Bounce<br /> requestAnimationFrame(() =&gt; {<br /> positionTooltip(el);<br /> tooltip.style.opacity = '1';<br /> tooltip.style.transform = 'translateY(0)';<br /> });<br /> <br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(4px)';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> function positionTooltip(el) {<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 8;<br /> <br /> const spaceAbove = rect.top;<br /> const spaceBelow = window.innerHeight - rect.bottom;<br /> const spaceLeft = rect.left;<br /> const spaceRight = window.innerWidth - rect.right;<br /> <br /> let position = 'top';<br /> if (spaceAbove &lt; ttRect.height + spacing &amp;&amp; spaceBelow &gt; ttRect.height + spacing) position = 'bottom';<br /> if (spaceRight &gt; ttRect.width + spacing &amp;&amp; rect.left &lt; 50) position = 'right';<br /> if (spaceLeft &gt; ttRect.width + spacing &amp;&amp; rect.right &gt; window.innerWidth - 50) position = 'left';<br /> <br /> let top, left;<br /> switch(position) {<br /> case 'top':<br /> top = rect.top - ttRect.height - spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(0deg)'<br /> });<br /> break;<br /> case 'bottom':<br /> top = rect.bottom + spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '-7px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)'<br /> });<br /> break;<br /> case 'right':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.right + spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '-7px',<br /> transform: 'translateY(-50%) rotate(90deg)'<br /> });<br /> break;<br /> case 'left':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.left - ttRect.width - spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '100%',<br /> transform: 'translateY(-50%) rotate(-90deg)'<br /> });<br /> break;<br /> }<br /> <br /> // Clamp an Viewport<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> if (top &lt; 4) top = 4;<br /> if (top + ttRect.height &gt; window.innerHeight - 4)<br /> top = window.innerHeight - ttRect.height - 4;<br /> <br /> tooltip.style.top = `${top + window.scrollY}px`;<br /> tooltip.style.left = `${left + window.scrollX}px`;<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=32 MediaWiki:Common.js 2025-11-01T23:56:15Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> // Tooltip erstellen<br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'citizen-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> padding: '10px 14px',<br /> borderRadius: '8px',<br /> maxWidth: '240px',<br /> wordWrap: 'break-word',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.25s, transform 0.15s',<br /> boxShadow: '0 4px 12px rgba(0,0,0,0.3)',<br /> backdropFilter: 'blur(6px)',<br /> color: '#fff',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> // Pfeil erstellen<br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '7px solid transparent',<br /> borderRight: '7px solid transparent',<br /> borderTop: '7px solid #000', // Farbe wird unten angepasst<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> <br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title');<br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow);<br /> tooltip.style.opacity = '0';<br /> <br /> // Dark/Light Mode automatisch<br /> const isDark = document.body.classList.contains('skin-dark') || document.documentElement.classList.contains('skin-dark');<br /> tooltip.style.backgroundColor = isDark ? 'rgba(25,25,25,0.95)' : 'rgba(250,250,250,0.95)';<br /> tooltip.style.color = isDark ? '#fff' : '#111';<br /> arrow.style.borderTopColor = tooltip.style.backgroundColor;<br /> <br /> requestAnimationFrame(() =&gt; {<br /> positionTooltip(el);<br /> tooltip.style.opacity = '1';<br /> });<br /> <br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> function positionTooltip(el) {<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 8;<br /> <br /> const spaceAbove = rect.top;<br /> const spaceBelow = window.innerHeight - rect.bottom;<br /> const spaceLeft = rect.left;<br /> const spaceRight = window.innerWidth - rect.right;<br /> <br /> // Default oben<br /> let position = 'top';<br /> if (spaceAbove &lt; ttRect.height + spacing &amp;&amp; spaceBelow &gt; ttRect.height + spacing) position = 'bottom';<br /> if (spaceRight &gt; ttRect.width + spacing &amp;&amp; rect.left &lt; 50) position = 'right'; // linke Sidebar<br /> if (spaceLeft &gt; ttRect.width + spacing &amp;&amp; rect.right &gt; window.innerWidth - 50) position = 'left'; // rechte Sidebar<br /> <br /> let top, left;<br /> switch(position) {<br /> case 'top':<br /> top = rect.top - ttRect.height - spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(0deg)'<br /> });<br /> break;<br /> case 'bottom':<br /> top = rect.bottom + spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '-7px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)'<br /> });<br /> break;<br /> case 'right':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.right + spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '-7px',<br /> transform: 'translateY(-50%) rotate(90deg)'<br /> });<br /> break;<br /> case 'left':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.left - ttRect.width - spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '100%',<br /> transform: 'translateY(-50%) rotate(-90deg)'<br /> });<br /> break;<br /> }<br /> <br /> // Clamp an Viewport<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> if (top &lt; 4) top = 4;<br /> if (top + ttRect.height &gt; window.innerHeight - 4)<br /> top = window.innerHeight - ttRect.height - 4;<br /> <br /> tooltip.style.top = `${top + window.scrollY}px`;<br /> tooltip.style.left = `${left + window.scrollX}px`;<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=31 MediaWiki:Common.js 2025-11-01T23:54:44Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> const tooltip = document.createElement('div');<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> background: 'rgba(20,20,20,0.95)',<br /> color: '#fff',<br /> padding: '8px 12px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> maxWidth: '220px',<br /> wordWrap: 'break-word',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.2s, transform 0.15s',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '6px solid transparent',<br /> borderRight: '6px solid transparent',<br /> borderTop: '6px solid rgba(20,20,20,0.95)',<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> <br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title');<br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow);<br /> tooltip.style.opacity = '0';<br /> <br /> requestAnimationFrame(() =&gt; {<br /> positionTooltip(el);<br /> tooltip.style.opacity = '1';<br /> });<br /> <br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> function positionTooltip(el) {<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 6;<br /> <br /> const spaceAbove = rect.top;<br /> const spaceBelow = window.innerHeight - rect.bottom;<br /> const spaceLeft = rect.left;<br /> const spaceRight = window.innerWidth - rect.right;<br /> <br /> // Standard: oben<br /> let position = 'top';<br /> <br /> // Platz prüfen<br /> if (spaceAbove &lt; ttRect.height + spacing &amp;&amp; spaceBelow &gt; ttRect.height + spacing) position = 'bottom';<br /> if (spaceRight &gt; ttRect.width + spacing &amp;&amp; rect.left &lt; 50) position = 'right'; // linke Sidebar<br /> if (spaceLeft &gt; ttRect.width + spacing &amp;&amp; rect.right &gt; window.innerWidth - 50) position = 'left'; // rechte Sidebar<br /> <br /> let top, left;<br /> <br /> switch(position) {<br /> case 'top':<br /> top = rect.top - ttRect.height - spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(0deg)'<br /> });<br /> break;<br /> case 'bottom':<br /> top = rect.bottom + spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '-6px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)'<br /> });<br /> break;<br /> case 'right':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.right + spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '-6px',<br /> transform: 'translateY(-50%) rotate(90deg)'<br /> });<br /> break;<br /> case 'left':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.left - ttRect.width - spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '100%',<br /> transform: 'translateY(-50%) rotate(-90deg)'<br /> });<br /> break;<br /> }<br /> <br /> // Clamp an Viewport<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> if (top &lt; 4) top = 4;<br /> if (top + ttRect.height &gt; window.innerHeight - 4)<br /> top = window.innerHeight - ttRect.height - 4;<br /> <br /> tooltip.style.top = `${top + window.scrollY}px`;<br /> tooltip.style.left = `${left + window.scrollX}px`;<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=30 MediaWiki:Common.js 2025-11-01T23:52:41Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> const tooltip = document.createElement('div');<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> background: 'rgba(20,20,20,0.95)',<br /> color: '#fff',<br /> padding: '8px 12px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> maxWidth: '220px',<br /> wordWrap: 'break-word',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.2s, transform 0.15s',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '6px solid transparent',<br /> borderRight: '6px solid transparent',<br /> borderTop: '6px solid rgba(20,20,20,0.95)',<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> <br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title');<br /> <br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow);<br /> tooltip.style.opacity = '0';<br /> <br /> // Warten bis Browser die Größe kennt<br /> requestAnimationFrame(() =&gt; {<br /> positionTooltip(el);<br /> tooltip.style.opacity = '1';<br /> });<br /> <br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> function positionTooltip(el) {<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 6;<br /> <br /> let top = rect.bottom + spacing;<br /> let left = rect.left + rect.width/2 - ttRect.width/2;<br /> <br /> // Kollision mit Viewport<br /> if (top + ttRect.height &gt; window.innerHeight) {<br /> top = rect.top - ttRect.height - spacing; // nach oben<br /> }<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> <br /> tooltip.style.top = `${top + window.scrollY}px`;<br /> tooltip.style.left = `${left + window.scrollX}px`;<br /> <br /> // Pfeil positionieren (unten oder oben)<br /> if (top &lt; rect.top) { // Tooltip oben<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(0deg)',<br /> });<br /> } else { // Tooltip unten<br /> Object.assign(arrow.style, {<br /> top: '-6px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)',<br /> });<br /> }<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=29 MediaWiki:Common.js 2025-11-01T23:51:08Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'mw-smart-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> background: 'rgba(20,20,20,0.95)',<br /> color: '#fff',<br /> padding: '8px 12px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> maxWidth: '220px',<br /> wordWrap: 'break-word',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.2s, transform 0.15s',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '6px solid transparent',<br /> borderRight: '6px solid transparent',<br /> borderTop: '6px solid rgba(20,20,20,0.95)',<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title'); // native verhindern<br /> <br /> // Tooltip vorbereiten, aber noch unsichtbar<br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow);<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(0)';<br /> <br /> // Force Reflow um korrekte Größe zu bekommen<br /> tooltip.getBoundingClientRect();<br /> <br /> // Position berechnen<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 6;<br /> let top, left;<br /> <br /> const spaceAbove = rect.top;<br /> const spaceBelow = window.innerHeight - rect.bottom;<br /> const spaceRight = window.innerWidth - rect.right;<br /> const spaceLeft = rect.left;<br /> <br /> // Intelligente Position: genug Platz bevorzugen<br /> let position = 'bottom';<br /> if (spaceAbove &gt; ttRect.height + spacing) position = 'top';<br /> else if (spaceRight &gt; ttRect.width + spacing) position = 'right';<br /> else if (spaceLeft &gt; ttRect.width + spacing) position = 'left';<br /> <br /> switch (position) {<br /> case 'top':<br /> top = rect.top - ttRect.height - spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(0deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> });<br /> break;<br /> case 'bottom':<br /> top = rect.bottom + spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '-6px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> });<br /> break;<br /> case 'right':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.right + spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '-6px',<br /> transform: 'translateY(-50%) rotate(90deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> });<br /> break;<br /> case 'left':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.left - ttRect.width - spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '100%',<br /> transform: 'translateY(-50%) rotate(-90deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> });<br /> break;<br /> }<br /> <br /> // Clamp an Viewport<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> if (top &lt; 4) top = 4;<br /> if (top + ttRect.height &gt; window.innerHeight - 4)<br /> top = window.innerHeight - ttRect.height - 4;<br /> <br /> tooltip.style.top = top + 'px';<br /> tooltip.style.left = left + 'px';<br /> tooltip.style.opacity = '1';<br /> <br /> // Verstecken bei Mouseleave<br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=28 MediaWiki:Common.js 2025-11-01T23:49:39Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'mw-smart-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'absolute',<br /> zIndex: 999999,<br /> background: 'rgba(20,20,20,0.95)',<br /> color: '#fff',<br /> padding: '8px 12px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.4',<br /> maxWidth: '220px',<br /> wordWrap: 'break-word',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.2s, transform 0.15s',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> // Pfeil erstellen<br /> const arrow = document.createElement('div');<br /> Object.assign(arrow.style, {<br /> position: 'absolute',<br /> width: '0',<br /> height: '0',<br /> borderLeft: '6px solid transparent',<br /> borderRight: '6px solid transparent',<br /> borderTop: '6px solid rgba(20,20,20,0.95)',<br /> pointerEvents: 'none',<br /> });<br /> tooltip.appendChild(arrow);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> activeEl = el;<br /> el.removeAttribute('title'); // Native verhindern<br /> tooltip.textContent = storedTitle;<br /> tooltip.appendChild(arrow); // Pfeil wieder anhängen<br /> tooltip.style.opacity = '1';<br /> <br /> positionTooltip(el);<br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> el.addEventListener('mousemove', e =&gt; {}, { passive: true }); // optional, falls du hover-updates brauchst<br /> }<br /> <br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> activeEl.setAttribute('title', storedTitle);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> function positionTooltip(el) {<br /> const rect = el.getBoundingClientRect();<br /> const ttRect = tooltip.getBoundingClientRect();<br /> const spacing = 6;<br /> <br /> let top, left;<br /> const spaceAbove = rect.top;<br /> const spaceBelow = window.innerHeight - rect.bottom;<br /> const spaceRight = window.innerWidth - rect.right;<br /> const spaceLeft = rect.left;<br /> <br /> // Standard: Tooltip über dem Element<br /> let position = 'top';<br /> <br /> if (spaceBelow &gt; ttRect.height + spacing) position = 'bottom';<br /> else if (spaceRight &gt; ttRect.width + spacing) position = 'right';<br /> else if (spaceLeft &gt; ttRect.width + spacing) position = 'left';<br /> <br /> switch(position) {<br /> case 'top':<br /> top = rect.top - ttRect.height - spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '100%',<br /> left: '50%',<br /> transform: 'translateX(-50%)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> borderBottom: 'none',<br /> });<br /> break;<br /> case 'bottom':<br /> top = rect.bottom + spacing;<br /> left = rect.left + rect.width/2 - ttRect.width/2;<br /> Object.assign(arrow.style, {<br /> top: '-6px',<br /> left: '50%',<br /> transform: 'translateX(-50%) rotate(180deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> borderBottom: 'none',<br /> });<br /> break;<br /> case 'right':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.right + spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '-6px',<br /> transform: 'translateY(-50%) rotate(90deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> borderBottom: 'none',<br /> });<br /> break;<br /> case 'left':<br /> top = rect.top + rect.height/2 - ttRect.height/2;<br /> left = rect.left - ttRect.width - spacing;<br /> Object.assign(arrow.style, {<br /> top: '50%',<br /> left: '100%',<br /> transform: 'translateY(-50%) rotate(-90deg)',<br /> borderTopColor: 'rgba(20,20,20,0.95)',<br /> borderBottom: 'none',<br /> });<br /> break;<br /> }<br /> <br /> // Kollision mit Viewport korrigieren<br /> if (left &lt; 4) left = 4;<br /> if (left + ttRect.width &gt; window.innerWidth - 4)<br /> left = window.innerWidth - ttRect.width - 4;<br /> if (top &lt; 4) top = 4;<br /> if (top + ttRect.height &gt; window.innerHeight - 4)<br /> top = window.innerHeight - ttRect.height - 4;<br /> <br /> tooltip.style.top = top + 'px';<br /> tooltip.style.left = left + 'px';<br /> }<br /> <br /> document.addEventListener('mouseover', showTooltip);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=27 MediaWiki:Common.js 2025-11-01T23:46:01Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> // Tooltip erstellen<br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'mw-global-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'fixed',<br /> zIndex: 999999,<br /> background: 'rgba(0,0,0,0.85)',<br /> color: '#fff',<br /> padding: '5px 10px',<br /> borderRadius: '5px',<br /> fontSize: '12px',<br /> pointerEvents: 'none', // Wichtig: blockiert keine Klicks<br /> opacity: '0',<br /> transition: 'opacity 0.15s, transform 0.1s',<br /> transform: 'translateY(4px)',<br /> whiteSpace: 'nowrap'<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> let activeEl = null;<br /> let storedTitle = null;<br /> <br /> // Tooltip anzeigen<br /> function showTooltip(e) {<br /> const el = e.target.closest('[title]');<br /> if (!el) return;<br /> <br /> activeEl = el;<br /> storedTitle = el.getAttribute('title');<br /> if (!storedTitle) return;<br /> <br /> el.removeAttribute('title'); // Native verhindern<br /> tooltip.textContent = storedTitle;<br /> tooltip.style.opacity = '1';<br /> tooltip.style.transform = 'translateY(0)';<br /> <br /> moveTooltip(e);<br /> <br /> el.addEventListener('mousemove', moveTooltip);<br /> el.addEventListener('mouseleave', hideTooltip, { once: true });<br /> }<br /> <br /> // Tooltip bewegen<br /> function moveTooltip(e) {<br /> if (!activeEl) return;<br /> const offset = 12;<br /> const rect = tooltip.getBoundingClientRect();<br /> let x = e.clientX + offset;<br /> let y = e.clientY + offset;<br /> <br /> const maxX = window.innerWidth - rect.width - 10;<br /> const maxY = window.innerHeight - rect.height - 10;<br /> <br /> tooltip.style.left = Math.min(x, maxX) + 'px';<br /> tooltip.style.top = Math.min(y, maxY) + 'px';<br /> }<br /> <br /> // Tooltip ausblenden<br /> function hideTooltip() {<br /> if (!activeEl) return;<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(4px)';<br /> activeEl.setAttribute('title', storedTitle); // original wiederherstellen<br /> activeEl.removeEventListener('mousemove', moveTooltip);<br /> activeEl = null;<br /> storedTitle = null;<br /> }<br /> <br /> // Globales Event<br /> document.addEventListener('mouseover', showTooltip);<br /> <br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=26 MediaWiki:Common.js 2025-11-01T23:44:27Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> // Tooltip erstellen<br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'mw-custom-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'fixed',<br /> zIndex: 9999,<br /> background: 'rgba(20,20,20,0.9)',<br /> color: '#fff',<br /> padding: '6px 10px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.3',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.15s ease, transform 0.1s ease',<br /> transform: 'translateY(4px)',<br /> });<br /> document.body.appendChild(tooltip);<br /> <br /> let activeEl = null;<br /> <br /> document.addEventListener('mouseover', e =&gt; {<br /> const target = e.target.closest('[alt]');<br /> if (!target) return;<br /> <br /> activeEl = target;<br /> tooltip.textContent = target.getAttribute('alt');<br /> tooltip.style.opacity = '1';<br /> tooltip.style.transform = 'translateY(0)';<br /> <br /> // Tooltip Position beim Bewegen<br /> const move = ev =&gt; {<br /> const offset = 14;<br /> let x = ev.clientX + offset;<br /> let y = ev.clientY + offset;<br /> const rect = tooltip.getBoundingClientRect();<br /> const maxX = window.innerWidth - rect.width - 10;<br /> const maxY = window.innerHeight - rect.height - 10;<br /> tooltip.style.left = Math.min(x, maxX) + 'px';<br /> tooltip.style.top = Math.min(y, maxY) + 'px';<br /> };<br /> <br /> move(e); // Position initial setzen<br /> target.addEventListener('mousemove', move);<br /> <br /> // Mouseleave<br /> target.addEventListener('mouseleave', () =&gt; {<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(4px)';<br /> target.removeEventListener('mousemove', move);<br /> activeEl = null;<br /> }, { once: true });<br /> });<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=25 MediaWiki:Common.js 2025-11-01T23:42:48Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> /* Schönes Tooltip-System auf Basis von alt-Attributen<br /> Funktioniert sicher mit Citizen &amp; MediaWiki UI */<br /> <br /> (function() {<br /> 'use strict';<br /> <br /> function createTooltip() {<br /> const tooltip = document.createElement('div');<br /> tooltip.id = 'mw-custom-tooltip';<br /> Object.assign(tooltip.style, {<br /> position: 'fixed',<br /> zIndex: 9999,<br /> background: 'rgba(20,20,20,0.9)',<br /> color: '#fff',<br /> padding: '6px 10px',<br /> borderRadius: '6px',<br /> fontSize: '13px',<br /> lineHeight: '1.3',<br /> pointerEvents: 'none',<br /> opacity: '0',<br /> transition: 'opacity 0.15s ease, transform 0.1s ease',<br /> transform: 'translateY(4px)'<br /> });<br /> document.body.appendChild(tooltip);<br /> return tooltip;<br /> }<br /> <br /> const tooltip = createTooltip();<br /> let activeEl = null;<br /> let hideTimeout;<br /> <br /> function showTooltip(e) {<br /> const el = e.currentTarget;<br /> const text = el.getAttribute('alt');<br /> if (!text) return;<br /> <br /> clearTimeout(hideTimeout);<br /> tooltip.textContent = text;<br /> tooltip.style.opacity = '1';<br /> tooltip.style.transform = 'translateY(0)';<br /> activeEl = el;<br /> }<br /> <br /> function moveTooltip(e) {<br /> if (!activeEl) return;<br /> const offset = 14;<br /> let x = e.clientX + offset;<br /> let y = e.clientY + offset;<br /> <br /> const rect = tooltip.getBoundingClientRect();<br /> const maxX = window.innerWidth - rect.width - 10;<br /> const maxY = window.innerHeight - rect.height - 10;<br /> <br /> tooltip.style.left = Math.min(x, maxX) + 'px';<br /> tooltip.style.top = Math.min(y, maxY) + 'px';<br /> }<br /> <br /> function hideTooltip() {<br /> activeEl = null;<br /> tooltip.style.opacity = '0';<br /> tooltip.style.transform = 'translateY(4px)';<br /> }<br /> <br /> // Initialisieren + auf spätere DOM-Änderungen reagieren<br /> function bindTooltips(root = document) {<br /> root.querySelectorAll('[alt]').forEach(el =&gt; {<br /> if (el.dataset.tooltipBound) return;<br /> el.addEventListener('mouseenter', showTooltip);<br /> el.addEventListener('mousemove', moveTooltip);<br /> el.addEventListener('mouseleave', hideTooltip);<br /> el.dataset.tooltipBound = 'true';<br /> });<br /> }<br /> <br /> // Erste Bindung nach DOM-Load<br /> mw.hook('wikipage.content').add(bindTooltips);<br /> bindTooltips(document);<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=24 MediaWiki:Common.js 2025-11-01T23:39:28Z <p>Jonatanktk: Replaced content with &quot;/* Any JavaScript here will be loaded for all users on every page load. */&quot;</p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=23 MediaWiki:Common.js 2025-11-01T23:30:32Z <p>Jonatanktk: </p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> (function () {<br /> const tooltip = document.createElement(&quot;div&quot;);<br /> tooltip.className = &quot;custom-tooltip&quot;;<br /> document.body.appendChild(tooltip);<br /> <br /> let active = null;<br /> let storedTitle = null;<br /> <br /> function showTooltip(target, x, y) {<br /> const text = target.getAttribute(&quot;alt&quot;) || target.getAttribute(&quot;title&quot;);<br /> if (!text) return;<br /> <br /> // Browser-Tooltip deaktivieren<br /> if (target.hasAttribute(&quot;title&quot;)) {<br /> storedTitle = target.getAttribute(&quot;title&quot;);<br /> target.removeAttribute(&quot;title&quot;);<br /> }<br /> <br /> tooltip.textContent = text;<br /> tooltip.style.display = &quot;block&quot;;<br /> <br /> const updatePosition = (cx, cy) =&gt; {<br /> const rect = tooltip.getBoundingClientRect();<br /> const offset = 12;<br /> let left = cx + offset;<br /> let top = cy + offset;<br /> if (left + rect.width &gt; window.innerWidth - 10)<br /> left = cx - rect.width - offset;<br /> if (top + rect.height &gt; window.innerHeight - 10)<br /> top = cy - rect.height - offset;<br /> tooltip.style.left = `${left}px`;<br /> tooltip.style.top = `${top}px`;<br /> };<br /> <br /> const moveHandler = e =&gt; updatePosition(e.clientX, e.clientY);<br /> updatePosition(x, y);<br /> document.addEventListener(&quot;mousemove&quot;, moveHandler);<br /> <br /> target.addEventListener(<br /> &quot;mouseleave&quot;,<br /> () =&gt; {<br /> tooltip.classList.remove(&quot;visible&quot;);<br /> tooltip.style.display = &quot;none&quot;;<br /> document.removeEventListener(&quot;mousemove&quot;, moveHandler);<br /> if (storedTitle) {<br /> target.setAttribute(&quot;title&quot;, storedTitle);<br /> storedTitle = null;<br /> }<br /> active = null;<br /> },<br /> { once: true }<br /> );<br /> <br /> requestAnimationFrame(() =&gt; tooltip.classList.add(&quot;visible&quot;));<br /> }<br /> <br /> // Globaler Mouseover – auch für nachgeladene Elemente<br /> document.addEventListener(&quot;mouseover&quot;, e =&gt; {<br /> const target = e.target.closest(&quot;[title], [alt]&quot;);<br /> if (!target || active === target) return;<br /> active = target;<br /> const x = e.clientX;<br /> const y = e.clientY;<br /> showTooltip(target, x, y);<br /> });<br /> <br /> // optional: bei DOM-Änderungen Tooltips neu aktivieren (z. B. wenn Skin-Module UI nachladen)<br /> const observer = new MutationObserver(() =&gt; {<br /> // nichts zu tun – der Eventlistener ist global, aber dies stellt sicher, dass der Tooltip-Container immer oben bleibt<br /> document.body.appendChild(tooltip);<br /> });<br /> observer.observe(document.body, { childList: true, subtree: true });<br /> })();</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.css&diff=22 MediaWiki:Common.css 2025-11-01T23:28:26Z <p>Jonatanktk: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> html {<br /> scroll-behavior: smooth;<br /> }<br /> <br /> .custom-tooltip {<br /> position: fixed;<br /> background: rgba(0, 0, 0, 0.85);<br /> color: #fff;<br /> padding: 6px 10px;<br /> border-radius: 6px;<br /> font-size: 0.85rem;<br /> pointer-events: none;<br /> white-space: nowrap;<br /> z-index: 9999;<br /> opacity: 0;<br /> transform: translateY(5px);<br /> transition: opacity 0.15s ease, transform 0.15s ease;<br /> }<br /> <br /> .custom-tooltip.visible {<br /> opacity: 1;<br /> transform: translateY(0);<br /> }</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.js&diff=21 MediaWiki:Common.js 2025-11-01T23:28:10Z <p>Jonatanktk: Created page with &quot;/* Any JavaScript here will be loaded for all users on every page load. */ document.addEventListener(&quot;DOMContentLoaded&quot;, () =&gt; { const tooltip = document.createElement(&quot;div&quot;); tooltip.className = &quot;custom-tooltip&quot;; document.body.appendChild(tooltip); let activeElement = null; let storedTitle = null; document.addEventListener(&quot;mouseover&quot;, e =&gt; { const target = e.target.closest(&quot;[title], [alt]&quot;); if (!target) return; // Tooltip-Text: bevorzugt alt...&quot;</p> <hr /> <div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> document.addEventListener(&quot;DOMContentLoaded&quot;, () =&gt; {<br /> const tooltip = document.createElement(&quot;div&quot;);<br /> tooltip.className = &quot;custom-tooltip&quot;;<br /> document.body.appendChild(tooltip);<br /> <br /> let activeElement = null;<br /> let storedTitle = null;<br /> <br /> document.addEventListener(&quot;mouseover&quot;, e =&gt; {<br /> const target = e.target.closest(&quot;[title], [alt]&quot;);<br /> if (!target) return;<br /> <br /> // Tooltip-Text: bevorzugt alt, sonst title<br /> const text = target.getAttribute(&quot;alt&quot;) || target.getAttribute(&quot;title&quot;);<br /> if (!text) return;<br /> <br /> // Titel deaktivieren, damit Browser-Tooltip nicht angezeigt wird<br /> if (target.hasAttribute(&quot;title&quot;)) {<br /> storedTitle = target.getAttribute(&quot;title&quot;);<br /> target.removeAttribute(&quot;title&quot;);<br /> }<br /> <br /> activeElement = target;<br /> tooltip.textContent = text;<br /> tooltip.style.display = &quot;block&quot;;<br /> <br /> const updatePosition = (x, y) =&gt; {<br /> const tooltipRect = tooltip.getBoundingClientRect();<br /> const pageWidth = window.innerWidth;<br /> const pageHeight = window.innerHeight;<br /> const offset = 12;<br /> <br /> let left = x + offset;<br /> let top = y + offset;<br /> <br /> if (left + tooltipRect.width &gt; pageWidth - 10)<br /> left = x - tooltipRect.width - offset;<br /> if (top + tooltipRect.height &gt; pageHeight - 10)<br /> top = y - tooltipRect.height - offset;<br /> <br /> tooltip.style.left = `${left}px`;<br /> tooltip.style.top = `${top}px`;<br /> };<br /> <br /> const moveHandler = e =&gt; updatePosition(e.clientX, e.clientY);<br /> updatePosition(e.clientX, e.clientY);<br /> document.addEventListener(&quot;mousemove&quot;, moveHandler);<br /> <br /> target.addEventListener(&quot;mouseleave&quot;, () =&gt; {<br /> tooltip.style.display = &quot;none&quot;;<br /> tooltip.classList.remove(&quot;visible&quot;);<br /> document.removeEventListener(&quot;mousemove&quot;, moveHandler);<br /> if (storedTitle) {<br /> target.setAttribute(&quot;title&quot;, storedTitle);<br /> storedTitle = null;<br /> }<br /> activeElement = null;<br /> }, { once: true });<br /> <br /> requestAnimationFrame(() =&gt; tooltip.classList.add(&quot;visible&quot;));<br /> });<br /> });</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.css&diff=20 MediaWiki:Common.css 2025-11-01T23:25:13Z <p>Jonatanktk: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> html {<br /> scroll-behavior: smooth;<br /> }</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.css&diff=19 MediaWiki:Common.css 2025-11-01T23:18:11Z <p>Jonatanktk: </p> <hr /> <div>/* CSS placed here will be applied to all skins */</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.css&diff=18 MediaWiki:Common.css 2025-11-01T23:17:30Z <p>Jonatanktk: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> * {<br /> scroll-behavior: smooth;<br /> transition: all 0.5s ease-in-out;<br /> }</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Common.css&diff=17 MediaWiki:Common.css 2025-11-01T23:16:14Z <p>Jonatanktk: Created page with &quot;/* CSS placed here will be applied to all skins */ * { scroll-behavior: smooth; }&quot;</p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> * {<br /> scroll-behavior: smooth;<br /> }</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Sidebar&diff=16 MediaWiki:Sidebar 2025-10-31T21:21:50Z <p>Jonatanktk: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> <br /> * Geräte<br /> ** wiki:phones|Phones<br /> ** wiki:earbuds|Ear(1)/(2)<br /> ** wiki:accessories|Accessories<br /> <br /> * Software<br /> ** wiki:nothingos|Nothing OS<br /> ** wiki:launcher|Launcher<br /> ** wiki:updates|Update-Tracker<br /> <br /> <br /> * Geräter<br /> ** wiki:phones|Smartphones<br /> ** wiki:earbuds|Kopfhörer<br /> ** wiki:accessories|Zubehör<br /> <br /> * Projekte<br /> ** projekte:nothingos|Nothing OS<br /> ** projekte:cmf|CMF by Nothing<br /> <br /> <br /> * Wiki<br /> ** NothingWiki:Contribute|How can I help<br /> <br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * External<br /> ** https://nothing.tech|Nothing Shop<br /> ** https://nothing.community|Nothing Community<br /> ** https://training.nothing.tech|Nothing Trainingscenter<br /> ** |sidebar-label-nothingsocials<br /> ** https://discord.gg/XcKwqyD4sc|sidebar-icon-discord<br /> ** https://twitter.com/ToolsWiki|sidebar-icon-twitter<br /> ** https://mastodon.social/@ToolsWiki|sidebar-icon-mastodon<br /> ** https://www.threads.net/@sctoolswiki|sidebar-icon-threads<br /> ** https://bsky.app/profile/starcitizen.tools|sidebar-icon-bluesky<br /> ** |sidebar-label-nothingnewssocials<br /> ** https://www.patreon.com/starcitizentools|sidebar-icon-patreon<br /> ** https://ko-fi.com/starcitizentools|sidebar-icon-kofi<br /> ** |sidebar-label-dinge<br /> ** https://github.com/StarCitizenTools|sidebar-icon-github<br /> ** https://www.reddit.com/r/starcitizen|sidebar-icon-reddit</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Sidebar&diff=15 MediaWiki:Sidebar 2025-10-31T21:18:57Z <p>Jonatanktk: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> <br /> * Platzhalterkategorie#0<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> ** Platzhalterlink#8<br /> ** Platzhalterlink#9<br /> <br /> * Platzhalterkategorie#1<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> <br /> * Platzhalterkategorie#2<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> <br /> * Platzhalterkategorie#3<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> <br /> * Platzhalterkategorie#4<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> <br /> * Platzhalterkategorie#5<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> <br /> * Wiki<br /> ** NothingWiki:Contribute|How can I help<br /> <br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * External<br /> ** https://nothing.tech|Nothing Shop<br /> ** https://nothing.community|Nothing Community<br /> ** https://training.nothing.tech|Nothing Trainingscenter<br /> ** |sidebar-label-nothingsocials<br /> ** https://discord.gg/XcKwqyD4sc|sidebar-icon-discord<br /> ** https://twitter.com/ToolsWiki|sidebar-icon-twitter<br /> ** https://mastodon.social/@ToolsWiki|sidebar-icon-mastodon<br /> ** https://www.threads.net/@sctoolswiki|sidebar-icon-threads<br /> ** https://bsky.app/profile/starcitizen.tools|sidebar-icon-bluesky<br /> ** |sidebar-label-nothingnewssocials<br /> ** https://www.patreon.com/starcitizentools|sidebar-icon-patreon<br /> ** https://ko-fi.com/starcitizentools|sidebar-icon-kofi<br /> ** |sidebar-label-dinge<br /> ** https://github.com/StarCitizenTools|sidebar-icon-github<br /> ** https://www.reddit.com/r/starcitizen|sidebar-icon-reddit</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Sidebar&diff=14 MediaWiki:Sidebar 2025-10-31T21:16:09Z <p>Jonatanktk: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> <br /> * Platzhalterkategorie#0<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> ** Platzhalterlink#8<br /> ** Platzhalterlink#9<br /> <br /> * Platzhalterkategorie#0<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> ** Platzhalterlink#8<br /> ** Platzhalterlink#9<br /> <br /> * Platzhalterkategorie#1<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> <br /> * Platzhalterkategorie#2<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> <br /> * Platzhalterkategorie#3<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> <br /> * Platzhalterkategorie#4<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> <br /> * Platzhalterkategorie#5<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> <br /> * Wiki<br /> ** NothingWiki:Contribute|How can I help<br /> <br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * External<br /> ** https://nothing.tech|Nothing Shop<br /> ** https://nothing.community|Nothing Community<br /> ** https://training.nothing.tech|Nothing Trainingscenter<br /> ** |nothing-socials<br /> ** https://discord.gg/XcKwqyD4sc|sidebar-icon-discord<br /> ** https://twitter.com/ToolsWiki|sidebar-icon-twitter<br /> ** https://mastodon.social/@ToolsWiki|sidebar-icon-mastodon<br /> ** https://www.threads.net/@sctoolswiki|sidebar-icon-threads<br /> ** https://bsky.app/profile/starcitizen.tools|sidebar-icon-bluesky<br /> ** |nothingnews-socials<br /> ** https://www.patreon.com/starcitizentools|sidebar-icon-patreon<br /> ** https://ko-fi.com/starcitizentools|sidebar-icon-kofi<br /> ** |dinge<br /> ** https://github.com/StarCitizenTools|sidebar-icon-github<br /> ** https://www.reddit.com/r/starcitizen|sidebar-icon-reddit</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Sidebar&diff=13 MediaWiki:Sidebar 2025-10-31T21:15:18Z <p>Jonatanktk: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> <br /> * Platzhalterkategorie#0<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> ** Platzhalterlink#8<br /> ** Platzhalterlink#9<br /> <br /> * Platzhalterkategorie#0<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> ** Platzhalterlink#8<br /> ** Platzhalterlink#9<br /> <br /> * Platzhalterkategorie#1<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> <br /> * Platzhalterkategorie#2<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> ** Platzhalterlink#7<br /> <br /> * Platzhalterkategorie#3<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> <br /> * Platzhalterkategorie#4<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> ** Platzhalterlink#2<br /> ** Platzhalterlink#3<br /> ** Platzhalterlink#4<br /> ** Platzhalterlink#5<br /> ** Platzhalterlink#6<br /> <br /> * Platzhalterkategorie#5<br /> ** Platzhalterlink#0<br /> ** Platzhalterlink#1<br /> <br /> * Wiki<br /> ** NothingWiki:Contribute|How can I help<br /> <br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * External<br /> ** https://nothing.tech|Nothing Shop<br /> ** https://nothing.community|Nothing Community<br /> ** https://training.nothing.tech|Nothing Trainingscenter<br /> ** |nothing socials<br /> ** https://discord.gg/XcKwqyD4sc|sidebar-icon-discord<br /> ** https://twitter.com/ToolsWiki|sidebar-icon-twitter<br /> ** https://mastodon.social/@ToolsWiki|sidebar-icon-mastodon<br /> ** https://www.threads.net/@sctoolswiki|sidebar-icon-threads<br /> ** https://bsky.app/profile/starcitizen.tools|sidebar-icon-bluesky<br /> ** |nothingnews socials<br /> ** https://www.patreon.com/starcitizentools|sidebar-icon-patreon<br /> ** https://ko-fi.com/starcitizentools|sidebar-icon-kofi<br /> ** |dinge<br /> ** https://github.com/StarCitizenTools|sidebar-icon-github<br /> ** https://www.reddit.com/r/starcitizen|sidebar-icon-reddit</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Sidebar&diff=12 MediaWiki:Sidebar 2025-10-31T21:06:12Z <p>Jonatanktk: Created page with &quot; * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki ** specialpages-url|specialpages * Vehicles ** Ships ** Ship components|Components ** List of pledge vehicles|Pledge vehicles ** List of ship packages|Pledge packages * Personal items ** Personal equipment|Equipments ** :Category:Consumables|Consumables * Gameplay ** Gameplay Mechanics|Mechanics ** Careers|Careers ** Missions|Missions...&quot;</p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> ** specialpages-url|specialpages<br /> * Vehicles<br /> ** Ships<br /> ** Ship components|Components<br /> ** List of pledge vehicles|Pledge vehicles<br /> ** List of ship packages|Pledge packages<br /> * Personal items<br /> ** Personal equipment|Equipments<br /> ** :Category:Consumables|Consumables<br /> * Gameplay<br /> ** Gameplay Mechanics|Mechanics<br /> ** Careers|Careers<br /> ** Missions|Missions<br /> ** Commodities|Commodities<br /> * Lore<br /> ** Lore|Lore<br /> ** Historical timeline|Historical timeline<br /> ** :Category:Characters|Characters<br /> ** :Category:Organizations|Organizations<br /> ** :Category:Alien_Races|Alien races<br /> ** :Category:Spectrum Dispatch|Spectrum Dispatch<br /> * Development<br /> ** Category:Development|Development pages<br /> ** Development team|Development team<br /> ** Development timeline|Development timeline<br /> ** Patch notes|Patch notes<br /> ** :Category:Comm-Link|Comm-Link<br /> * Community<br /> ** Star Citizen resources megalist|Resources megalist<br /> ** ORG:List|Player orgs on wiki<br /> ** Category:Community Events|Community events<br /> ** Category:Guides|Gameplay guides<br /> * Wiki<br /> ** Star_Citizen:Editing|How can I help<br /> ** Star_Citizen:Create_a_new_article|Add new page<br /> ** Help:Contents|Help portal<br /> ** Star_Citizen:Style_guide|Style guide<br /> ** Star Citizen:About|About the wiki<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> * External<br /> ** https://status.starcitizen.tools|Status page<br /> ** |sidebar-label-contactus<br /> ** https://discord.gg/XcKwqyD4sc|sidebar-icon-discord<br /> ** https://twitter.com/ToolsWiki|sidebar-icon-twitter<br /> ** https://mastodon.social/@ToolsWiki|sidebar-icon-mastodon<br /> ** https://www.threads.net/@sctoolswiki|sidebar-icon-threads<br /> ** https://bsky.app/profile/starcitizen.tools|sidebar-icon-bluesky<br /> ** |sidebar-label-supportus<br /> ** https://www.patreon.com/starcitizentools|sidebar-icon-patreon<br /> ** https://ko-fi.com/starcitizentools|sidebar-icon-kofi<br /> ** |sidebar-label-related<br /> ** https://github.com/StarCitizenTools|sidebar-icon-github<br /> ** https://www.reddit.com/r/starcitizen|sidebar-icon-reddit</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Citizen.css&diff=11 MediaWiki:Citizen.css 2025-10-31T20:58:38Z <p>Jonatanktk: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> /*<br /> * Star Citizen Wiki<br /> * This stylesheet only contains site-wide styles.<br /> * For template styles, check the specific template documentation.<br /> */<br /> <br /> /* Adjust primary color */<br /> :root {<br /> --color-progressive-oklch__h: 250;<br /> --color-progressive-hsl__h: 225;<br /> }<br /> <br /> h1,<br /> h2,<br /> h3,<br /> h4,<br /> h5,<br /> h6,<br /> .mw-logo-wordmark,<br /> .citizen-sticky-header-page-title {<br /> font-weight: var(--font-weight-medium);<br /> }<br /> <br /> h4,<br /> h5,<br /> h6 {<br /> letter-spacing: 0.0125em;<br /> }<br /> <br /> /* Add transition to details content */<br /> details::details-content {<br /> opacity: 0;<br /> block-size: 0;<br /> transition: content-visibility var(--transition-duration-medium)<br /> allow-discrete,<br /> opacity var(--transition-duration-medium),<br /> block-size var(--transition-duration-medium);<br /> }<br /> <br /> details[open]::details-content {<br /> block-size: auto;<br /> opacity: 1;<br /> }<br /> <br /> /* Align icon opacity with skin default */<br /> .mw-logo-icon {<br /> opacity: var(--opacity-icon-base);<br /> filter: var(--filter-invert);<br /> }<br /> <br /> /*<br /> * Menu<br /> * Rich format menu to have more hierarchy<br /> */<br /> /* Remove bottom spacing as it is handled in footer portlet */<br /> .citizen-drawer__menu {<br /> margin-bottom: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-portlet-External {<br /> position: sticky;<br /> bottom: 0;<br /> margin-top: var(--space-md);<br /> margin-inline: calc(var(--space-xs) * -1);<br /> padding: var(--space-xs);<br /> border-top: var(--border-base);<br /> backdrop-filter: var(--backdrop-filter-frosted-glass);<br /> font-size: var(--font-size-x-small);<br /> grid-column: 1 / -1;<br /> white-space: nowrap;<br /> }<br /> <br /> .mw-portlet-External .citizen-menu__heading {<br /> display: none;<br /> }<br /> <br /> .mw-portlet-External ul {<br /> display: flex;<br /> overflow: auto;<br /> }<br /> <br /> .mw-portlet-External .mw-list-item a {<br /> gap: 0;<br /> }<br /> <br /> /* Label */<br /> .citizen-drawer__menu [id^='n-sidebar-label-'] a {<br /> pointer-events: none;<br /> margin-left: var(--space-xs);<br /> padding-left: var(--space-md);<br /> padding-right: var(--space-xs);<br /> border-left: 1px solid var(--border-color-base);<br /> border-radius: 0;<br /> letter-spacing: 0.05em;<br /> font-weight: var(--font-weight-normal);<br /> color: var(--color-subtle) !important;<br /> }<br /> <br /> /* Icons */<br /> .citizen-drawer__menu [id^='n-sidebar-icon-'] a {<br /> font-size: 0;<br /> content-visibility: auto;<br /> }<br /> <br /> .citizen-drawer__menu [id^='n-sidebar-icon-'] a:before {<br /> display: block;<br /> content: '';<br /> width: var(--size-icon);<br /> height: var(--size-icon);<br /> background-color: currentColor;<br /> mask-size: contain;<br /> mask-repeat: no-repeat;<br /> mask-position: center;<br /> }<br /> <br /> #n-sidebar-icon-discord a:before {<br /> mask-image: url(https://media.starcitizen.tools/7/77/Discord_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-twitter a:before {<br /> mask-image: url(https://media.starcitizen.tools/6/6a/Twitter_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-mastodon a:before {<br /> mask-image: url(https://media.starcitizen.tools/d/de/Mastodon_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-threads a:before {<br /> mask-image: url(https://media.starcitizen.tools/9/9b/Threads_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-bluesky a:before {<br /> mask-image: url(https://media.starcitizen.tools/8/8b/Bluesky_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-patreon a:before {<br /> mask-image: url(https://media.starcitizen.tools/e/e9/Patreon_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-kofi a:before {<br /> mask-image: url(https://media.starcitizen.tools/4/48/Kofi_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-github a:before {<br /> mask-image: url(https://media.starcitizen.tools/8/85/Github_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-reddit a:before {<br /> mask-image: url(https://media.starcitizen.tools/e/e8/Reddit_-_Simple_Icons.svg);<br /> }<br /> <br /> /* Footer changes */<br /> .citizen-footer {<br /> padding-block: 6rem;<br /> background-color: transparent;<br /> }<br /> <br /> .citizen-footer__siteinfo {<br /> justify-content: space-between;<br /> }<br /> <br /> .citizen-footer__sitetitle .mw-logo-wordmark {<br /> display: none;<br /> }<br /> <br /> /*<br /> * Footer icons<br /> * We use custom footer icons so we need to fine tune it<br /> */<br /> #footer-icons a {<br /> border: 0;<br /> padding: 0;<br /> background: transparent;<br /> opacity: var(--opacity-icon-base);<br /> transition: opacity 250ms ease;<br /> }<br /> <br /> #footer-icons a:hover {<br /> opacity: var(--opacity-icon-base--hover);<br /> }<br /> <br /> #footer-icons a:active {<br /> opacity: var(--opacity-icon-base--active);<br /> }<br /> <br /> /* More space between icons */<br /> #footer-icons ul,<br /> #footer-icons li {<br /> column-gap: var(--space-md);<br /> }<br /> <br /> #footer-icons img {<br /> width: auto;<br /> height: 32px;<br /> }<br /> <br /> /* Darken the footer icon in light mode */<br /> .skin-citizen-light #footer-icons a {<br /> filter: invert(1) hue-rotate(180deg) !important;<br /> }<br /> <br /> /*<br /> * Very important checkmark<br /> * Blue checkmark near wordmark<br /> */<br /> .mw-logo-wordmark {<br /> display: flex;<br /> align-items: center;<br /> gap: var(--space-sm);<br /> }<br /> <br /> /* CookieWarning tweaks */<br /> .mw-cookiewarning-container {<br /> max-width: 480px;<br /> }<br /> <br /> .mw-cookiewarning-text {<br /> gap: var(--space-xs);<br /> }<br /> <br /> .mw-cookiewarning-text::before {<br /> content: '🍪';<br /> font-size: 2rem;<br /> }<br /> <br /> /* hide on pageload to prevent FoUC */<br /> .client-js .mw-cookiewarning-container {<br /> opacity: 0;<br /> visibility: hidden;<br /> transition: opacity 250ms ease, visibility 250ms ease;<br /> }<br /> <br /> /* citizen-animations-ready is added when scripts are loaded */<br /> .client-js.citizen-animations-ready .mw-cookiewarning-container {<br /> opacity: 1;<br /> visibility: visible;<br /> }<br /> <br /> #scw-birthday {<br /> padding: var( --space-sm ) var( --space-md );<br /> background-color: var( --color-surface-2 );<br /> font-size: var( --font-size-small );<br /> font-weight: var( --font-weight-semibold );<br /> }<br /> <br /> #scw-birthday-canvas {<br /> position: absolute;<br /> inset: 0;<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> /* Alternative theme */<br /> /*<br /> :root {<br /> --font-family-citizen-base: monospace;<br /> --font-size-base: 0.875rem;<br /> --color-primary__h: 30;<br /> --border-radius-base: 0;<br /> --border-color-base: hsla( var( --color-primary__h ), 85%, 65%, 25% ) !important;<br /> letter-spacing: -0.025em;<br /> }<br /> <br /> .mw-logo.citizen-header__button:after {<br /> content: &quot;🎃&quot;;<br /> position: absolute;<br /> left: 0;<br /> }<br /> */<br /> <br /> /* Pride month */<br /> /*<br /> .citizen-loading::after {<br /> background-image: linear-gradient( 90deg, #FF3333 0%, #FF9933 20%, #FFFF66 40%, #66BB66 60%, #6666FF 80%, #BB66FF 100% );<br /> }<br /> */<br /> <br /> /* Verified badge */<br /> .mw-logo-wordmark:after {<br /> content: &quot;&quot;;<br /> width: 1em;<br /> height: 1em;<br /> display: block;<br /> background-image: url( https://media.starcitizen.tools/5/5f/SCW-Verified.svg );<br /> }<br /> <br /> /* Animated gradient */<br /> @property --gradient-angle {<br /> syntax: '&lt;angle&gt;';<br /> initial-value: 0deg;<br /> inherits: false;<br /> }<br /> <br /> .scw-gradient-glow {<br /> position: relative;<br /> <br /> --clr-3: var(--color-progressive);<br /> --clr-4: var(--border-color-base);<br /> --clr-5: var(--border-color-subtle);<br /> <br /> --gradient: var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-4),<br /> var(--clr-3);<br /> --gradient-blur: 4px;<br /> --gradient-time: 5s;<br /> }<br /> <br /> .scw-gradient-glow::before {<br /> position: absolute;<br /> inset: 0px;<br /> z-index: -1;<br /> content: '';<br /> background: conic-gradient(from var(--gradient-angle), var(--gradient));<br /> border-radius: inherit;<br /> animation: scw-gradient-rotate var(--gradient-time) linear infinite;<br /> filter: blur(var(--gradient-blur));<br /> transition: filter 100ms ease;<br /> }<br /> <br /> @keyframes scw-gradient-rotate {<br /> 0% {<br /> --gradient-angle: 0deg;<br /> }<br /> <br /> 100% {<br /> --gradient-angle: 360deg;<br /> }<br /> }<br /> <br /> /* HACK: Hide UploadWizard personal purpose option */<br /> .mwe-upwiz-deed-purpose &gt; label:last-child {<br /> display: none !important;<br /> }</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=NothingWiki:ToDo&diff=10 NothingWiki:ToDo 2025-10-31T20:53:52Z <p>Jonatanktk: </p> <hr /> <div>== Nothing Wiki – Meta Pages To-Do ==<br /> <br /> These pages form the foundation of the Nothing Wiki. <br /> They define the structure, rules, and general information about the project itself.<br /> <br /> === Core Pages ===<br /> * [[NothingWiki:About|About the Wiki]] ([[NothingWiki:About]]) – explains the purpose, goals, and philosophy of the project.<br /> * [[NothingWiki:Disclaimer|Disclaimer]] ([[NothingWiki:Disclaimer]]) – legal notices and trademark information.<br /> * [[NothingWiki:License|License]] ([[NothingWiki:License]]) – information about the CC BY-SA 4.0 license.<br /> * [[NothingWiki:Privacy|Privacy Policy]] ([[NothingWiki:Privacy]]) – for handling user data (accounts, cookies, etc.).<br /> * [[NothingWiki:Contact|Contact]] ([[NothingWiki:Contact]]) – how to reach the team or administrators.<br /> <br /> === Structure &amp; Style ===<br /> * [[NothingWiki:Styleguide|Style Guide]] ([[NothingWiki:Styleguide]]) – writing standards, naming conventions, categories, and infobox rules.<br /> * [[NothingWiki:Templates|Template Overview]] ([[NothingWiki:Templates]]) – list of available templates and their parameters.<br /> * [[NothingWiki:InfoboxDocumentation|Infobox Documentation]] ([[NothingWiki:InfoboxDocumentation]]) – examples and explanations for product/person/event infoboxes.<br /> * [[NothingWiki:Categories|Category Structure]] ([[NothingWiki:Categories]]) – overview of main and subcategories.<br /> * [[NothingWiki:Namespaces|Namespaces]] ([[NothingWiki:Namespaces]]) – explanation of the namespaces used (products:, software:, people:, etc.).<br /> <br /> === Community &amp; Contribution ===<br /> * [[NothingWiki:Contributio|Contribution Guidelines]] ([[NothingWiki:Contribution]]) – how to create, edit, and source articles.<br /> * [[NothingWiki:FAQ|FAQ]] ([[NothingWiki:FAQ]]) – frequently asked questions about editing and usage.<br /> * [[NothingWiki:Community|Community Page]] ([[NothingWiki:Community]]) – central hub for discussion and coordination.<br /> * [[NothingWiki:WikiTeam|Wiki Team]] ([[NothingWiki:WikiTeam]]) – list of administrators, moderators, and active contributors.<br /> <br /> === Management &amp; Maintenance ===<br /> * [[NothingWiki:ToDo|To-Do List]] ([[NothingWiki:ToDo]]) – ongoing tasks, planned pages, and maintenance notes.<br /> * [[NothingWiki:Maintenance|Maintenance Page]] ([[NothingWiki:Maintenance]]) – list of broken links, outdated pages, and formatting issues.<br /> * [[NothingWiki:Changelog|Changelog]] ([[NothingWiki:Changelog]]) – structural or organizational changes to the Wiki itself.<br /> * [[NothingWiki:Roadmap|Roadmap]] ([[NothingWiki:Roadmap]]) – planned improvements (design, extensions, new features).<br /> * [[NothingWiki:Extensions|Installed Extensions]] ([[NothingWiki:Extensions]]) – list of installed MediaWiki extensions and their purposes.<br /> <br /> === Optional / Later ===<br /> * [[NothingWiki:Credits|Credits]] ([[NothingWiki:Credits]]) – contributors, developers, and layout designers.<br /> * [[NothingWiki:StyleDemo|Style Demo Page]] ([[NothingWiki:StyleDemo]]) – sandbox for testing templates and infobox layouts.<br /> * [[NothingWiki:Guidelines|General Guidelines]] ([[NothingWiki:Guidelines]]) – broader editorial and tone guidelines.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=NothingWiki:ToDo&diff=9 NothingWiki:ToDo 2025-10-31T20:53:20Z <p>Jonatanktk: Created page with &quot;== Nothing Wiki – Meta Pages To-Do == These pages form the foundation of the Nothing Wiki. They define the structure, rules, and general information about the project itself. === Core Pages === * About the Wiki (NothingWiki:About) – explains the purpose, goals, and philosophy of the project. * Disclaimer (NothingWiki:Disclaimer) – legal notices and trademark information. * License...&quot;</p> <hr /> <div>== Nothing Wiki – Meta Pages To-Do ==<br /> <br /> These pages form the foundation of the Nothing Wiki. <br /> They define the structure, rules, and general information about the project itself.<br /> <br /> === Core Pages ===<br /> * [[NothingWiki:About|About the Wiki]] ([[NothingWiki:About]]) – explains the purpose, goals, and philosophy of the project.<br /> * [[NothingWiki:Disclaimer|Disclaimer]] ([[NothingWiki:Disclaimer]]) – legal notices and trademark information.<br /> * [[NothingWiki:License|License]] ([[NothingWiki:License]]) – information about the CC BY-SA 4.0 license.<br /> * [[NothingWiki:Privacy|Privacy Policy]] ([[NothingWiki:Privacy]]) – for handling user data (accounts, cookies, etc.).<br /> * [[NothingWiki:Contact|Contact]] ([[NothingWiki:Contact]]) – how to reach the team or administrators.<br /> <br /> === Structure &amp; Style ===<br /> * [[NothingWiki:Styleguide|Style Guide]] ([[NothingWiki:Styleguide]]) – writing standards, naming conventions, categories, and infobox rules.<br /> * [[NothingWiki:Templates|Template Overview]] ([[NothingWiki:Templates]]) – list of available templates and their parameters.<br /> * [[NothingWiki:InfoboxDocumentation|Infobox Documentation]] ([[NothingWiki:InfoboxDocumentation]]) – examples and explanations for product/person/event infoboxes.<br /> * [[NothingWiki:Categories|Category Structure]] ([[NothingWiki:Categories]]) – overview of main and subcategories.<br /> * [[NothingWiki:Namespaces|Namespaces]] ([[NothingWiki:Namespaces]]) – explanation of the namespaces used (products:, software:, people:, etc.).<br /> <br /> === Community &amp; Contribution ===<br /> * [[NothingWiki:Contributio|Contribution Guidelines]] ([[NothingWiki:Contribution]]) – how to create, edit, and source articles.<br /> * [[NothingWiki:FAQ|FAQ]] ([[NothingWiki:FAQ]]) – frequently asked questions about editing and usage.<br /> * [[NothingWiki:Community|Community Page]] ([[NothingWiki:Community]]) – central hub for discussion and coordination.<br /> * [[NothingWiki:WikiTeam|Wiki Team]] ([[NothingWiki:WikiTeam]]) – list of administrators, moderators, and active contributors.<br /> <br /> === Management &amp; Maintenance ===<br /> * [[NothingWiki:ToDo|To-Do List]] ([[NothingWiki:ToDo]]) – ongoing tasks, planned pages, and maintenance notes.<br /> * [[NothingWiki:Maintenance|Maintenance Page]] ([[NothingWiki:Maintenance]]) – list of broken links, outdated pages, and formatting issues.<br /> * [[NothingWiki:Changelog|Changelog]] ([[NothingWiki:Changelog]]) – structural or organizational changes to the Wiki itself.<br /> * [[NothingWiki:Roadmap|Roadmap]] ([[NothingWiki:Roadmap]]) – planned improvements (design, extensions, new features).<br /> * [[NothingWiki:Extensions|Installed Extensions]] ([[NothingWiki:Extensions]]) – list of installed MediaWiki extensions and their purposes.<br /> <br /> === 🧩 Optional / Later ===<br /> * [[NothingWiki:Credits|Credits]] ([[NothingWiki:Credits]]) – contributors, developers, and layout designers.<br /> * [[NothingWiki:StyleDemo|Style Demo Page]] ([[NothingWiki:StyleDemo]]) – sandbox for testing templates and infobox layouts.<br /> * [[NothingWiki:Guidelines|General Guidelines]] ([[NothingWiki:Guidelines]]) – broader editorial and tone guidelines.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=Main_Page&diff=8 Main Page 2025-10-31T20:46:24Z <p>Jonatanktk: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]<br /> <br /> __NOTOC__</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Citizen-footer-desc&diff=7 MediaWiki:Citizen-footer-desc 2025-10-31T20:45:31Z <p>Jonatanktk: Created page with &quot;The Nothing Wiki is a community-driven encyclopedia dedicated to Nothing and CMF by Nothing. It collects and documents information about products, software, people, and events related to the Nothing ecosystem. This project is created by fans and is not affiliated with Nothing Technology Limited.&quot;</p> <hr /> <div>The Nothing Wiki is a community-driven encyclopedia dedicated to Nothing and CMF by Nothing.<br /> It collects and documents information about products, software, people, and events related to the Nothing ecosystem.<br /> This project is created by fans and is not affiliated with Nothing Technology Limited.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Citizen-footer-tagline&diff=6 MediaWiki:Citizen-footer-tagline 2025-10-31T20:40:08Z <p>Jonatanktk: </p> <hr /> <div>© Nothing Technology Limited - trademarks belong to their respective owners.<br /> Community Wiki, not affiliated with Nothing.<br /> Content licensed under CC BY-SA 4.0.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Citizen-footer-tagline&diff=5 MediaWiki:Citizen-footer-tagline 2025-10-31T20:39:47Z <p>Jonatanktk: Created page with &quot;© Nothing Technology Limited — trademarks belong to their respective owners. Community Wiki, not affiliated with Nothing. Content licensed under CC BY-SA 4.0.&quot;</p> <hr /> <div>© Nothing Technology Limited — trademarks belong to their respective owners.<br /> Community Wiki, not affiliated with Nothing.<br /> Content licensed under CC BY-SA 4.0.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Copyright&diff=4 MediaWiki:Copyright 2025-10-31T20:25:17Z <p>Jonatanktk: </p> <hr /> <div>All product names, logos, and brands are property of Nothing Technology Limited and its affiliates. Nothing®, CMF by Nothing®, and related marks are trademarks or registered trademarks of Nothing Technology Limited. This site is an independent, community-driven project and is not affiliated with or endorsed by Nothing Technology Limited. All other content is available under $1 unless otherwise noted.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Copyright&diff=3 MediaWiki:Copyright 2025-10-31T20:23:26Z <p>Jonatanktk: Created page with &quot;All product names, logos, and brands are property of Nothing Technology Limited and its affiliates. Nothing®, CMF by Nothing®, and related marks are trademarks or registered trademarks of Nothing Technology Limited. This site is an independent, community-driven project and is not affiliated with or endorsed by Nothing Technology Limited. All other content is available under $1 unless otherwise noted.&quot;</p> <hr /> <div>All product names, logos, and brands are property of Nothing Technology Limited and its affiliates.<br /> Nothing®, CMF by Nothing®, and related marks are trademarks or registered trademarks of Nothing Technology Limited.<br /> <br /> This site is an independent, community-driven project and is not affiliated with or endorsed by Nothing Technology Limited.<br /> <br /> All other content is available under $1 unless otherwise noted.</div> Jonatanktk https://wiki.nothing-news.de/w/index.php?title=MediaWiki:Citizen.css&diff=2 MediaWiki:Citizen.css 2025-10-31T20:18:55Z <p>Jonatanktk: Created page with &quot;/* All CSS here will be loaded for users of the Citizen skin */ /* * Star Citizen Wiki * This stylesheet only contains site-wide styles. * For template styles, check the specific template documentation. */ /* Adjust primary color */ :root { --color-progressive-oklch__h: 230; --color-progressive-hsl__h: 205; } h1, h2, h3, h4, h5, h6, .mw-logo-wordmark, .citizen-sticky-header-page-title { font-weight: var(--font-weight-medium); } h4, h5, h6 { letter-spacing: 0.01...&quot;</p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> /*<br /> * Star Citizen Wiki<br /> * This stylesheet only contains site-wide styles.<br /> * For template styles, check the specific template documentation.<br /> */<br /> <br /> /* Adjust primary color */<br /> :root {<br /> --color-progressive-oklch__h: 230;<br /> --color-progressive-hsl__h: 205;<br /> }<br /> <br /> h1,<br /> h2,<br /> h3,<br /> h4,<br /> h5,<br /> h6,<br /> .mw-logo-wordmark,<br /> .citizen-sticky-header-page-title {<br /> font-weight: var(--font-weight-medium);<br /> }<br /> <br /> h4,<br /> h5,<br /> h6 {<br /> letter-spacing: 0.0125em;<br /> }<br /> <br /> /* Add transition to details content */<br /> details::details-content {<br /> opacity: 0;<br /> block-size: 0;<br /> transition: content-visibility var(--transition-duration-medium)<br /> allow-discrete,<br /> opacity var(--transition-duration-medium),<br /> block-size var(--transition-duration-medium);<br /> }<br /> <br /> details[open]::details-content {<br /> block-size: auto;<br /> opacity: 1;<br /> }<br /> <br /> /* Align icon opacity with skin default */<br /> .mw-logo-icon {<br /> opacity: var(--opacity-icon-base);<br /> filter: var(--filter-invert);<br /> }<br /> <br /> /*<br /> * Menu<br /> * Rich format menu to have more hierarchy<br /> */<br /> /* Remove bottom spacing as it is handled in footer portlet */<br /> .citizen-drawer__menu {<br /> margin-bottom: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-portlet-External {<br /> position: sticky;<br /> bottom: 0;<br /> margin-top: var(--space-md);<br /> margin-inline: calc(var(--space-xs) * -1);<br /> padding: var(--space-xs);<br /> border-top: var(--border-base);<br /> backdrop-filter: var(--backdrop-filter-frosted-glass);<br /> font-size: var(--font-size-x-small);<br /> grid-column: 1 / -1;<br /> white-space: nowrap;<br /> }<br /> <br /> .mw-portlet-External .citizen-menu__heading {<br /> display: none;<br /> }<br /> <br /> .mw-portlet-External ul {<br /> display: flex;<br /> overflow: auto;<br /> }<br /> <br /> .mw-portlet-External .mw-list-item a {<br /> gap: 0;<br /> }<br /> <br /> /* Label */<br /> .citizen-drawer__menu [id^='n-sidebar-label-'] a {<br /> pointer-events: none;<br /> margin-left: var(--space-xs);<br /> padding-left: var(--space-md);<br /> padding-right: var(--space-xs);<br /> border-left: 1px solid var(--border-color-base);<br /> border-radius: 0;<br /> letter-spacing: 0.05em;<br /> font-weight: var(--font-weight-normal);<br /> color: var(--color-subtle) !important;<br /> }<br /> <br /> /* Icons */<br /> .citizen-drawer__menu [id^='n-sidebar-icon-'] a {<br /> font-size: 0;<br /> content-visibility: auto;<br /> }<br /> <br /> .citizen-drawer__menu [id^='n-sidebar-icon-'] a:before {<br /> display: block;<br /> content: '';<br /> width: var(--size-icon);<br /> height: var(--size-icon);<br /> background-color: currentColor;<br /> mask-size: contain;<br /> mask-repeat: no-repeat;<br /> mask-position: center;<br /> }<br /> <br /> #n-sidebar-icon-discord a:before {<br /> mask-image: url(https://media.starcitizen.tools/7/77/Discord_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-twitter a:before {<br /> mask-image: url(https://media.starcitizen.tools/6/6a/Twitter_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-mastodon a:before {<br /> mask-image: url(https://media.starcitizen.tools/d/de/Mastodon_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-threads a:before {<br /> mask-image: url(https://media.starcitizen.tools/9/9b/Threads_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-bluesky a:before {<br /> mask-image: url(https://media.starcitizen.tools/8/8b/Bluesky_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-patreon a:before {<br /> mask-image: url(https://media.starcitizen.tools/e/e9/Patreon_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-kofi a:before {<br /> mask-image: url(https://media.starcitizen.tools/4/48/Kofi_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-github a:before {<br /> mask-image: url(https://media.starcitizen.tools/8/85/Github_-_Simple_Icons.svg);<br /> }<br /> <br /> #n-sidebar-icon-reddit a:before {<br /> mask-image: url(https://media.starcitizen.tools/e/e8/Reddit_-_Simple_Icons.svg);<br /> }<br /> <br /> /* Footer changes */<br /> .citizen-footer {<br /> padding-block: 6rem;<br /> background-color: transparent;<br /> }<br /> <br /> .citizen-footer__siteinfo {<br /> justify-content: space-between;<br /> }<br /> <br /> .citizen-footer__sitetitle .mw-logo-wordmark {<br /> display: none;<br /> }<br /> <br /> /*<br /> * Footer icons<br /> * We use custom footer icons so we need to fine tune it<br /> */<br /> #footer-icons a {<br /> border: 0;<br /> padding: 0;<br /> background: transparent;<br /> opacity: var(--opacity-icon-base);<br /> transition: opacity 250ms ease;<br /> }<br /> <br /> #footer-icons a:hover {<br /> opacity: var(--opacity-icon-base--hover);<br /> }<br /> <br /> #footer-icons a:active {<br /> opacity: var(--opacity-icon-base--active);<br /> }<br /> <br /> /* More space between icons */<br /> #footer-icons ul,<br /> #footer-icons li {<br /> column-gap: var(--space-md);<br /> }<br /> <br /> #footer-icons img {<br /> width: auto;<br /> height: 32px;<br /> }<br /> <br /> /* Darken the footer icon in light mode */<br /> .skin-citizen-light #footer-icons a {<br /> filter: invert(1) hue-rotate(180deg);<br /> }<br /> <br /> /*<br /> * Very important checkmark<br /> * Blue checkmark near wordmark<br /> */<br /> .mw-logo-wordmark {<br /> display: flex;<br /> align-items: center;<br /> gap: var(--space-sm);<br /> }<br /> <br /> /* CookieWarning tweaks */<br /> .mw-cookiewarning-container {<br /> max-width: 480px;<br /> }<br /> <br /> .mw-cookiewarning-text {<br /> gap: var(--space-xs);<br /> }<br /> <br /> .mw-cookiewarning-text::before {<br /> content: '🍪';<br /> font-size: 2rem;<br /> }<br /> <br /> /* hide on pageload to prevent FoUC */<br /> .client-js .mw-cookiewarning-container {<br /> opacity: 0;<br /> visibility: hidden;<br /> transition: opacity 250ms ease, visibility 250ms ease;<br /> }<br /> <br /> /* citizen-animations-ready is added when scripts are loaded */<br /> .client-js.citizen-animations-ready .mw-cookiewarning-container {<br /> opacity: 1;<br /> visibility: visible;<br /> }<br /> <br /> /* Site notice styles */<br /> /*<br /> #scw-birthday {<br /> padding: var( --space-sm ) var( --space-md );<br /> background-color: var( --color-surface-2 );<br /> font-size: var( --font-size-small );<br /> font-weight: var( --font-weight-semibold );<br /> }<br /> <br /> #scw-birthday-canvas {<br /> position: absolute;<br /> inset: 0;<br /> width: 100%;<br /> height: 100%;<br /> }<br /> */<br /> <br /> /* Full-width for pledge vehicle list page */<br /> .page-List_of_pledge_vehicles {<br /> --width-layout: 100vw;<br /> }<br /> <br /> /* Alternative theme */<br /> /*<br /> :root {<br /> --font-family-citizen-base: monospace;<br /> --font-size-base: 0.875rem;<br /> --color-primary__h: 30;<br /> --border-radius-base: 0;<br /> --border-color-base: hsla( var( --color-primary__h ), 85%, 65%, 25% ) !important;<br /> letter-spacing: -0.025em;<br /> }<br /> <br /> .mw-logo.citizen-header__button:after {<br /> content: &quot;🎃&quot;;<br /> position: absolute;<br /> left: 0;<br /> }<br /> */<br /> <br /> /* Pride month */<br /> /*<br /> .citizen-loading::after {<br /> background-image: linear-gradient( 90deg, #FF3333 0%, #FF9933 20%, #FFFF66 40%, #66BB66 60%, #6666FF 80%, #BB66FF 100% );<br /> }<br /> */<br /> <br /> /* Verified badge */<br /> /*<br /> .mw-logo-wordmark:after {<br /> content: &quot;&quot;;<br /> width: 1em;<br /> height: 1em;<br /> display: block;<br /> background-image: url( https://media.starcitizen.tools/5/5f/SCW-Verified.svg );<br /> }<br /> */<br /> <br /> /* Animated gradient */<br /> @property --gradient-angle {<br /> syntax: '&lt;angle&gt;';<br /> initial-value: 0deg;<br /> inherits: false;<br /> }<br /> <br /> .scw-gradient-glow {<br /> position: relative;<br /> <br /> --clr-3: var(--color-progressive);<br /> --clr-4: var(--border-color-base);<br /> --clr-5: var(--border-color-subtle);<br /> <br /> --gradient: var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-4),<br /> var(--clr-3);<br /> --gradient-blur: 4px;<br /> --gradient-time: 5s;<br /> }<br /> <br /> .scw-gradient-glow::before {<br /> position: absolute;<br /> inset: 0px;<br /> z-index: -1;<br /> content: '';<br /> background: conic-gradient(from var(--gradient-angle), var(--gradient));<br /> border-radius: inherit;<br /> animation: scw-gradient-rotate var(--gradient-time) linear infinite;<br /> filter: blur(var(--gradient-blur));<br /> transition: filter 100ms ease;<br /> }<br /> <br /> @keyframes scw-gradient-rotate {<br /> 0% {<br /> --gradient-angle: 0deg;<br /> }<br /> <br /> 100% {<br /> --gradient-angle: 360deg;<br /> }<br /> }<br /> <br /> /* HACK: Hide UploadWizard personal purpose option */<br /> .mwe-upwiz-deed-purpose &gt; label:last-child {<br /> display: none !important;<br /> }</div> Jonatanktk