https://boincsynergy.ca/wiki/api.php?action=feedcontributions&feedformat=atom&user=Admin BOINC Projects - User contributions [en] 2026-07-16T10:36:34Z User contributions MediaWiki 1.43.8 https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Sidebar&diff=1657 MediaWiki:Sidebar 2026-06-29T12:14:33Z <p>Admin: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** BOINC_projects|All BOINC projects<br /> ** BOINC_project_screensavers|Screensavers<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * BOINC Synergy<br /> ** https://boincsynergy.ca/|BOINC Synergy Home<br /> ** https://boincsynergy.ca/contact/|Contact BOINC Synergy<br /> * BOINC<br /> ** https://boinc.berkeley.edu/|BOINC Home<br /> ** https://grafana.kiska.pw/d/boinc/boinc?orgId=1|BOINC project server metrics</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Sidebar&diff=1656 MediaWiki:Sidebar 2026-06-28T23:13:18Z <p>Admin: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** BOINC_projects|All BOINC projects<br /> ** BOINC_project_screensavers|Screensavers<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * BOINC Synergy<br /> ** https://boincsynergy.ca/|BOINC Synergy Home<br /> ** https://boincsynergy.ca/contact/|Contact BOINC Synergy<br /> * BOINC<br /> ** https://boinc.berkeley.edu/|BOINC Home</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Sidebar&diff=1655 MediaWiki:Sidebar 2026-06-28T23:07:02Z <p>Admin: </p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * BOINC Synergy<br /> ** BOINC_projects|All BOINC Projects<br /> ** BOINC_project_screensavers|BOINC Project Screensavers<br /> ** https://boincsynergy.ca/|BOINC Synergy Home<br /> ** https://boincsynergy.ca/contact/|Contact BOINC Synergy<br /> * BOINC<br /> ** https://boinc.berkeley.edu/|BOINC Home</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Sidebar&diff=1654 MediaWiki:Sidebar 2026-06-28T23:03:47Z <p>Admin: add links</p> <hr /> <div><br /> * navigation<br /> ** mainpage|mainpage-description<br /> ** recentchanges-url|recentchanges<br /> ** randompage-url|randompage<br /> ** helppage|help-mediawiki<br /> * SEARCH<br /> * TOOLBOX<br /> * LANGUAGES<br /> <br /> * boincsynergy-links<br /> ** BOINC_projects|All BOINC Projects<br /> ** BOINC_project_screensavers|BOINC Project Screensavers<br /> ** https://boincsynergy.ca/|BOINC Synergy<br /> ** https://boincsynergy.ca/contact/|Contact<br /> ** https://boinc.berkeley.edu/|BOINC</div> Admin https://boincsynergy.ca/wiki/index.php?title=Main_Page&diff=1554 Main Page 2026-06-07T18:21:26Z <p>Admin: </p> <hr /> <div>{{#seo:<br /> |title=BOINC projects<br /> |description=All BOINC Projects - a directory and reference for all BOINC volunteer computing projects, past and present.<br /> |keywords=BOINC, volunteer computing, distributed computing, BOINC projects, BOINC projects list<br /> |image=boinc-projects-seo.png<br /> }}<br /> __NOTOC__<br /> __NOEDITSECTION__<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-hero&quot;&gt;[[File:Banner.png|center|frameless|250x250px]]<br /> &lt;div class=&quot;bs-hero-title&quot;&gt;BOINC Projects&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-subtitle&quot;&gt;The most comprehensive encyclopedia of BOINC volunteer computing projects on the web&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-btn&quot;&gt;'''[[BOINC projects|➜ Browse the Complete BOINC Projects Table]]'''&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-note&quot;&gt;The definitive, community-maintained table documenting every known active and retired BOINC project. The most comprehensive BOINC project list anywhere on the internet.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> QUICK-STATS RIBBON<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-stats&quot;&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-teal&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;334&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects listed&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-purple&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;55&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects documented&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-pink&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;71&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;[[BOINC project screensavers|Screensavers archived]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-coral&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;10+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Research fields&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-blue&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;{{CURRENTYEAR}}&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Continuously updated&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> WHAT IS A BOINC PROJECT?<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-definition&quot;&gt;<br /> &lt;span class=&quot;bs-definition-label&quot;&gt;What is a BOINC project?&lt;/span&gt;<br /> '''A BOINC project''' is a website and associated server set up by an individual or group to distribute applications to [https://boinc.berkeley.edu/ BOINC] volunteer computing devices. Those devices deliberately attach to receive, process, and return results for further scientific research — at no cost to the researcher, and no cost to the volunteer beyond electricity.<br /> <br /> ''BOINC'' stands for '''Berkeley Open Infrastructure for Network Computing''', developed at the University of California, Berkeley. Any researcher can create a BOINC project; any person can donate their idle CPU or GPU time to one.<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> PRIMARY CTA — TABLE LINK<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📋 The BOINC Projects Master Table&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;The [[BOINC projects|List of all BOINC projects]] table is the heart of this wiki — a structured, sortable reference covering project name, research field, institution, supported platforms, active status, GPU support, and more. It is the primary reason this resource exists and the most complete registry of BOINC projects available anywhere.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC projects|View the complete list of BOINC projects →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> SCREENSAVER CALLOUT<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📺 BOINC Project Screensaver Archive&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;Before modern power management made them obsolete, every BOINC project shipped a real-time animated screensaver showing the computation in progress, including protein chains folding, star fields sweeping and climate models spinning. All 71 known screensaver recordings, spanning projects from SETI@home to Pirates@Home, are now preserved in one place.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC Screensavers|View the BOINC Screensaver Archive →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> LOCAL PROJECT PAGES<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == Local BOINC project wiki pages ==<br /> <br /> Each project below has its own dedicated article on this wiki. Projects are grouped by research domain and activity status.<br /> <br /> === ✦ Active BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-teal mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔭 Astrophysics, Cosmology &amp; Space&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Einstein@Home]] gravitational wave and pulsar detection<br /> | * [[MilkyWay@home]] mapping the Milky Way's structure<br /> |-<br /> | * [[LHC@home]] CERN particle physics simulations<br /> | * [[Gaia@home]] ESA Gaia mission data reduction<br /> |-<br /> | colspan=&quot;2&quot; | * [[SPACIOUS@home]] space situational awareness<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-purple mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧬 Biology, Medicine &amp; Biochemistry&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[GPUGRID]] GPU-accelerated biomolecular simulations<br /> | * [[TN-Grid]] neurological research<br /> |-<br /> | * [[Rosetta@home]] protein structure prediction<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-blue mw-collapsible&quot;&gt;&lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔢 Mathematics, Number Theory &amp; Cryptography&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |* [[Gerasim@home]] multi-project. number field sieve factorisation<br /> |<br /> |-<br /> | * [[PrimeGrid]] prime number searches across many sub-projects<br /> | * [[NFS@Home]] number field sieve factorisation<br /> |-<br /> | * [[SRBase]] Sierpinski-Riesel base search<br /> | * [[NumberFields@Home]] algebraic number field tables<br /> |-<br /> | * [[YAFU]] yet another factorisation utility<br /> | * [[LODA]] integer sequence program synthesis<br /> |-<br /> | * [[Moo! Wrapper]] distributed.net RC5-72 wrapper<br /> | * [[ODLK]] orthogonal diagonal Latin squares<br /> |-<br /> | * [[ODLK1]] ODLK variant 1<br /> | * [[ODLK2025]] ODLK 2025 campaign<br /> |-<br /> | * [[Rakesearch]] Latin square searches<br /> | * [[SPT]] Symmetric Prime Tuples<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-green mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🌍 Climate, Environment &amp; Earth Sciences&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Climateprediction.net|climate''prediction''.net]] global climate ensemble modelling<br /> | * [[Asteroids@home]] asteroid orbit determination<br /> |-<br /> | * [[Radioactive@home]] background radiation monitoring<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🤖 Artificial Intelligence, Computing &amp; Infrastructure&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[IThena.Computational]] computational measurement network<br /> | * [[IThena.Measurements]] network performance metrics<br /> |-<br /> | * [[BOINC Central]] BOINC infrastructure project<br /> | * [[WUProp@Home]] work unit propagation statistics<br /> |-<br /> |* [[Yoyo@home]] scientific and mathematical subprojects<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-coral mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧪 Physics, Chemistry &amp; Materials Science&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[USPEX@HOME]] crystal structure prediction<br /> | * [[World Community Grid]] multi-domain humanitarian research<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🕹️ Community, Recreation &amp; Miscellaneous&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Minecraft@Home]] Minecraft world-seed research<br /> | * [[PRIVATE GFN SERVER]] private Generalized Fermat Number server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-pink mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧫 Test &amp; Development Projects&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects serve as active testing and development platforms for BOINC software and infrastructure rather than primary research goals.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | colspan=&quot;2&quot; | * [[Cpdnboinc dev]] cpdn development and testing server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Paused BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏯ Paused projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects are temporarily suspended but have not formally closed. Work may resume in future.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[DENIS@home]] cardiac electrophysiology research, currently paused<br /> |* [[SiDock@home]] drug candidate screening<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for the most current status of all projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Retired &amp; inactive BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏸ Retired projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects have suspended operations or are no longer accepting new work units. Their pages are preserved here for historical reference and research continuity.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Albert@Home]] developement site for Einstein@Home<br /> | * [[Amicable Numbers]] amicable pair enumeration<br /> |-<br /> | * [[Axiom Distributed AI]] distributed AI model training<br /> | * [[BlackHoles@Home]] black hole binary merger waveforms<br /> |-<br /> |* [[Cosmology@Home]] astronomical research<br /> |* [[Collatz Conjecture]] testing the 3x+1 conjecture<br /> |-<br /> | * [[Data freezer]] long-term data archival research<br /> | * [[GoofyxGrid@Home NCI]] non-covalent interaction analysis<br /> |-<br /> | * [[nanoHUB@Home]] nanotechnology simulation<br /> | * [[Parlea]] RNA 3D structure motif analysis<br /> |-<br /> | * [[RALPH@home]] developement site for Rosetta@home<br /> | * [[Ramanujan Machine]] conjectured mathematical identities<br /> |-<br /> | * [[Universe@Home]] stellar evolution modelling<br /> | * [[WEP-M+2 Project]] mersenne-related prime search<br /> |-<br /> |* [[RNA World (beta)]] RNA folding and molecular evolution<br /> |* [[SETI@home]] search for extraterrestrial intelligence<br /> |-<br /> |* [[Predictor@home]] protein folding and the first BOINC project<br /> |* [[Pirates@Home]] help to develop Einstein@Home screensaver and test BOINC software<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for definitive active/inactive status on all documented projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == How to participate in BOINC projects ==<br /> <br /> &lt;div class=&quot;bs-steps&quot;&gt;<br /> &lt;div class=&quot;bs-step bs-step-purple&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;1. Download BOINC&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Get the free [https://boinc.berkeley.edu/download.php BOINC client]. Available for Windows, macOS, Linux, and Android.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-teal&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;2. Choose a project&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Browse the [[BOINC projects|complete BOINC projects list]] on this wiki. Filter by research field, platform support, or GPU availability.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-blue&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;3. Attach &amp; contribute&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Attach via the BOINC client, and your idle computer begins processing work units automatically.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> ABOUT THIS WIKI<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == About this wiki ==<br /> <br /> This ''BOINC projects'' MediaWiki is researched, written, and maintained by [https://boincsynergy.ca/ BOINC Synergy] — a volunteer initiative dedicated to documenting the global BOINC ecosystem. The [[BOINC projects|projects table]] is considered the flagship resource: a single, structured, continuously-updated registry of every known BOINC project, past and present.<br /> <br /> Corrections, additions, and edits are welcome. If you know of a BOINC project not yet listed, please use the talk page or contact [https://boincsynergy.ca/ BOINC Synergy] directly.<br /> <br /> &lt;div class=&quot;bs-footer-bar&quot;&gt;<br /> &lt;small&gt;'''''BOINC projects''''' MediaWiki is developed by [https://boincsynergy.ca/ BOINC Synergy] &amp;nbsp;·&amp;nbsp; Content reflects the state of the BOINC ecosystem as of {{CURRENTYEAR}} &amp;nbsp;·&amp;nbsp; [[BOINC projects|Full projects table →]]&lt;/small&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Distributed computing]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=Main_Page&diff=1553 Main Page 2026-06-07T18:18:46Z <p>Admin: add screensavers link</p> <hr /> <div>{{#seo:<br /> |title=BOINC projects<br /> |description=All BOINC Projects - a directory and reference for all BOINC volunteer computing projects, past and present.<br /> |keywords=BOINC, volunteer computing, distributed computing, BOINC projects, BOINC projects list<br /> |image=boinc-projects-seo.png<br /> }}<br /> __NOTOC__<br /> __NOEDITSECTION__<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-hero&quot;&gt;[[File:Banner.png|center|frameless|250x250px]]<br /> &lt;div class=&quot;bs-hero-title&quot;&gt;BOINC Projects&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-subtitle&quot;&gt;The most comprehensive encyclopedia of BOINC volunteer computing projects on the web&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-btn&quot;&gt;'''[[BOINC projects|➜ Browse the Complete BOINC Projects Table]]'''&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-note&quot;&gt;The definitive, community-maintained table documenting every known active and retired BOINC project. The most comprehensive BOINC project list anywhere on the internet.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> QUICK-STATS RIBBON<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-stats&quot;&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-teal&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;334&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects listed&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-purple&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;55&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects documented&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-pink&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;71&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;[[BOINC Screensavers|Screensavers archived]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-coral&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;10+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Research fields&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-blue&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;{{CURRENTYEAR}}&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Continuously updated&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> WHAT IS A BOINC PROJECT?<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-definition&quot;&gt;<br /> &lt;span class=&quot;bs-definition-label&quot;&gt;What is a BOINC project?&lt;/span&gt;<br /> '''A BOINC project''' is a website and associated server set up by an individual or group to distribute applications to [https://boinc.berkeley.edu/ BOINC] volunteer computing devices. Those devices deliberately attach to receive, process, and return results for further scientific research — at no cost to the researcher, and no cost to the volunteer beyond electricity.<br /> <br /> ''BOINC'' stands for '''Berkeley Open Infrastructure for Network Computing''', developed at the University of California, Berkeley. Any researcher can create a BOINC project; any person can donate their idle CPU or GPU time to one.<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> PRIMARY CTA — TABLE LINK<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📋 The BOINC Projects Master Table&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;The [[BOINC projects|List of all BOINC projects]] table is the heart of this wiki — a structured, sortable reference covering project name, research field, institution, supported platforms, active status, GPU support, and more. It is the primary reason this resource exists and the most complete registry of BOINC projects available anywhere.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC projects|View the complete list of BOINC projects →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> SCREENSAVER CALLOUT<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📺 BOINC Project Screensaver Archive&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;Before modern power management made them obsolete, every BOINC project shipped a real-time animated screensaver showing the computation in progress, including protein chains folding, star fields sweeping and climate models spinning. All 71 known screensaver recordings, spanning projects from SETI@home to Pirates@Home, are now preserved in one place.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC Screensavers|View the BOINC Screensaver Archive →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> LOCAL PROJECT PAGES<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == Local BOINC project wiki pages ==<br /> <br /> Each project below has its own dedicated article on this wiki. Projects are grouped by research domain and activity status.<br /> <br /> === ✦ Active BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-teal mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔭 Astrophysics, Cosmology &amp; Space&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Einstein@Home]] gravitational wave and pulsar detection<br /> | * [[MilkyWay@home]] mapping the Milky Way's structure<br /> |-<br /> | * [[LHC@home]] CERN particle physics simulations<br /> | * [[Gaia@home]] ESA Gaia mission data reduction<br /> |-<br /> | colspan=&quot;2&quot; | * [[SPACIOUS@home]] space situational awareness<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-purple mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧬 Biology, Medicine &amp; Biochemistry&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[GPUGRID]] GPU-accelerated biomolecular simulations<br /> | * [[TN-Grid]] neurological research<br /> |-<br /> | * [[Rosetta@home]] protein structure prediction<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-blue mw-collapsible&quot;&gt;&lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔢 Mathematics, Number Theory &amp; Cryptography&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |* [[Gerasim@home]] multi-project. number field sieve factorisation<br /> |<br /> |-<br /> | * [[PrimeGrid]] prime number searches across many sub-projects<br /> | * [[NFS@Home]] number field sieve factorisation<br /> |-<br /> | * [[SRBase]] Sierpinski-Riesel base search<br /> | * [[NumberFields@Home]] algebraic number field tables<br /> |-<br /> | * [[YAFU]] yet another factorisation utility<br /> | * [[LODA]] integer sequence program synthesis<br /> |-<br /> | * [[Moo! Wrapper]] distributed.net RC5-72 wrapper<br /> | * [[ODLK]] orthogonal diagonal Latin squares<br /> |-<br /> | * [[ODLK1]] ODLK variant 1<br /> | * [[ODLK2025]] ODLK 2025 campaign<br /> |-<br /> | * [[Rakesearch]] Latin square searches<br /> | * [[SPT]] Symmetric Prime Tuples<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-green mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🌍 Climate, Environment &amp; Earth Sciences&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Climateprediction.net|climate''prediction''.net]] global climate ensemble modelling<br /> | * [[Asteroids@home]] asteroid orbit determination<br /> |-<br /> | * [[Radioactive@home]] background radiation monitoring<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🤖 Artificial Intelligence, Computing &amp; Infrastructure&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[IThena.Computational]] computational measurement network<br /> | * [[IThena.Measurements]] network performance metrics<br /> |-<br /> | * [[BOINC Central]] BOINC infrastructure project<br /> | * [[WUProp@Home]] work unit propagation statistics<br /> |-<br /> |* [[Yoyo@home]] scientific and mathematical subprojects<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-coral mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧪 Physics, Chemistry &amp; Materials Science&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[USPEX@HOME]] crystal structure prediction<br /> | * [[World Community Grid]] multi-domain humanitarian research<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🕹️ Community, Recreation &amp; Miscellaneous&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Minecraft@Home]] Minecraft world-seed research<br /> | * [[PRIVATE GFN SERVER]] private Generalized Fermat Number server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-pink mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧫 Test &amp; Development Projects&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects serve as active testing and development platforms for BOINC software and infrastructure rather than primary research goals.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | colspan=&quot;2&quot; | * [[Cpdnboinc dev]] cpdn development and testing server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Paused BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏯ Paused projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects are temporarily suspended but have not formally closed. Work may resume in future.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[DENIS@home]] cardiac electrophysiology research, currently paused<br /> |* [[SiDock@home]] drug candidate screening<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for the most current status of all projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Retired &amp; inactive BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏸ Retired projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects have suspended operations or are no longer accepting new work units. Their pages are preserved here for historical reference and research continuity.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Albert@Home]] developement site for Einstein@Home<br /> | * [[Amicable Numbers]] amicable pair enumeration<br /> |-<br /> | * [[Axiom Distributed AI]] distributed AI model training<br /> | * [[BlackHoles@Home]] black hole binary merger waveforms<br /> |-<br /> |* [[Cosmology@Home]] astronomical research<br /> |* [[Collatz Conjecture]] testing the 3x+1 conjecture<br /> |-<br /> | * [[Data freezer]] long-term data archival research<br /> | * [[GoofyxGrid@Home NCI]] non-covalent interaction analysis<br /> |-<br /> | * [[nanoHUB@Home]] nanotechnology simulation<br /> | * [[Parlea]] RNA 3D structure motif analysis<br /> |-<br /> | * [[RALPH@home]] developement site for Rosetta@home<br /> | * [[Ramanujan Machine]] conjectured mathematical identities<br /> |-<br /> | * [[Universe@Home]] stellar evolution modelling<br /> | * [[WEP-M+2 Project]] mersenne-related prime search<br /> |-<br /> |* [[RNA World (beta)]] RNA folding and molecular evolution<br /> |* [[SETI@home]] search for extraterrestrial intelligence<br /> |-<br /> |* [[Predictor@home]] protein folding and the first BOINC project<br /> |* [[Pirates@Home]] help to develop Einstein@Home screensaver and test BOINC software<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for definitive active/inactive status on all documented projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == How to participate in BOINC projects ==<br /> <br /> &lt;div class=&quot;bs-steps&quot;&gt;<br /> &lt;div class=&quot;bs-step bs-step-purple&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;1. Download BOINC&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Get the free [https://boinc.berkeley.edu/download.php BOINC client]. Available for Windows, macOS, Linux, and Android.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-teal&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;2. Choose a project&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Browse the [[BOINC projects|complete BOINC projects list]] on this wiki. Filter by research field, platform support, or GPU availability.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-blue&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;3. Attach &amp; contribute&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Attach via the BOINC client, and your idle computer begins processing work units automatically.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> ABOUT THIS WIKI<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == About this wiki ==<br /> <br /> This ''BOINC projects'' MediaWiki is researched, written, and maintained by [https://boincsynergy.ca/ BOINC Synergy] — a volunteer initiative dedicated to documenting the global BOINC ecosystem. The [[BOINC projects|projects table]] is considered the flagship resource: a single, structured, continuously-updated registry of every known BOINC project, past and present.<br /> <br /> Corrections, additions, and edits are welcome. If you know of a BOINC project not yet listed, please use the talk page or contact [https://boincsynergy.ca/ BOINC Synergy] directly.<br /> <br /> &lt;div class=&quot;bs-footer-bar&quot;&gt;<br /> &lt;small&gt;'''''BOINC projects''''' MediaWiki is developed by [https://boincsynergy.ca/ BOINC Synergy] &amp;nbsp;·&amp;nbsp; Content reflects the state of the BOINC ecosystem as of {{CURRENTYEAR}} &amp;nbsp;·&amp;nbsp; [[BOINC projects|Full projects table →]]&lt;/small&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Distributed computing]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1552 MediaWiki:Common.css 2026-06-07T18:09:02Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> .bs-stat-pink {<br /> background: var(--bs-pink-50);<br /> border-color: var(--bs-pink-200);<br /> }<br /> .bs-stat-pink .bs-stat-number { color: var(--bs-pink-800); }<br /> .bs-stat-pink .bs-stat-label { color: var(--bs-pink-200); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> /* ── Stat ribbon — pink tile ────────────────────── */<br /> .bs-stat-pink .bs-stat-label { color: var(--bs-pink-800); }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb, <br /> div.thumb, <br /> .thumbinner, <br /> div.thumbinner,<br /> figure.mw-halign-right, <br /> figure.mw-halign-left,<br /> figure.mw-halign-none, <br /> figure.mw-halign-center,<br /> .mw-parser-output figure {<br /> border-color: #3a3a38 !important;<br /> /* no background — transparent PNGs show through correctly */<br /> }<br /> .thumbcaption,<br /> figcaption {<br /> color: var(--bs-text-muted) !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1542 MediaWiki:Common.css 2026-06-07T10:50:19Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb, <br /> div.thumb, <br /> .thumbinner, <br /> div.thumbinner,<br /> figure.mw-halign-right, <br /> figure.mw-halign-left,<br /> figure.mw-halign-none, <br /> figure.mw-halign-center,<br /> .mw-parser-output figure {<br /> border-color: #3a3a38 !important;<br /> /* no background — transparent PNGs show through correctly */<br /> }<br /> .thumbcaption,<br /> figcaption {<br /> color: var(--bs-text-muted) !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1541 MediaWiki:Common.css 2026-06-07T10:47:08Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb, <br /> div.thumb, <br /> .thumbinner, <br /> div.thumbinner,<br /> figure.mw-halign-right, <br /> figure.mw-halign-left,<br /> figure.mw-halign-none, <br /> figure.mw-halign-center,<br /> .mw-parser-output figure {<br /> border-color: #4a2648 !important;<br /> /* no background — transparent PNGs show through correctly */<br /> }<br /> .thumbcaption,<br /> figcaption {<br /> color: var(--bs-text-muted) !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1540 MediaWiki:Common.css 2026-06-07T10:40:29Z <p>Admin: fix image transparencies</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb, <br /> div.thumb, <br /> .thumbinner, <br /> div.thumbinner,<br /> figure.mw-halign-right, <br /> figure.mw-halign-left,<br /> figure.mw-halign-none, <br /> figure.mw-halign-center,<br /> .mw-parser-output figure {<br /> border-color: #3a3a38 !important;<br /> /* no background — transparent PNGs show through correctly */<br /> }<br /> .thumbcaption,<br /> figcaption {<br /> color: var(--bs-text-muted) !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1533 MediaWiki:Common.css 2026-06-04T22:21:28Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb,<br /> div.thumb,<br /> .thumbinner,<br /> div.thumbinner,<br /> figure.mw-halign-right,<br /> figure.mw-halign-left,<br /> figure.mw-halign-none,<br /> figure.mw-halign-center,<br /> .mw-parser-output figure {<br /> background: #1e1e1c !important;<br /> border-color: #3a3a38 !important;<br /> }<br /> .thumbcaption,<br /> figcaption {<br /> color: var(--bs-text-muted) !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Mobile.css&diff=1532 MediaWiki:Mobile.css 2026-06-04T17:09:56Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — mobile styles (Minerva skin)<br /> MediaWiki:Mobile.css<br /> <br /> Common.css already loads on mobile, so this file only<br /> needs to handle:<br /> 1. Minerva layout corrections<br /> 2. Styles that Vector chrome selectors can't reach<br /> <br /> Dark mode: Minerva handles wiki/image boxes natively,<br /> so we don't repeat those overrides here.<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> /* @import already fires from common.css — no need to repeat */<br /> <br /> /* ── HERO — stack &amp; tighten on narrow screens ───────── */<br /> .bs-hero {<br /> padding: 1.25rem 1rem 1rem;<br /> border-radius: 8px;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 1.4rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 0.95rem;<br /> }<br /> <br /> /* ── STATS RIBBON — single column on very small screens */<br /> @media (max-width: 400px) {<br /> .bs-stat {<br /> min-width: 100%;<br /> }<br /> }<br /> <br /> /* ── STEPS — stack vertically ───────────────────────── */<br /> .bs-step {<br /> min-width: 100%;<br /> }<br /> <br /> /* ── PROJECT TABLE — single column ─────────────────── */<br /> .bs-project-table td {<br /> display: block;<br /> width: 100%;<br /> padding: 0.15rem 0;<br /> }<br /> <br /> /* ── INFOBOX — full-width on mobile ─────────────────── */<br /> table.bs-infobox {<br /> width: 100% !important;<br /> float: none !important;<br /> margin: 0 0 1rem 0 !important;<br /> font-size: 0.9rem;<br /> }<br /> <br /> /* Minerva wraps first section in .mf-section-0 before the infobox */<br /> .mf-section-0 &gt; p:empty,<br /> .mf-section-0 &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mf-section-0 &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ── DARK MODE — mobile (Minerva) ───────────────────── */<br /> /*<br /> Minerva already darkens its own chrome and standard wiki<br /> constructs (image frames, thumbs, wikitables) in dark mode.<br /> <br /> We only need to patch our custom .bs-* components that<br /> Minerva has no knowledge of, the infobox, the license box,<br /> and the edit textarea.<br /> <br /> Do NOT re-declare Vector chrome rules here (#mw-head,<br /> #mw-panel, etc.) — those IDs don't exist in Minerva.<br /> */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* page shell — Minerva uses .mw-body, not #content */<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* ── bs-* components ──────────────────────────── */<br /> <br /> /* hero */<br /> .bs-hero {<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> border-color: var(--bs-purple-200);<br /> }<br /> <br /> /* quote */<br /> .bs-quote {<br /> background: var(--bs-gray-50);<br /> border-left-color: var(--bs-gray-200);<br /> }<br /> <br /> /* definition */<br /> .bs-definition {<br /> background: var(--bs-purple-50);<br /> border-left-color: var(--bs-purple-400);<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> /* CTA box */<br /> .bs-cta {<br /> background: var(--bs-page-bg);<br /> border-color: var(--bs-purple-400);<br /> }<br /> .bs-cta-title { color: var(--bs-purple-800); }<br /> .bs-cta-body { color: var(--bs-text-muted); }<br /> <br /> /* stat cards */<br /> .bs-stat-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-stat-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-stat-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-stat-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* group cards */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); }<br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); }<br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); }<br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); }<br /> <br /> /* step cards */<br /> .bs-step-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-step-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-step-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* footer bar */<br /> .bs-footer-bar {<br /> border-top-color: var(--bs-gray-200);<br /> color: var(--bs-gray-400);<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via Common.css :root dark block;<br /> !important guards against Minerva's own table resets. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Edit textarea (Minerva) ────────────────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> /* Mirrors common.css dark mode block but scoped for Minerva.<br /> Repeating is intentional — Minerva and Vector load different<br /> base stylesheets, so the !important cascade differs. */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> /* ── TOC ────────────────────────────────────────── */<br /> /* Minerva renders its own TOC drawer; this patches the<br /> inline TOC if present (e.g. on desktop-redirected pages) */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1531 MediaWiki:Common.css 2026-06-04T17:08:58Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> LICENSE BOX<br /> ══════════════════════════════════════════════════════ */<br /> .license-box {<br /> padding: 6px 10px;<br /> border: 1px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> color: var(--bs-text-primary);<br /> font-size: 0.9em;<br /> margin: 0.5em 0;<br /> border-radius: 4px;<br /> }<br /> <br /> .license-box-title {<br /> font-weight: 500;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Image / thumb frames ───────────────────────── */<br /> .thumb,<br /> .thumbinner,<br /> div.thumb {<br /> background: #1e1e1c;<br /> border-color: #3a3a38;<br /> }<br /> .thumbcaption {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Edit page — textarea and toolbar ───────────── */<br /> #wpTextbox1,<br /> .mw-editfont-default,<br /> textarea.mw-editfont-default {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #toolbar,<br /> #wpSummary,<br /> input#wpSummary {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> <br /> /* ── License box ────────────────────────────────── */<br /> /* Variables auto-remap via :root dark block above;<br /> explicit override ensures border/bg aren't<br /> overridden by any #content table rule above. */<br /> .license-box {<br /> background: var(--bs-gray-50) !important;<br /> border-color: var(--bs-gray-200) !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=Parlea&diff=1500 Parlea 2026-06-02T13:44:09Z <p>Admin: /* Why Parlea? */ phrasing</p> <hr /> <div>{{Infobox software<br /> | name = Parlea<br /> | logo = Default water.jpg<br /> <br /> | status = Inactive<br /> | category = Mathematics / Combinatorics<br /> | compute = CPU (Android)<br /> <br /> | developer = Dolgov Andrey Andreevich<br /> | author = Dolgov Andrey Andreevich<br /> | sponsor = [[wikipedia:National University of Science and Technology MISIS|NUST MISIS]] — Department of Engineering Cybernetics<br /> | maintainer = Dolgov Andrey Andreevich<br /> | released = {{Start date and age|2021|06|04}}<br /> <br /> | operating system = [[wikipedia:Android (operating system)|Android]] (ARM, ARM64, x86, x86_64)<br /> <br /> | stats as of = {{Start date and age|2026|05|22}}<br /> | active users = 0<br /> | total users = 106<br /> | active hosts = 0<br /> | total hosts = 345<br /> <br /> | rac = 0<br /> | average performance = 0.05 GigaFLOPS<br /> <br /> | website = {{URL|https://parlea.ru/boinctest/}}<br /> }}<br /> <br /> [http://parlea.ru/boinctest/ '''''Parlea'''''] is a '''''[[wikipedia:Volunteer computing|volunteer computing]]''''' project that needs your help to solve the Orthogonal Diagonal Latin Square (ODLS) problem.<br /> <br /> == Why Parlea? ==<br /> The project was created as part of a final qualifying work (''выпускная квалификационная работа'') at the [[wikipedia:National University of Science and Technology MISIS|National University of Science and Technology MISIS (NUST MISIS)]] in Moscow, Russia.&lt;ref&gt;{{cite web |url=https://parlea.ru/boinctest/about.php |title=About Parlea |publisher=Parlea |access-date=22 May 2026}}&lt;/ref&gt; The name &quot;Parlea&quot; is not an acronym; it reflects the project's academic origin as a deliverable student thesis.<br /> <br /> == Goal ==<br /> Parlea is a [[wikipedia:Volunteer computing|volunteer computing]] benchmark project that aims to investigate the efficiency and behavior of [[wikipedia:Android (operating system)|Android]] mobile devices as compute nodes on the [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] platform. Its scientific objective is to solve the Orthogonal Diagonal Latin Square (ODLS) problem using donated computational cycles from volunteers worldwide.<br /> <br /> A secondary goal is to demonstrate that mobile devices — which are available in far greater numbers than desktop computers — can serve as viable contributors to [[wikipedia:Distributed computing|distributed computing]] workloads. As noted in a survey of the BOINC platform, current mobile processors feature on-chip GPUs providing several teraFLOPS of performance, and the near-term potential capacity of volunteer computing from mobile devices alone could reach hundreds of ExaFLOPS.&lt;ref&gt;{{cite journal |last=Anderson |first=David P. |title=BOINC: A Platform for Volunteer Computing |url=https://arxiv.org/abs/1903.01699 |year=2019 |access-date=22 May 2026 |doi=10.48550/ARXIV.1903.01699}}&lt;/ref&gt;<br /> <br /> == Project Status ==<br /> <br /> Parlea is currently '''inactive'''. As of 22 May 2026, no tasks are being sent to volunteers and no recent credit has been recorded. The project server remains online and the BOINC daemons are running, but the task queue is empty.&lt;ref&gt;{{cite web |url=https://parlea.ru/boinctest/server_status.php |title=Parlea Server Status |publisher=Parlea |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Metric !! Value<br /> |-<br /> | Total registered users (with credit) || 106<br /> |-<br /> | Users with recent credit || 0<br /> |-<br /> | Total registered hosts (with credit) || 345<br /> |-<br /> | Hosts with recent credit || 0<br /> |-<br /> | Current performance || 0.05 GigaFLOPS<br /> |-<br /> | Workunits waiting for validation || 1,000<br /> |-<br /> | Tasks ready to send || 0<br /> |-<br /> | Tasks in progress || 0<br /> |}<br /> <br /> A backlog of 1,000 workunits awaiting validation suggests that prior computation was completed and is pending final server-side processing.<br /> <br /> == Scientific Background ==<br /> [[File:Magic Square 2014.svg|thumb|'''Magic Square 2014''' This is a 14 x 14 magic square. The square begins with Durer's date of birth (1471) and ends with the date of his death (1528).]]<br /> <br /> === Latin Squares ===<br /> <br /> A [[wikipedia:Latin square|Latin square]] of order &lt;math&gt;n&lt;/math&gt; is an &lt;math&gt;n \times n&lt;/math&gt; array filled with &lt;math&gt;n&lt;/math&gt; different symbols, each occurring exactly once in each row and exactly once in each column.&lt;ref&gt;{{cite encyclopedia |url=https://en.wikipedia.org/wiki/Latin_square |title=Latin square |encyclopedia=Wikipedia |access-date=22 May 2026}}&lt;/ref&gt; Formally, a Latin square is a set of &lt;math&gt;n^2&lt;/math&gt; triples &lt;math&gt;(r, c, s)&lt;/math&gt;, where &lt;math&gt;1 \leq r, c, s \leq n&lt;/math&gt;, such that all ordered pairs &lt;math&gt;(r, c)&lt;/math&gt;, &lt;math&gt;(r, s)&lt;/math&gt;, and &lt;math&gt;(c, s)&lt;/math&gt; are distinct. The concept was first systematically studied by [[wikipedia:Leonhard Euler|Leonhard Euler]] in 1782.<br /> <br /> === Diagonal Latin Squares ===<br /> <br /> A '''diagonal Latin square''' (DLS) of order &lt;math&gt;n&lt;/math&gt; is a Latin square in which both the main diagonal and the main antidiagonal also contain each of the &lt;math&gt;n&lt;/math&gt; symbols exactly once. Because of this additional constraint, the space of diagonal Latin squares is substantially smaller than the general Latin square space; for example, for order &lt;math&gt;n = 9&lt;/math&gt;, only a fraction of all Latin squares are diagonal.&lt;ref&gt;{{cite journal |last=Vatutin |first=Eduard |display-authors=etal |title=Using Volunteer Computing to Study Some Features of Diagonal Latin Squares |journal=Open Engineering |volume=7 |issue=1 |pages=453–460 |year=2017 |doi=10.1515/eng-2017-0052 |url=https://www.degruyterbrill.com/document/doi/10.1515/eng-2017-0052/html}}&lt;/ref&gt;<br /> <br /> The enormous size of the diagonal Latin squares space makes it computationally infeasible to enumerate all its objects in reasonable time by brute force. Sophisticated search methods and the BOINC platform are essential to meet the computational requirements.&lt;ref&gt;{{cite web |url=https://rake.boincfast.ru/rakesearch/about.php |title=About RakeSearch |publisher=RakeSearch |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> === Orthogonal Diagonal Latin Squares ===<br /> <br /> Two Latin squares of order &lt;math&gt;n&lt;/math&gt; are said to be '''orthogonal''' if, when one is superimposed on the other, every ordered pair of symbols appears exactly once among the &lt;math&gt;n^2&lt;/math&gt; cells. An '''Orthogonal Diagonal Latin Square''' (ODLS) of order &lt;math&gt;n&lt;/math&gt; is a pair of orthogonal Latin squares of order &lt;math&gt;n&lt;/math&gt; in which both members are diagonal — that is, both squares carry distinct symbols on their main diagonal and antidiagonal.&lt;ref&gt;{{cite journal |url=https://www.cambridge.org/core/product/51221E11F72A8B0A07E0C95AA18D9192 |title=Orthogonal diagonal Latin squares of order n |journal=Bulletin of the Australian Mathematical Society |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> It has been proven that ODLS of order &lt;math&gt;n&lt;/math&gt; exist for all &lt;math&gt;n&lt;/math&gt; except &lt;math&gt;n \in \{2, 3, 6, 10, 14, 15, 18, 26\}&lt;/math&gt;, with &lt;math&gt;n \in \{2, 3, 6\}&lt;/math&gt; being impossible.&lt;ref&gt;{{cite journal |url=https://www.cambridge.org/core/product/51221E11F72A8B0A07E0C95AA18D9192 |title=Orthogonal diagonal Latin squares of order n |journal=Bulletin of the Australian Mathematical Society |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> The '''orthogonality graph''' of a DLS is a graph in which each node represents a DLS orthogonal to a given base square, and edges connect mutually orthogonal pairs. Reconstructing complete orthogonality graphs — understanding which DLSs are mutually orthogonal — is the central combinatorial challenge that Parlea and its parent project RakeSearch address.<br /> <br /> == Methods ==<br /> <br /> === Application: Cycle Search ===<br /> <br /> Parlea runs a single application called '''Cycle Search''' (version 0.09), released on 4 June 2021.&lt;ref&gt;{{cite web |url=https://parlea.ru/boinctest/apps.php |title=Parlea Applications |publisher=Parlea |access-date=22 May 2026}}&lt;/ref&gt; The application is derived from the [[wikipedia:RakeSearch|RakeSearch]] BOINC project. RakeSearch implements a search for row-permutational DLSs orthogonal to a given base square, allowing reconstruction of the full orthogonality graph.&lt;ref&gt;{{cite journal |last=Manzyuk |first=Maxim |last2=Nikitina |first2=Natalia |last3=Vatutin |first3=Eduard |title=Start-up and the Results of the Volunteer Computing Project RakeSearch |journal=Communications in Computer and Information Science |year=2019 |doi=10.1007/978-3-030-36592-9_59 |url=https://link.springer.com/chapter/10.1007/978-3-030-36592-9_59}}&lt;/ref&gt;<br /> <br /> Rather than searching all possible DLSs, the algorithm fixes a starting square and enumerates only its ''row-permutation mates'' — squares reachable by permuting rows of the original — greatly reducing the search space while still revealing the orthogonality structure.<br /> <br /> In Parlea, this application is deployed specifically to benchmark [[wikipedia:Android (operating system)|Android]] mobile hardware, rather than desktop-class CPUs. Workunits are assigned to mobile volunteer devices, and the timing and correctness statistics are analysed to evaluate mobile suitability as BOINC compute nodes.<br /> <br /> === Supported Platforms ===<br /> <br /> The Cycle Search application supports four Android targets:&lt;ref&gt;{{cite web |url=https://parlea.ru/boinctest/apps.php |title=Parlea Applications |publisher=Parlea |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Platform !! Architecture !! Version !! Created<br /> |-<br /> | Android || ARM 32-bit || 0.09 || 4 Jun 2021<br /> |-<br /> | Android || ARM 64-bit (arm64-v8a) || 0.09 || 4 Jun 2021<br /> |-<br /> | Android || Intel x86 32-bit || 0.09 || 4 Jun 2021<br /> |-<br /> | Android || Intel x86 64-bit || 0.09 || 4 Jun 2021<br /> |}<br /> <br /> The project does not offer Windows, Linux, or macOS clients, distinguishing it from most BOINC projects. This Android-only design is intentional: the benchmark is specifically studying mobile compute behaviour.<br /> <br /> === Server Architecture ===<br /> <br /> The project runs on a standard BOINC server stack hosted at &lt;code&gt;parlea.ru&lt;/code&gt;. As of May 2026, the following daemons are operational:&lt;ref&gt;{{cite web |url=https://parlea.ru/boinctest/server_status.php |title=Parlea Server Status |publisher=Parlea |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> * Download and upload servers<br /> * Scheduler<br /> * Feeder and transitioner<br /> * File deleter<br /> * Validators and assimilators for three application types: native (&lt;code&gt;gt_cl&lt;/code&gt;), boinc2docker, and [[wikipedia:VirtualBox|VirtualBox]]<br /> <br /> The BOINC server software version is 1.1.0 (database schema 27028).<br /> <br /> == Related Projects ==<br /> <br /> Parlea is closely related to several other BOINC projects investigating diagonal Latin squares:<br /> <br /> * '''[https://rake.boincfast.ru/rakesearch/ RakeSearch]''' — The parent project from which Parlea's Cycle Search application is derived. Run by the Karelian Research Center of the Russian Academy of Sciences, RakeSearch searches for orthogonal pairs of diagonal Latin squares of order 9 using desktop volunteer computers.&lt;ref&gt;{{cite web |url=https://boincsynergy.ca/wiki/Rakesearch/ |title=RakeSearch — BOINC Synergy |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> * '''[https://boinc.progger.info/odlk/ ODLK]''' — A BOINC project focused on researching 10th-order diagonal Latin squares.&lt;ref&gt;{{cite web |url=https://boincsynergy.ca/wiki/ODLK/ |title=ODLK — BOINC Synergy |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> * '''[https://boinc.progger.info/odlk1/ ODLK1]''' — A continuation of ODLK, searching for canonical forms of diagonal Latin squares of order 10.&lt;ref&gt;{{cite web |url=https://boincsynergy.ca/wiki/index.php/ODLK1 |title=ODLK1 — BOINC Synergy |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> * '''[http://gerasim.boinc.ru/ Gerasim@Home]''' — Used to enumerate diagonal Latin squares of order 9 and search for their canonical forms.&lt;ref&gt;{{cite journal |last=Vatutin |first=Eduard |display-authors=etal |title=Using Volunteer Computing to Study Some Features of Diagonal Latin Squares |journal=Open Engineering |volume=7 |issue=1 |year=2017 |doi=10.1515/eng-2017-0052 |url=https://www.degruyterbrill.com/document/doi/10.1515/eng-2017-0052/html}}&lt;/ref&gt;<br /> <br /> == Project Team / Sponsors ==<br /> <br /> The project was created at the [[wikipedia:National University of Science and Technology MISIS|National University of Science and Technology MISIS]] (NUST MISIS),&lt;ref&gt;{{cite web |url=https://en.wikipedia.org/wiki/National_University_of_Science_and_Technology_MISiS |title=National University of Science and Technology MISIS — Wikipedia |access-date=22 May 2026}}&lt;/ref&gt; a public technological university in Moscow, Russia, established in 1918 as part of the Moscow Mining Academy and granted national university status in 2008.&lt;ref&gt;{{cite web |url=https://en.wikipedia.org/wiki/National_University_of_Science_and_Technology_MISiS |title=National University of Science and Technology MISIS — Wikipedia |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Role !! Name<br /> |-<br /> | Institution || NUST MISIS Institute, Department of Engineering Cybernetics<br /> |-<br /> | Student / Developer || Dolgov Andrey Andreevich<br /> |-<br /> | Scientific Supervisor || Associate Professor, Ph.D. Kurochkin Ilya Ilyich<br /> |}<br /> <br /> == Publications ==<br /> <br /> The following papers are relevant to the science underlying Parlea, primarily from the RakeSearch project which developed the core algorithm:&lt;ref&gt;{{cite web |url=https://boinc.berkeley.edu/pubs.php |title=Publications by BOINC Projects |publisher=BOINC / UC Berkeley |access-date=22 May 2026}}&lt;/ref&gt;&lt;ref&gt;{{cite web |url=https://rake.boincfast.ru/rakesearch/publications.php |title=RakeSearch Publications |publisher=RakeSearch |access-date=22 May 2026}}&lt;/ref&gt;<br /> <br /> * Manzyuk, Maxim, Natalia Nikitina and Eduard Vatutin. [https://link.springer.com/chapter/10.1007/978-3-030-36592-9_59 ''Start-up and the Results of the Volunteer Computing Project RakeSearch.''] Communications in Computer and Information Science (2019). DOI: [https://doi.org/10.1007/978-3-030-36592-9_59 10.1007/978-3-030-36592-9_59]<br /> <br /> * Vatutin, Eduard, Alexey Belyshev, Natalia Nikitina, Maxim Manzuk, Alexander Albertian, Ilya Kurochkin, Alexander Kripachev and Alexey Pykhtin. ''Diagonalization and Canonization of Latin Squares.'' Supercomputing (2023).<br /> <br /> * Vatutin, Eduard, Oleg Zaikin, Maxim Manzyuk and Natalia Nikitina. [https://link.springer.com/chapter/10.1007/978-3-030-92864-3_38 ''Searching for Orthogonal Latin Squares via Cells Mapping and BOINC-Based Cube-and-Conquer.''] (2021). DOI: [https://doi.org/10.1007/978-3-030-92864-3_38 10.1007/978-3-030-92864-3_38]<br /> <br /> * Vatutin, Eduard ''et al.'' [https://link.springer.com/chapter/10.1007/978-3-030-64616-5_50 ''Enumerating the Orthogonal Diagonal Latin Squares of Small Order for Different Types of Orthogonality.''] (2020). DOI: [https://doi.org/10.1007/978-3-030-64616-5_50 10.1007/978-3-030-64616-5_50]<br /> <br /> * Vatutin, Eduard, S. Kochemazov, O. Zaikin and S. Valyaev. [https://www.degruyterbrill.com/document/doi/10.1515/eng-2017-0052/html ''Using Volunteer Computing to Study Some Features of Diagonal Latin Squares.''] Open Engineering, vol. 7, no. 1, 2017, pp. 453–460. DOI: [https://doi.org/10.1515/eng-2017-0052 10.1515/eng-2017-0052]<br /> <br /> * Anderson, David P. [https://arxiv.org/abs/1903.01699 ''BOINC: A Platform for Volunteer Computing.''] arXiv:1903.01699 (2019). DOI: [https://doi.org/10.48550/ARXIV.1903.01699 10.48550/ARXIV.1903.01699]<br /> <br /> == External Links ==<br /> <br /> * [https://parlea.ru/boinctest/ Parlea official website]<br /> * [https://parlea.ru/boinctest/server_status.php Parlea server status]<br /> * [https://rake.boincfast.ru/rakesearch/ RakeSearch project]<br /> * [https://en.misis.ru/ NUST MISIS official website]<br /> * [https://boinc.berkeley.edu/ BOINC platform (UC Berkeley)]<br /> <br /> == References ==<br /> <br /> {{Reflist}}<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Mathematics]]<br /> [[Category:Combinatorics]]<br /> [[Category:Android (operating system) software]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=Albert@Home&diff=1499 Albert@Home 2026-06-02T12:26:38Z <p>Admin: image exchange</p> <hr /> <div>{{Infobox software<br /> | name = Albert@Home<br /> | logo = Alberthome.png<br /> | screenshot = <br /> | caption = The Albert@Home project banner<br /> <br /> | status = Completed<br /> | category = Testing<br /> | compute = CPU &amp; GPU<br /> | dependencies = None<br /> <br /> | developer = Einstein@Home development team<br /> | sponsor = [[wikipedia:Max Planck Institute for Gravitational Physics|Max Planck Institute for Gravitational Physics (Albert Einstein Institute)]]<br /> | released = {{Start date and age|2011|11|15}}<br /> | completed = {{Start date and age|2024|09|25}}<br /> <br /> | programming language = C++, PHP, OpenCL, CUDA<br /> | operating system = Windows, macOS, Linux, Android, FreeBSD<br /> <br /> | website = [https://albertathome.org albertathome.org]<br /> | license = [[wikipedia:GNU Lesser General Public License|LGPL-3.0-or-later]] (BOINC core components)<br /> }}<br /> <br /> [https://albertathome.org '''''Albert@Home'''''] was a volunteer distributed computing project operating on the [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] (Berkeley Open Infrastructure for Network Computing) platform.&lt;ref&gt;{{Cite web<br /> |title=Albert@Home<br /> |url=https://albertathome.org/<br /> |website=Albert@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> The project functioned as the official public alpha-testing and development branch for [[wikipedia:Einstein@Home|Einstein@Home]], allowing developers to evaluate experimental scientific applications, client software, database transitions, and server-side configurations before deploying them into a live production environment.&lt;ref&gt;{{Cite web<br /> |title=Einstein@Home<br /> |url=https://einsteinathome.org/<br /> |website=Einstein@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Albert@Home was operated by researchers at the [[wikipedia:Max Planck Institute for Gravitational Physics|Max Planck Institute for Gravitational Physics (Albert Einstein Institute)]] in Hannover, Germany. The project officially launched its testing phase on November 15, 2011, and was permanently shut down on September 25, 2024.&lt;ref&gt;{{Cite web<br /> |title=Albert@Home shutdown announcement<br /> |url=https://albertathome.org/<br /> |website=Albert@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> == History ==<br /> Albert@Home was introduced on November 15, 2011, by the Einstein@Home development team as a dedicated public testing network for experimental BOINC applications and infrastructure changes.&lt;ref&gt;{{Cite web<br /> |title=Albert@Home project information<br /> |url=https://albertathome.org/<br /> |website=Albert@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Because Einstein@Home processes large quantities of scientific data from gravitational-wave observatories and radio telescopes, developers used Albert@Home to validate new software before deploying it on the primary Einstein@Home infrastructure.&lt;ref&gt;{{Cite web<br /> |title=About Einstein@Home<br /> |url=https://einsteinathome.org/content/about-us<br /> |website=Einstein@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Initially, the project was used to stress-test OpenCL and CUDA applications across a wide variety of CPU and GPU configurations, including Binary Radio Pulsar (BRP) search applications.&lt;ref&gt;{{Cite web<br /> |title=Einstein@Home Applications<br /> |url=https://einsteinathome.org/content/applications<br /> |website=Einstein@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Throughout its operational lifetime, Albert@Home was also used to evaluate database migrations, scheduler behavior, credit calculations, and new BOINC server software revisions before they were introduced into production environments.&lt;ref&gt;{{Cite web<br /> |title=BOINC server software<br /> |url=https://boinc.berkeley.edu/trac/wiki/ServerIntro<br /> |website=BOINC<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> On September 25, 2024, project administrator Bernd Machenschalk announced the permanent suspension of Albert@Home. The project was retired after virtualization and local testing environments reduced the need for a publicly accessible alpha-testing platform.&lt;ref&gt;{{Cite web<br /> |title=Albert@Home<br /> |url=https://albertathome.org/<br /> |website=Albert@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> == Purpose ==<br /> Albert@Home served as an isolated public testing environment for Einstein@Home and related BOINC infrastructure projects. The project allowed developers to safely identify software defects and hardware compatibility problems before rolling updates into production systems.<br /> <br /> Key functions of the project included:<br /> <br /> * '''Alpha testing''' of unstable experimental applications.<br /> * '''Validation of new credit systems''' and runtime estimation algorithms.<br /> * '''Testing database migrations''' and scheduler changes.<br /> * '''Cross-platform verification''' across Windows, Linux, macOS, Android, and FreeBSD clients.<br /> * '''GPU application testing''' using OpenCL and CUDA technologies.<br /> <br /> Unlike production scientific projects, Albert@Home primarily focused on software validation and infrastructure reliability rather than publishing independent scientific discoveries.&lt;ref&gt;{{Cite web<br /> |title=BOINC<br /> |url=https://boinc.berkeley.edu/<br /> |website=University of California, Berkeley<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> == Methods ==<br /> [[File:BOINC logo.png|right|frameless|150x150px|The [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] logo.]]<br /> Albert@Home used the standard BOINC client-server architecture. Volunteers downloaded work units through the BOINC client manager, processed them locally using unused CPU or GPU resources, and returned completed results to project servers for validation.<br /> <br /> Testing areas included:<br /> <br /> * '''Heterogeneous computing''' using different GPU architectures.<br /> * '''Scheduler stress testing''' under heavy workloads.<br /> * '''Database performance profiling''' and scalability analysis.<br /> * '''Application benchmarking''' across different operating systems and hardware platforms.<br /> * '''Client emulation''' to reproduce edge-case failures and network communication problems.<br /> <br /> The project frequently distributed intentionally experimental or unstable workloads to help developers locate rare compatibility problems that could not easily be reproduced in laboratory conditions.&lt;ref&gt;{{Cite web<br /> |title=BOINC client software<br /> |url=https://boinc.berkeley.edu/download.php<br /> |website=BOINC<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> == Relationship to Einstein@Home ==<br /> [[File:Albert Einstein Head.jpg|thumb|right|250px|[[wikipedia:Albert Einstein|Albert Einstein]], namesake of the [[wikipedia:Albert Einstein Institute|Albert Einstein Institute]].]]Albert@Home operated as a direct pre-production mirror for [[wikipedia:Einstein@Home|Einstein@Home]]. Software and infrastructure changes were commonly tested on Albert@Home before deployment onto Einstein@Home production servers.<br /> <br /> Einstein@Home scientific applications analyze:<br /> <br /> * Data from the [[wikipedia:LIGO|LIGO]] and [[wikipedia:Virgo interferometer|Virgo]] gravitational-wave observatories.<br /> * Radio pulsar survey data from the [[wikipedia:Arecibo Observatory|Arecibo Observatory]] and [[wikipedia:Parkes Observatory|Parkes Observatory]].<br /> * Gamma-ray observations from the [[wikipedia:Fermi Gamma-ray Space Telescope|Fermi Gamma-ray Space Telescope]].&lt;ref&gt;{{Cite web<br /> |title=Scientific results<br /> |url=https://einsteinathome.org/science<br /> |website=Einstein@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Experimental application builds were validated on Albert@Home before being distributed to the significantly larger Einstein@Home volunteer network.<br /> <br /> == Scientific and technical importance ==<br /> Although Albert@Home itself did not publish independent scientific discoveries, its testing infrastructure contributed indirectly to the stability and performance of Einstein@Home scientific applications.<br /> <br /> Research supported through Einstein@Home computing infrastructure has included:<br /> <br /> * Searches for continuous gravitational waves from supernova remnants such as Cassiopeia A and Vela Jr.&lt;ref&gt;{{Cite journal<br /> |last1=Ming<br /> |first1=J.<br /> |last2=Papa<br /> |first2=M. A.<br /> |title=Deep Einstein@Home search for continuous gravitational waves from Cassiopeia A and Vela Jr.<br /> |journal=The Astrophysical Journal<br /> |year=2024<br /> }}&lt;/ref&gt;<br /> <br /> * Radio pulsar searches using data from the Arecibo PALFA survey.&lt;ref&gt;{{Cite journal<br /> |last1=Allen<br /> |first1=B.<br /> |title=The Einstein@Home search for radio pulsars in Arecibo PALFA Survey data<br /> |journal=The Astrophysical Journal<br /> |year=2013<br /> }}&lt;/ref&gt;<br /> <br /> The project also served as an example of large-scale volunteer computing quality assurance and distributed infrastructure testing within the BOINC ecosystem.<br /> <br /> == Project team and sponsors ==<br /> [[File:LIGO Hanford aerial 05.jpg|thumb|300px|The [[wikipedia:LIGO|LIGO]] Hanford Observatory, part of the gravitational-wave research infrastructure supported by Einstein@Home.]]The project was operated by staff and researchers associated with the [[wikipedia:Max Planck Institute for Gravitational Physics|Max Planck Institute for Gravitational Physics (Albert Einstein Institute)]].&lt;ref&gt;{{Cite web<br /> |title=Albert Einstein Institute<br /> |url=https://www.aei.mpg.de/<br /> |website=Max Planck Society<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Additional institutional support was provided by:<br /> <br /> * The Max Planck Society.<br /> * [[wikipedia:University of Wisconsin–Milwaukee|The University of Wisconsin–Milwaukee]].<br /> * The National Science Foundation (NSF).<br /> <br /> == Completion ==<br /> On September 25, 2024, Albert@Home was permanently decommissioned. Public project services, including scheduler daemons, statistics exports, and discussion forums, were subsequently taken offline.&lt;ref&gt;{{Cite web<br /> |title=Albert@Home<br /> |url=https://albertathome.org/<br /> |website=Albert@Home<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> The project remains notable within the BOINC community as a long-running public beta-testing environment for distributed computing infrastructure.<br /> <br /> == Contributing ==<br /> During active operation, volunteers connected to the project through the BOINC client software using the following project URL:<br /> <br /> &lt;code&gt;https://albertathome.org&lt;/code&gt;<br /> <br /> Participants frequently enabled advanced BOINC debugging flags such as &lt;code&gt;&amp;lt;work_fetch_debug&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;app_version_debug&amp;gt;&lt;/code&gt; inside the local &lt;code&gt;cc_config.xml&lt;/code&gt; configuration file to help developers diagnose scheduler and application issues.<br /> <br /> == See also ==<br /> * [[wikipedia:Einstein@Home|Einstein@Home]]<br /> * [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]]<br /> * [[wikipedia:Volunteer computing|Volunteer computing]]<br /> * [[wikipedia:Distributed computing|Distributed computing]]<br /> * [[wikipedia:Max Planck Institute for Gravitational Physics|Max Planck Institute for Gravitational Physics]]<br /> <br /> == External links ==<br /> * [https://albertathome.org Official Albert@Home website]<br /> * [https://einsteinathome.org Official Einstein@Home website]<br /> * [https://boinc.berkeley.edu BOINC official website]<br /> * [https://www.aei.mpg.de/ Max Planck Institute for Gravitational Physics]<br /> <br /> == References ==<br /> &lt;references /&gt;</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Mobile.css&diff=1498 MediaWiki:Mobile.css 2026-06-02T12:07:39Z <p>Admin: mobile white space fix</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — mobile styles (Minerva skin)<br /> MediaWiki:Mobile.css<br /> <br /> Common.css already loads on mobile, so this file only<br /> needs to handle:<br /> 1. Minerva layout corrections<br /> 2. Styles that Vector chrome selectors can't reach<br /> <br /> Dark mode: Minerva handles wiki/image boxes natively,<br /> so we don't repeat those overrides here.<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> /* @import already fires from common.css — no need to repeat */<br /> <br /> /* ── HERO — stack &amp; tighten on narrow screens ───────── */<br /> .bs-hero {<br /> padding: 1.25rem 1rem 1rem;<br /> border-radius: 8px;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 1.4rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 0.95rem;<br /> }<br /> <br /> /* ── STATS RIBBON — single column on very small screens */<br /> @media (max-width: 400px) {<br /> .bs-stat {<br /> min-width: 100%;<br /> }<br /> }<br /> <br /> /* ── STEPS — stack vertically ───────────────────────── */<br /> .bs-step {<br /> min-width: 100%;<br /> }<br /> <br /> /* ── PROJECT TABLE — single column ─────────────────── */<br /> .bs-project-table td {<br /> display: block;<br /> width: 100%;<br /> padding: 0.15rem 0;<br /> }<br /> <br /> /* ── INFOBOX — full-width on mobile ─────────────────── */<br /> table.bs-infobox {<br /> width: 100% !important;<br /> float: none !important;<br /> margin: 0 0 1rem 0 !important;<br /> font-size: 0.9rem;<br /> }<br /> <br /> /* Minerva wraps first section in .mf-section-0 before the infobox */<br /> .mf-section-0 &gt; p:empty,<br /> .mf-section-0 &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mf-section-0 &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ── DARK MODE — mobile (Minerva) ───────────────────── */<br /> /*<br /> Minerva already darkens its own chrome and standard wiki<br /> constructs (image frames, thumbs, wikitables) in dark mode.<br /> <br /> We only need to patch our custom .bs-* components that<br /> Minerva has no knowledge of, and the infobox.<br /> <br /> Do NOT re-declare Vector chrome rules here (#mw-head,<br /> #mw-panel, etc.) — those IDs don't exist in Minerva.<br /> */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* page shell — Minerva uses .mw-body, not #content */<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* ── bs-* components ──────────────────────────── */<br /> <br /> /* hero */<br /> .bs-hero {<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> border-color: var(--bs-purple-200);<br /> }<br /> <br /> /* quote */<br /> .bs-quote {<br /> background: var(--bs-gray-50);<br /> border-left-color: var(--bs-gray-200);<br /> }<br /> <br /> /* definition */<br /> .bs-definition {<br /> background: var(--bs-purple-50);<br /> border-left-color: var(--bs-purple-400);<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> /* CTA box */<br /> .bs-cta {<br /> background: var(--bs-page-bg);<br /> border-color: var(--bs-purple-400);<br /> }<br /> .bs-cta-title { color: var(--bs-purple-800); }<br /> .bs-cta-body { color: var(--bs-text-muted); }<br /> <br /> /* stat cards */<br /> .bs-stat-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-stat-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-stat-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-stat-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* group cards */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); }<br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); }<br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); }<br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); }<br /> <br /> /* step cards */<br /> .bs-step-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-step-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-step-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* footer bar */<br /> .bs-footer-bar {<br /> border-top-color: var(--bs-gray-200);<br /> color: var(--bs-gray-400);<br /> }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> /* Mirrors common.css dark mode block but scoped for Minerva.<br /> Repeating is intentional — Minerva and Vector load different<br /> base stylesheets, so the !important cascade differs. */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> /* ── TOC ────────────────────────────────────────── */<br /> /* Minerva renders its own TOC drawer; this patches the<br /> inline TOC if present (e.g. on desktop-redirected pages) */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1497 MediaWiki:Common.css 2026-06-02T12:05:41Z <p>Admin: mobile white space fix</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Use descendant selector (space, not &gt;) so Minerva's<br /> .mf-section-0 wrapper doesn't break the match */<br /> .mw-parser-output p:empty,<br /> .mw-parser-output p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output br:first-child {<br /> display: none;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=Axiom_Distributed_AI&diff=1496 Axiom Distributed AI 2026-06-02T11:46:30Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = Axiom Distributed AI<br /> | screenshot = Axiom-logo.png<br /> | caption = Logo of the Axiom Distributed AI project<br /> | status = Inactive<br /> | category = Experimental<br /> | compute = CPU and GPU<br /> | dependencies = None<br /> | developer = PyHelix / Axiom Project Team<br /> | released = {{Start date and age|2026|01|23}}<br /> | discontinued = {{Start date and age|2026|03|21}}<br /> | repository = [https://github.com/PyHelix/boinc-Axiom github.com/PyHelix/boinc-Axiom]<br /> | programming language = Python, C++<br /> | operating system = Windows, Linux<br /> | stats as of = {{Start date and age|2026|03|14}}<br /> | average performance = 5398.69 GigaFLOPS<br /> | active users = 65<br /> | total users = 94<br /> | active hosts = 219<br /> | total hosts = 159<br /> | license = Open Source<br /> | website = [https://web.archive.org/web/20260319085629/https://axiom.heliex.net/ Archived website]<br /> }}<br /> <br /> '''Axiom Distributed AI''' was an experimental volunteer distributed computing project built on the [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] platform.&lt;ref&gt;{{Cite web<br /> |title=Axiom Distributed AI (archived)<br /> |url=https://web.archive.org/web/20260319085629/https://axiom.heliex.net/<br /> |website=Internet Archive<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Launched in January 2026, the project explored decentralized and biologically inspired approaches to artificial intelligence training using volunteer CPU and GPU resources contributed by participants worldwide.&lt;ref&gt;{{Cite web<br /> |title=boinc-Axiom<br /> |url=https://github.com/PyHelix/boinc-Axiom<br /> |website=GitHub<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> The platform experimented with distributed neural-network learning techniques influenced by [[wikipedia:Hebbian theory|Hebbian learning]], attempting to determine whether collaborative volunteer computing infrastructure could train predictive AI systems without relying exclusively on centralized datacenters.&lt;ref&gt;{{Cite web<br /> |title=Hebbian theory<br /> |url=https://en.wikipedia.org/wiki/Hebbian_theory<br /> |website=Wikipedia<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Community discussions and archived project materials indicate that Axiom Distributed AI functioned primarily as a short-lived proof-of-concept research experiment before operations concluded in March 2026.&lt;ref&gt;{{Cite web<br /> |title=BOINC forum discussion on Axiom Distributed AI<br /> |url=https://boinc.berkeley.edu/forum_thread.php?id=15694&amp;postid=118571<br /> |website=BOINC<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> Official website: [https://web.archive.org/web/20260319085629/https://axiom.heliex.net/ Archived project website]<br /> <br /> Open-source development repository: [https://github.com/PyHelix/boinc-Axiom GitHub repository]<br /> <br /> == Overview ==<br /> Unlike most modern artificial intelligence systems that depend on centralized datacenters and large GPU clusters, Axiom Distributed AI experimented with decentralized machine learning architectures inspired by biological neural adaptation.<br /> <br /> The project's conceptual framework drew from '''Hebbian learning''', commonly summarized as:<br /> <br /> &lt;blockquote&gt;<br /> &quot;Neurons that fire together wire together.&quot;<br /> &lt;/blockquote&gt;<br /> <br /> Using the BOINC infrastructure, volunteers contributed spare CPU and NVIDIA GPU processing power to collaboratively train a distributed neural system across many independent computers.&lt;ref&gt;{{Cite web<br /> |title=BOINC<br /> |url=https://boinc.berkeley.edu/<br /> |website=University of California, Berkeley<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> The project primarily served as an experimental proof-of-concept intended to explore whether distributed Hebbian-style learning could scale effectively within a volunteer computing environment.<br /> <br /> == Goals ==<br /> The primary objective of Axiom Distributed AI was to investigate whether decentralized learning systems could emerge from large-scale volunteer participation rather than centralized AI infrastructure.<br /> <br /> Research goals included:<br /> <br /> * Distributed neural-network training<br /> * Decentralized artificial intelligence<br /> * Correlation-based learning systems<br /> * Emergent pattern recognition<br /> * Collaborative AI infrastructure<br /> * Alternative machine learning methodologies<br /> <br /> The project also explored whether community-driven AI systems could potentially reduce reliance on expensive centralized datacenters and specialized commercial hardware.<br /> <br /> == Methods ==<br /> Axiom Distributed AI trained experimental neural systems using the spare processing power of volunteer computers connected through BOINC.<br /> <br /> Instead of focusing on large language model (LLM) development, the platform concentrated on lower-level predictive learning techniques including:<br /> <br /> * Bit-level compression analysis<br /> * Sequence prediction<br /> * Correlation discovery within data streams<br /> * Generalized pattern recognition<br /> * Distributed learning aggregation<br /> <br /> === Technical Concepts ===<br /> ==== Not a Large Language Model ====<br /> The project was not designed as a conventional large language model. Instead, the system focused on predictive pattern learning at the bit-stream and correlation level.<br /> <br /> ==== Distributed Learning ====<br /> Training workloads were distributed globally through volunteer BOINC clients. Individual systems processed partial learning tasks that collectively contributed to the broader neural model.<br /> <br /> ==== Correlation-Based Weighting ====<br /> Project documentation suggested that useful data naturally produced stronger correlations with other contributors' results, while random or noisy inputs contributed less significantly to the evolving model.&lt;ref&gt;{{Cite web<br /> |title=boinc-Axiom<br /> |url=https://github.com/PyHelix/boinc-Axiom<br /> |website=GitHub<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> ==== Diversity and Generalization ====<br /> The platform encouraged diverse input sources in an attempt to improve generalization capabilities across multiple forms of data, including text, source code, documents, and structured datasets.<br /> <br /> === AI Principal Investigator Experiment ===<br /> Early project descriptions indicated that Axiom experimented with partially automated workflows in which a large language model acted as a form of automated &quot;Principal Investigator&quot;.&lt;ref&gt;{{Cite web<br /> |title=Linus Tech Tips BOINC discussion<br /> |url=https://linustechtips.com/<br /> |website=Linus Tech Tips<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> According to community discussions, the system attempted to automate portions of experiment design, workload deployment, validation review, and BOINC credit allocation based on the quality of returned computational results.<br /> <br /> == Monitoring Learning Progress ==<br /> The Axiom website provided live monitoring statistics throughout the project's operational period.<br /> <br /> One of the primary metrics tracked was:<br /> <br /> :&lt;center&gt;'''Bit loss'''&lt;/center&gt;<br /> <br /> A declining bit-loss trend was interpreted as evidence that the neural system was identifying meaningful predictive structures rather than memorizing random noise.<br /> <br /> Volunteers could monitor:<br /> <br /> * Learning progress<br /> * Network participation statistics<br /> * Workunit processing activity<br /> * Validation metrics<br /> * Host performance data<br /> <br /> == Contributing Data ==<br /> Participants could optionally contribute local datasets to assist model training by placing files into designated ingestion directories on their local systems.<br /> <br /> === Windows ===<br /> &lt;pre&gt;<br /> %USERPROFILE%\Axiom\contribute\<br /> &lt;/pre&gt;<br /> <br /> === Linux ===<br /> &lt;pre&gt;<br /> /boinc/Axiom/contribute/<br /> &lt;/pre&gt;<br /> <br /> === Supported Contribution Types ===<br /> Supported file categories reportedly included:<br /> <br /> * Documents<br /> * Images<br /> * Source code<br /> * PDFs<br /> * Logs<br /> * Structured datasets<br /> * Experimental data streams<br /> <br /> == Reception and conclusion ==<br /> Axiom Distributed AI attracted attention within portions of the BOINC and technology communities due to its unconventional decentralized AI concepts.<br /> <br /> Discussion threads on the official BOINC forums questioned both the long-term scientific utility and practical scalability of the system.&lt;ref&gt;{{Cite web<br /> |title=BOINC forum discussion on Axiom Distributed AI<br /> |url=https://boinc.berkeley.edu/forum_thread.php?id=15694&amp;postid=118571<br /> |website=BOINC<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> The project was also discussed within community BOINC tracking threads on technology forums such as Linus Tech Tips.&lt;ref&gt;{{Cite web<br /> |title=Linus Tech Tips BOINC discussion<br /> |url=https://linustechtips.com/<br /> |website=Linus Tech Tips<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> No scientific publications associated with Axiom Distributed AI are currently listed within the BOINC Publications Database.&lt;ref&gt;{{Cite web<br /> |title=BOINC Publications<br /> |url=https://boinc.berkeley.edu/pubs.php<br /> |website=BOINC<br /> |access-date=2026-05-20<br /> }}&lt;/ref&gt;<br /> <br /> By March 2026, active work generation and public infrastructure activity had ceased, leaving the project archived as a short-lived experimental volunteer AI initiative.<br /> <br /> == Open-source development ==<br /> Axiom Distributed AI was developed as open-source software. Source code and development repositories remain available on GitHub.<br /> <br /> * [https://github.com/PyHelix/boinc-Axiom boinc-Axiom GitHub repository]<br /> <br /> == Project team ==<br /> The project was associated with:<br /> <br /> * PyHelix<br /> * Axiom Project Team<br /> <br /> == See also ==<br /> * [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]]<br /> * [[wikipedia:Volunteer computing|Volunteer computing]]<br /> * [[wikipedia:Distributed computing|Distributed computing]]<br /> * [[wikipedia:Artificial intelligence|Artificial intelligence]]<br /> * [[wikipedia:Machine learning|Machine learning]]<br /> * [[wikipedia:Hebbian theory|Hebbian learning]]<br /> <br /> == External links ==<br /> * [https://web.archive.org/web/20260319085629/https://axiom.heliex.net/ Archived Axiom Distributed AI website]<br /> * [https://github.com/PyHelix/boinc-Axiom GitHub repository]<br /> * [https://boinc.berkeley.edu/ BOINC official website]<br /> <br /> == References ==<br /> {{Reflist}}</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Mobile.css&diff=1495 MediaWiki:Mobile.css 2026-06-02T11:43:23Z <p>Admin: first light</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — mobile styles (Minerva skin)<br /> MediaWiki:Mobile.css<br /> <br /> Common.css already loads on mobile, so this file only<br /> needs to handle:<br /> 1. Minerva layout corrections<br /> 2. Styles that Vector chrome selectors can't reach<br /> <br /> Dark mode: Minerva handles wiki/image boxes natively,<br /> so we don't repeat those overrides here.<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> /* @import already fires from common.css — no need to repeat */<br /> <br /> /* ── HERO — stack &amp; tighten on narrow screens ───────── */<br /> .bs-hero {<br /> padding: 1.25rem 1rem 1rem;<br /> border-radius: 8px;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 1.4rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 0.95rem;<br /> }<br /> <br /> /* ── STATS RIBBON — single column on very small screens */<br /> @media (max-width: 400px) {<br /> .bs-stat {<br /> min-width: 100%;<br /> }<br /> }<br /> <br /> /* ── STEPS — stack vertically ───────────────────────── */<br /> .bs-step {<br /> min-width: 100%;<br /> }<br /> <br /> /* ── PROJECT TABLE — single column ─────────────────── */<br /> .bs-project-table td {<br /> display: block;<br /> width: 100%;<br /> padding: 0.15rem 0;<br /> }<br /> <br /> /* ── INFOBOX — full-width on mobile ─────────────────── */<br /> table.bs-infobox {<br /> width: 100% !important;<br /> float: none !important;<br /> margin: 0 0 1rem 0 !important;<br /> font-size: 0.9rem;<br /> }<br /> <br /> /* ── DARK MODE — mobile (Minerva) ───────────────────── */<br /> /*<br /> Minerva already darkens its own chrome and standard wiki<br /> constructs (image frames, thumbs, wikitables) in dark mode.<br /> <br /> We only need to patch our custom .bs-* components that<br /> Minerva has no knowledge of, and the infobox.<br /> <br /> Do NOT re-declare Vector chrome rules here (#mw-head,<br /> #mw-panel, etc.) — those IDs don't exist in Minerva.<br /> */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* page shell — Minerva uses .mw-body, not #content */<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* ── bs-* components ──────────────────────────── */<br /> <br /> /* hero */<br /> .bs-hero {<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> border-color: var(--bs-purple-200);<br /> }<br /> <br /> /* quote */<br /> .bs-quote {<br /> background: var(--bs-gray-50);<br /> border-left-color: var(--bs-gray-200);<br /> }<br /> <br /> /* definition */<br /> .bs-definition {<br /> background: var(--bs-purple-50);<br /> border-left-color: var(--bs-purple-400);<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> /* CTA box */<br /> .bs-cta {<br /> background: var(--bs-page-bg);<br /> border-color: var(--bs-purple-400);<br /> }<br /> .bs-cta-title { color: var(--bs-purple-800); }<br /> .bs-cta-body { color: var(--bs-text-muted); }<br /> <br /> /* stat cards */<br /> .bs-stat-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-stat-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-stat-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-stat-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* group cards */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); }<br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); }<br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); }<br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); }<br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); }<br /> <br /> /* step cards */<br /> .bs-step-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); }<br /> .bs-step-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); }<br /> .bs-step-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); }<br /> <br /> /* footer bar */<br /> .bs-footer-bar {<br /> border-top-color: var(--bs-gray-200);<br /> color: var(--bs-gray-400);<br /> }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> /* Mirrors common.css dark mode block but scoped for Minerva.<br /> Repeating is intentional — Minerva and Vector load different<br /> base stylesheets, so the !important cascade differs. */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> /* ── TOC ────────────────────────────────────────── */<br /> /* Minerva renders its own TOC drawer; this patches the<br /> inline TOC if present (e.g. on desktop-redirected pages) */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1494 MediaWiki:Common.css 2026-06-02T11:42:32Z <p>Admin: update INFOBOX — suppress phantom leading paragraphs to include mobile view</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* Broad selector covers both Vector (#mw-content-text) and Minerva (.mw-body-content) */<br /> .mw-parser-output &gt; p:empty,<br /> .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .mw-parser-output &gt; br:first-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=NumberFields@Home&diff=1473 NumberFields@Home 2026-05-30T11:35:40Z <p>Admin: update and infobox</p> <hr /> <div>{{Infobox software<br /> | name = NumberFields@Home<br /> | logo = NumberFields logo.png<br /> | logo caption = NumberFields@Home logo<br /> | status = Active<br /> | category = Mathematics / Algebraic Number Theory<br /> | compute = CPU &amp; GPU<br /> | dependencies = None<br /> <br /> | developer = Eric D. Driver<br /> | author = Eric D. Driver<br /> | sponsor = Arizona State University School of Mathematics<br /> | maintainer = Eric D. Driver, Greg Tucker<br /> | released = August 2011<br /> <br /> | programming language = C, C++ (PARI/GP, GMP)<br /> | operating system = Windows, Linux, macOS (x86)<br /> <br /> | stats as of = May 2026<br /> | average performance = ~47,566 GigaFLOPS<br /> | website = {{URL|https://numberfields.asu.edu/NumberFields/}}<br /> }}<br /> <br /> BOINC project [https://numberfields.asu.edu/NumberFields/ '''''NumberFields@Home'''''] is a '''''[[wikipedia:Volunteer computing|volunteer distributed computing]]''''' project that needs your help to search for fields with special properties.<br /> <br /> [[Image:Algebraicszoom.png|right|thumb|300px|A visualisation of the [[wikipedia:Algebraic_number|algebraic numbers]] in the [[wikipedia:Complex_plane|complex plane]]. Number fields are algebraic extensions of the rationals whose elements lie among these points.]]<br /> <br /> == Background ==<br /> <br /> Fields are important mathematical constructs with far-reaching applications across many branches of mathematics. Most people are familiar with everyday examples such as the field of [[wikipedia:Rational_number|rational numbers]] &lt;math&gt;\mathbb{Q}&lt;/math&gt;, the [[wikipedia:Real_number|real numbers]] &lt;math&gt;\mathbb{R}&lt;/math&gt;, and the [[wikipedia:Complex_number|complex numbers]] &lt;math&gt;\mathbb{C}&lt;/math&gt;. The fields studied by NumberFields@Home are '''[[wikipedia:Algebraic_number_field|number fields]]''': algebraic extension fields of the rationals of finite degree. More precisely, a number field is a subset of &lt;math&gt;\mathbb{C}&lt;/math&gt; which contains the root &lt;math&gt;\alpha&lt;/math&gt; of a given polynomial and is minimal while remaining closed under addition, subtraction, multiplication, and division (excepting division by zero).{{cite web |title=What is NumberFields@home? |url=https://numberfields.asu.edu/NumberFields/ |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> Formally, every number field &lt;math&gt;K&lt;/math&gt; of degree &lt;math&gt;n&lt;/math&gt; over &lt;math&gt;\mathbb{Q}&lt;/math&gt; may be written as<br /> <br /> :&lt;math&gt;K = \mathbb{Q}(\alpha)&lt;/math&gt;<br /> <br /> where &lt;math&gt;\alpha&lt;/math&gt; is a root of some irreducible polynomial of degree &lt;math&gt;n&lt;/math&gt; with rational coefficients.{{cite web |title=Algebraic number field |url=https://en.wikipedia.org/wiki/Algebraic_number_field |publisher=Wikipedia |access-date=2026-05-29}} The project is principally interested in '''imprimitive degree-10 fields''' (called '''decic fields'''), which correspond to certain degree-10 polynomials. An imprimitive field is one that contains a proper intermediate subfield strictly between &lt;math&gt;\mathbb{Q}&lt;/math&gt; and itself, as opposed to primitive fields whose Galois closure has an irreducible Galois group.<br /> <br /> Number theorists can mine tabulated data for patterns to help formulate conjectures about number fields, leading to a deeper understanding of the properties of numbers, the basic building blocks of all mathematics. Among the practical applications are [[wikipedia:Cryptography|'''''cryptography''''']], where number fields underpin sophisticated factoring algorithms and novel cryptosystems, and theoretical physics including [[wikipedia:Quantum_mechanics|'''''quantum mechanics''''']] and [[wikipedia:String_theory|'''''string theory''''']].{{cite web |title=NumberFields@home project description |url=https://numberfields.asu.edu/NumberFields/ProjectDescription.html |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> == History ==<br /> <br /> The project was founded by '''Eric D. Driver''', a researcher associated with the [https://math.asu.edu/ School of Mathematics] at '''[[wikipedia:Arizona_State_University|Arizona State University]]''' (ASU). Driver recognised that computing lower-degree number fields requires comparatively modest resources and that such fields had already been extensively tabulated, but the degree-10 case was the first case demanding a massively parallel computational solution. After reading an [https://www.linux-magazine.com/Issues/2006/71/BOINC/ article in ''Linux Magazine''] about BOINC and knowing the mathematics department had access to a suitable workstation, he launched NumberFields@Home to meet the computational demand.{{cite web |title=NumberFields@home -- Methods |url=https://numberfields.asu.edu/NumberFields/ProjectDescription.html |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> The project went online in '''August 2011'''. In an early forum post, Driver noted that the project had been under construction and work-generation processes still needed automation -- yet the response from the distributed computing community was enthusiastic enough to quickly exhaust the initial work queue.{{cite web |title=NumberFields@home still under construction |url=https://numberfields.asu.edu/NumberFields/forum_thread.php?id=1 |publisher=numberfields.asu.edu |date=8 August 2011 |access-date=2026-05-29}}<br /> <br /> A significant milestone arrived in '''May 2016''', when the primary &quot;bounded&quot; application completed its multi-year search and found all imprimitive degree-10 fields with absolute discriminant less than or equal to &lt;math&gt;1.2 \times 10^{11}&lt;/math&gt;. In '''July 2016''', a focused special search located a particularly elusive hypothesised field: an &lt;math&gt;A_5&lt;/math&gt; extension of &lt;math&gt;\mathbb{Q}(\sqrt{421})&lt;/math&gt; ramified only at 2, after roughly ten months of intermittent searching.{{cite web |title=2016 year in review |url=https://numberfields.asu.edu/NumberFields/forum_thread.php?id=310 |publisher=numberfields.asu.edu |date=14 January 2017 |access-date=2026-05-29}}<br /> <br /> In '''August 2022''', Driver shared news that his doctoral thesis advisor -- the project's primary institutional benefactor at ASU -- had retired. While the university permitted the project to continue running, it would no longer fund hardware upgrades, meaning the project's lifespan is now tied to the longevity of the existing server hardware.{{cite web |title=Future of the Project |url=https://numberfields.asu.edu/NumberFields/forum_thread.php?id=520 |publisher=numberfields.asu.edu |date=10 August 2022 |access-date=2026-05-29}} As of 2026, NumberFields@Home remains active, collaborating with the '''[[wikipedia:BOINC|BOINC]]'''-based [https://gerasim.boinc.ru/ Gerasim@Home] project to cross-check and complete certain sub-searches.{{cite web |title=2025 Year End Summary |url=https://numberfields.asu.edu/NumberFields |publisher=numberfields.asu.edu |date=1 January 2026 |access-date=2026-05-29}}<br /> <br /> == Why NumberFields@Home? ==<br /> <br /> Fields are important mathematical constructs that have far-reaching applications to many branches of mathematics. Many people are familiar with the fields of rational numbers, real numbers, and complex numbers. The fields we are concerned with in this project are number fields: subsets of the complex numbers which contain the root of a given polynomial and are minimal for then being closed under addition, subtraction, multiplication, and division (except for division by 0). In particular, we are interested in imprimitive degree 10 fields (called decic fields), which correspond to certain degree 10 polynomials.<br /> <br /> Number theorists can mine the data for interesting patterns to help them formulate conjectures about number fields. Ultimately, this research will lead to a deeper understanding of the properties of numbers, the basic building blocks of all mathematics. Another application of number fields is in [[wikipedia:Cryptography|'''''cryptography''''']], where they are used in sophisticated factoring algorithms and as the basis for new cryptosystems. There are also distant applications to mathematical physics, including [[wikipedia:Quantum_mechanics|'''''quantum mechanics''''']] and [[wikipedia:String_theory|'''''string theory''''']].<br /> <br /> == Goals ==<br /> <br /> One way to categorise fields is by the primes that ''ramify'' in them. For a given set of primes, the number of fields ramified at those primes is finite (a classical theorem of [[wikipedia:Charles_Hermite|Hermite]]). The primary goal of the project is to find this finite set of fields for various sets of primes. Since the number of combinations of primes is unlimited, the project will remain open-ended for the foreseeable future.<br /> <br /> Another way to categorise fields is by their '''[[wikipedia:Discriminant_of_an_algebraic_number_field|discriminant]]''', which is an important invariant. Given a fixed bound &lt;math&gt;B&lt;/math&gt;, there are only finitely many fields whose absolute discriminant does not exceed &lt;math&gt;B&lt;/math&gt;. A secondary goal of the project is to determine the finite set of &quot;minimum discriminant&quot; imprimitive decic fields for the bound<br /> <br /> :&lt;math&gt;B = 1.2 \times 10^{11}&lt;/math&gt;<br /> <br /> This bound was chosen for its potential to find more fields while keeping the computational load manageable.{{cite web |title=NumberFields@home project description |url=https://numberfields.asu.edu/NumberFields/ProjectDescription.html |publisher=Arizona State University |access-date=2026-05-29}} That search was completed in May 2016.{{cite web |title=2016 year in review |url=https://numberfields.asu.edu/NumberFields/forum_thread.php?id=310 |publisher=numberfields.asu.edu |date=14 January 2017 |access-date=2026-05-29}}<br /> <br /> [[Image:Polynomialdeg3.png|right|thumb|250px|The graph of a degree-3 polynomial. NumberFields@Home searches over polynomials of degree 10 whose roots generate number fields with prescribed properties.]]<br /> <br /> == Methods ==<br /> <br /> Computing lower-degree fields requires less processing power and such fields have been more extensively tabulated; the degree-10 case is the first case requiring a massively parallel solution. Finite extension fields are represented by polynomials -- that is, they are of the form &lt;math&gt;\mathbb{Q}(\alpha)&lt;/math&gt;, where &lt;math&gt;\alpha&lt;/math&gt; is the root of a polynomial. Bounds on the field discriminant give rise to bounds on the polynomial coefficients, so there are a finite number of possible polynomials that can represent the fields being searched for.<br /> <br /> At the most basic level, the NumberFields@Home algorithm searches over this finite set of polynomials, checking whether or not a given polynomial can represent a field with the desired discriminant and ramification properties. At a finer level, the algorithm uses theoretical arguments to reduce the polynomial search space. In addition, the targeted ramification structure gives rise to congruence relations on the polynomial coefficients, which further reduces the search space. Anybody interested in the finer details of the algorithm is encouraged to look through [https://numberfields.asu.edu/NumberFields/Dissertation.pdf Eric D. Driver's doctoral dissertation].{{cite web |title=Eric D. Driver's dissertation |url=https://numberfields.asu.edu/NumberFields/Dissertation.pdf |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> === Software stack ===<br /> <br /> The application relies on two key open-source libraries:{{cite web |title=GPU app status update |url=https://tsbt.co.uk/forum/viewtopic.php?t=12560 |publisher=The Scottish BOINC Team |access-date=2026-05-29}}<br /> <br /> * '''[[wikipedia:PARI/GP|PARI/GP]]''' -- a computer algebra system widely used in number theory, providing polynomial arithmetic and discriminant computations.<br /> * '''[[wikipedia:GNU_Multiple_Precision_Arithmetic_Library|GMP]]''' (GNU Multiple Precision Arithmetic Library) -- multi-precision integer arithmetic, necessary because the integers involved can exceed standard 64-bit representation.<br /> <br /> A significant technical challenge arose during GPU application development: both PARI/GP and GMP rely on dynamically allocated memory, which is incompatible with GPU kernels. Driver solved this by using a fixed-precision multi-precision library with precision hard-coded to the maximum required (approximately 750 bits), allowing compilation of a working GPU kernel.{{cite web |title=GPU app status update (The Scottish BOINC Team) |url=https://tsbt.co.uk/forum/viewtopic.php?t=12560 |publisher=tsbt.co.uk |access-date=2026-05-29}}<br /> <br /> === Application versions ===<br /> <br /> The project currently distributes its '''Get Decic Fields''' application in multiple variants targeting different hardware:{{cite web |title=NumberFields@home Applications |url=https://numberfields.asu.edu/NumberFields/apps.php |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Platform !! Variant !! Notes<br /> |-<br /> | Windows x86-64 || Default (CPU) v4.00 || ~20,622 GigaFLOPS average<br /> |-<br /> | Windows x86-64 || OpenCL AMD || GPU variant<br /> |-<br /> | Windows x86-64 || OpenCL NVIDIA || GPU variant<br /> |-<br /> | Linux x86-64 || Default (CPU) v4.00 || ~8,860 GigaFLOPS average<br /> |-<br /> | Linux x86-64 || CUDA || NVIDIA GPU variant<br /> |-<br /> | Linux x86-64 || OpenCL AMD || AMD GPU variant<br /> |-<br /> | macOS (Intel) || Default (CPU) v3.00 || ~887 GigaFLOPS average<br /> |}<br /> <br /> The GPU application is reported to be roughly 20 to 30 times faster than the older CPU version, and 2 to 3 times faster than a newer optimised CPU version released alongside the GPU work.{{cite web |title=GPU app status update |url=https://tsbt.co.uk/forum/viewtopic.php?t=12560 |publisher=The Scottish BOINC Team |access-date=2026-05-29}} The combined average computing across all platforms is approximately '''47,566 GigaFLOPS'''.{{cite web |title=NumberFields@home Applications |url=https://numberfields.asu.edu/NumberFields/apps.php |publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> === Results database ===<br /> <br /> The results of NumberFields@Home contribute to an online searchable number field database maintained jointly by John W. Jones and David P. Roberts at ASU. Tabulated results are also integrated into the '''[[wikipedia:L-functions_and_Modular_Forms_Database|LMFDB]]''' (L-functions and Modular Forms Database).{{cite web |title=NumberFields@home |url=https://numberfields.asu.edu/NumberFields/ |publisher=Arizona State University |access-date=2026-05-29}}{{cite journal |last1=Jones |first1=John W. |last2=Roberts |first2=David P. |title=A database of number fields |journal=LMS Journal of Computation and Mathematics |year=2014 |volume=17 |pages=595--618 |doi=10.1112/S1461157014000424}}<br /> <br /> == Research areas ==<br /> <br /> The project as a whole is basic research -- in effect, charting unknown mathematical territory. The following sections describe the broader research contexts to which the tabulated data contributes.<br /> <br /> ==== Automorphic Forms ====<br /> <br /> Number fields are related to [[wikipedia:Automorphic_form|'''''automorphic forms''''']], which form one side of the '''[[wikipedia:Langlands_program|Langlands program]]''' -- a vast web of conjectures connecting number theory and representation theory. '''[https://www.quantamagazine.org/what-is-the-langlands-program-20220601/ Explanations for the Langlands program]'''. ('''[https://youtu.be/_bJeKUosqoY See video: The Biggest Project in Modern Mathematics]''')<br /> <br /> [[Image:Dedekind Eta.jpg|none|thumb|500px|The [[wikipedia:Dedekind_eta_function|'''''Dedekind eta-function''''']] is an automorphic form in the complex plane.]]<br /> <br /> There are deep connections between automorphic forms and number fields: knowing an automorphic form gives information about the ramifying primes of the corresponding number fields.<br /> <br /> ==== Cryptography ====<br /> <br /> Number fields are used in some modern factoring algorithms relevant to attacks on [[wikipedia:RSA_(cryptosystem)|RSA]]. Other researchers have investigated using properties of number fields as the basis for new cryptosystems. It is not clear which number fields will prove most useful in this research, but the more we know about the general landscape of number fields, the better.<br /> <br /> ==== Arithmetic Statistics ====<br /> <br /> There has been both progress and new conjectures in recent years on asymptotic questions about number fields. If one fixes the degree &lt;math&gt;n&lt;/math&gt; and a bound &lt;math&gt;B&lt;/math&gt;, there are finitely many degree-&lt;math&gt;n&lt;/math&gt; number fields with absolute discriminant at most &lt;math&gt;B&lt;/math&gt;. One can then ask how this count grows as a function of &lt;math&gt;B&lt;/math&gt;.<br /> <br /> Researchers have also been factoring the [[wikipedia:Galois_group|Galois group]] of the extension into consideration. At present, there is very little data in degree 10, and imprimitive fields produce a large number of different Galois groups.<br /> <br /> One can also ask about asymptotics based on the set of ramifying primes. There is even less data currently available for investigating questions of this sort. Before one can seriously consider asymptotics, it is useful to know where the first examples lie. NumberFields@Home has helped establish the first known examples of imprimitive decic number fields with certain Galois groups. One can also consider &quot;first examples&quot; from the perspective of the '''Galois root discriminant (GRD)''' of the field. Some [http://hobbes.la.asu.edu/lowgrd/ results for low GRD fields can be found here].<br /> <br /> ==== Theoretical Physics ====<br /> <br /> The fields studied by this project have connections to the [[wikipedia:P-adic_number|p-adic fields]]. In recent years, p-adic analysis has been applied to problems in theoretical physics, including quantum mechanics and string theory. [[wikipedia:P-adic_quantum_mechanics|Here is a good introduction]] to the relevant concepts. It is too early to tell exactly how beneficial the tables of fields will be to the physics community.<br /> <br /> == Project team / Sponsors ==<br /> <br /> * '''Eric D. Driver''' -- Project founder, administrator, developer, and scientist. [https://math.asu.edu/ School of Mathematics] at Arizona State University.<br /> * '''Greg Tucker''' -- assists Driver with the project and its applications.{{cite web |title=NumberFields@home user profiles |url=https://numberfields.asu.edu/NumberFields/user_profile/profile_country_United_States_1.html |publisher=numberfields.asu.edu |access-date=2026-05-29}}<br /> <br /> The project is based at and was sponsored by the ASU School of Mathematics. Following the retirement of Driver's thesis advisor in May 2022, the primary institutional sponsorship ended, though ASU has permitted the project to continue on existing hardware.{{cite web |title=Future of the Project |url=https://numberfields.asu.edu/NumberFields/forum_thread.php?id=520 |publisher=numberfields.asu.edu |date=10 August 2022 |access-date=2026-05-29}}<br /> <br /> == Scientific results ==<br /> <br /> * Complete tables of imprimitive decic number fields with absolute discriminant &lt;math&gt;\le 1.2 \times 10^{11}&lt;/math&gt; (completed May 2016).<br /> * First known examples of imprimitive decic fields for numerous Galois group types.<br /> * Tables of low Galois root discriminant (GRD) imprimitive decic fields: [http://hobbes.la.asu.edu/lowgrd/ results for low GRD fields].<br /> * Full results in table form: '''''https://numberfields.asu.edu/NumberFields/FieldTables/FieldTables.html'''''<br /> * Searchable database integration with the LMFDB: [http://www.lmfdb.org/NumberField/ www.lmfdb.org/NumberField/]<br /> <br /> == Scientific publications ==<br /> <br /> # Driver, Eric D. and John W. Jones. [https://linkinghub.elsevier.com/retrieve/pii/S0022314X19300988 '''''Computing septic number fields''''']. ''Journal of Number Theory'' (2019). DOI: 10.1016/j.jnt.2019.02.022.<br /> # Driver, Eric D. and John W. Jones. [http://www.tandfonline.com/doi/abs/10.1080/10586458.2010.10390637 '''''Minimum Discriminants of Imprimitive Decic Fields''''']. ''Experimental Mathematics'' (2010). DOI: 10.1080/10586458.2010.10390637.<br /> # Driver, Eric D. and John W. Jones. [https://ui.adsabs.harvard.edu/abs/2009MaCom..78.1109D '''''A targeted Martinet search''''']. ''Mathematics of Computation'' (2009). DOI: 10.1090/S0025-5718-08-02178-9.<br /> # Jones, John W. and David P. Roberts. [https://doi.org/10.1112/S1461157014000424 '''''A database of number fields''''']. ''LMS Journal of Computation and Mathematics'' 17 (2014), pp. 595--618. DOI: 10.1112/S1461157014000424.<br /> <br /> == See also ==<br /> <br /> * [[wikipedia:Berkeley_Open_Infrastructure_for_Network_Computing|Berkeley Open Infrastructure for Network Computing (BOINC)]]<br /> * [[wikipedia:Algebraic_number_field|Algebraic number field]]<br /> * [[wikipedia:Discriminant_of_an_algebraic_number_field|Discriminant of an algebraic number field]]<br /> * [[wikipedia:Langlands_program|Langlands program]]<br /> * [[wikipedia:Volunteer_computing|Volunteer computing]]<br /> <br /> == References ==<br /> <br /> {{Reflist}}<br /> <br /> == External links ==<br /> <br /> * [https://numberfields.asu.edu/NumberFields/ NumberFields@Home official website]<br /> * [http://hobbes.la.asu.edu/NFDB/ ASU Number Fields Database]<br /> * [http://www.lmfdb.org/NumberField/ LMFDB Number Fields search]<br /> * [https://numberfields.asu.edu/NumberFields/Dissertation.pdf Eric D. Driver's doctoral dissertation (PDF)]<br /> * [http://hobbes.la.asu.edu/lowgrd/ Low Galois root discriminant results]<br /> * [https://pari.math.u-bordeaux.fr/Events/PARI2016/talks/NumberFields_PARIworkshop.pdf Eric D. Driver -- A Number Fields Database (PARI workshop slides, 2016)]</div> Admin https://boincsynergy.ca/wiki/index.php?title=NumberFields@Home&diff=1471 NumberFields@Home 2026-05-30T11:21:49Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = NumberFields@home<br /> | logo = Nf.jpg<br /> | logo caption = NumberFields@home logo<br /> | status = Active<br /> | category = Mathematics / Algebraic Number Theory<br /> | compute = CPU &amp;amp; GPU<br /> | dependencies = None<br /> <br /> | developer = Eric D. Driver<br /> | author = Eric D. Driver<br /> | sponsor = Arizona State University School of Mathematics<br /> | maintainer = Eric D. Driver, Greg Tucker<br /> | released = August 2011<br /> <br /> | programming language = C, C++ (PARI/GP, GMP)<br /> | operating system = Windows, Linux, macOS (x86)<br /> <br /> | stats as of = May 2026<br /> | average performance = ~47,566 GigaFLOPS<br /> | website = numberfields.asu.edu/NumberFields/<br /> }}<br /> <br /> BOINC project '''''[https://numberfields.asu.edu/NumberFields/ NumberFields@home]''''' is a '''''[[wikipedia:Volunteer computing|volunteer distributed computing]]''''' project that needs your help to search for fields with special properties.<br /> <br /> [[Image:Algebraicszoom.png|right|thumb|300px|A visualisation of the [[wikipedia:Algebraic_number|algebraic numbers]] in the [[wikipedia:Complex_plane|complex plane]]. Number fields are algebraic extensions of the rationals whose elements lie among these points.]]<br /> <br /> == Background ==<br /> <br /> Fields are important mathematical constructs with far-reaching applications across many branches of mathematics. Most people are familiar with everyday examples such as the field of [[wikipedia:Rational_number|rational numbers]] &lt;math&gt;\mathbf{Q}&lt;/math&gt;, the [[wikipedia:Real_number|real numbers]] &lt;math&gt;\mathbf{R}&lt;/math&gt;, and the [[wikipedia:Complex_number|complex numbers]] &lt;math&gt;\mathbf{C}&lt;/math&gt;. The fields studied by NumberFields@home are '''[[wikipedia:Algebraic_number_field|number fields]]''': algebraic extension fields of the rationals of finite degree. More precisely, a number field is a subset of &lt;math&gt;\mathbf{C}&lt;/math&gt; which contains the root &lt;math&gt;\alpha&lt;/math&gt; of a given polynomial and is minimal while remaining closed under addition, subtraction, multiplication, and division (excepting division by zero).{{cite web |title=What is NumberFields@home?|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> Formally, every number field &lt;math&gt;K&lt;/math&gt; of degree &lt;math&gt;n&lt;/math&gt; over &lt;math&gt;\mathbf{Q}&lt;/math&gt; may be written as<br /> <br /> <br /> &lt;math&gt;K = \mathbf{Q}(\alpha)&lt;/math&gt;<br /> <br /> where &lt;math&gt;\alpha&lt;/math&gt; is a root of some irreducible polynomial of degree &lt;math&gt;n&lt;/math&gt; with rational coefficients.{{cite web |title=Algebraic number field|publisher=Wikipedia |access-date=2026-05-29}} The project is principally interested in '''imprimitive degree-10 fields''' (called '''decic fields'''), which correspond to certain degree-10 polynomials. An imprimitive field is one that contains a proper intermediate subfield strictly between &lt;math&gt;\mathbf{Q}&lt;/math&gt; and itself, as opposed to primitive fields whose Galois closure has an irreducible Galois group.<br /> <br /> Number theorists can mine tabulated data for patterns to help formulate conjectures about number fields, leading to a deeper understanding of the properties of numbers, the basic building blocks of all mathematics. Among the practical applications are [[wikipedia:Cryptography|'''''cryptography''''']], where number fields underpin sophisticated factoring algorithms and novel cryptosystems, and theoretical physics including [[wikipedia:Quantum_mechanics|'''''quantum mechanics''''']] and [[wikipedia:String_theory|'''''string theory''''']].{{cite web |title=NumberFields@home project description|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> == History ==<br /> <br /> The project was founded by '''Eric D. Driver''', a researcher associated with the School of Mathematics at '''[[wikipedia:Arizona_State_University|Arizona State University]]''' (ASU). Driver recognised that computing lower-degree number fields requires comparatively modest resources and that such fields had already been extensively tabulated, but the degree-10 case was the first case demanding a massively parallel computational solution. After reading an article in ''Linux Magazine'' about BOINC and knowing the mathematics department had access to a suitable workstation, he launched NumberFields@home to meet the computational demand.{{cite web |title=NumberFields@home - Methods|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> The project went online in '''August 2011'''. In an early forum post, Driver noted that the project had been under construction and work-generation processes still needed automation - yet the response from the distributed computing community was enthusiastic enough to quickly exhaust the initial work queue.{{cite web |title=NumberFields@home still under construction|publisher=numberfields.asu.edu |date=8 August 2011 |access-date=2026-05-29}}<br /> <br /> A significant milestone arrived in '''May 2016''', when the primary ''bounded'' application completed its multi-year search and found all imprimitive degree-10 fields with absolute discriminant less than or equal to &lt;math&gt;1.2 \times 10^{11}&lt;/math&gt;. In '''July 2016''', a focused special search located a particularly elusive hypothesised field: an &lt;math&gt;A_5&lt;/math&gt; extension of &lt;math&gt;\mathbf{Q}(\sqrt{421})&lt;/math&gt; ramified only at 2, after roughly ten months of intermittent searching.{{cite web |title=2016 year in review|publisher=numberfields.asu.edu |date=14 January 2017 |access-date=2026-05-29}}<br /> <br /> In '''August 2022''', Driver shared news that his doctoral thesis advisor - the project's primary institutional benefactor at ASU - had retired. While the university permitted the project to continue running, it would no longer fund hardware upgrades, meaning the project's lifespan is now tied to the longevity of the existing server hardware.{{cite web |title=Future of the Project|publisher=numberfields.asu.edu |date=10 August 2022 |access-date=2026-05-29}} As of 2026, NumberFields@home remains active, collaborating with the '''[[wikipedia:BOINC|BOINC]]'''-based Gerasim@Home project to cross-check and complete certain sub-searches.{{cite web |title=2025 Year End Summary|publisher=numberfields.asu.edu |date=1 January 2026 |access-date=2026-05-29}}<br /> <br /> == Why NumberFields@home? ==<br /> <br /> Fields are important mathematical constructs that have far-reaching applications to many branches of mathematics. Many people are familiar with the fields of rational numbers, real numbers, and complex numbers. The fields we are concerned with in this project are number fields: subsets of the complex numbers which contain the root of a given polynomial and are minimal for then being closed under addition, subtraction, multiplication, and division (except for division by 0). In particular, we are interested in imprimitive degree 10 fields (called decic fields), which correspond to certain degree 10 polynomials.<br /> <br /> Number theorists can mine the data for interesting patterns to help them formulate conjectures about number fields. Ultimately, this research will lead to a deeper understanding of the properties of numbers, the basic building blocks of all mathematics. Another application of number fields is in [[wikipedia:Cryptography|'''''cryptography''''']], where they are used in sophisticated factoring algorithms and as the basis for new cryptosystems. There are also distant applications to mathematical physics, including [[wikipedia:Quantum_mechanics|'''''quantum mechanics''''']] and [[wikipedia:String_theory|'''''string theory''''']].<br /> <br /> == Goals ==<br /> <br /> One way to categorise fields is by the primes that ''ramify'' in them. For a given set of primes, the number of fields ramified at those primes is finite (a classical theorem of [[wikipedia:Charles_Hermite|Hermite]]). The primary goal of the project is to find this finite set of fields for various sets of primes. Since the number of combinations of primes is unlimited, the project will remain open-ended for the foreseeable future.<br /> <br /> Another way to categorise fields is by their '''[[wikipedia:Discriminant_of_an_algebraic_number_field|discriminant]]''', which is an important invariant. Given a fixed bound &lt;math&gt;B&lt;/math&gt;, there are only finitely many fields whose absolute discriminant does not exceed &lt;math&gt;B&lt;/math&gt;. A secondary goal of the project is to determine the finite set of ''minimum discriminant'' imprimitive decic fields for the bound<br /> <br /> <br /> &lt;math&gt;B = 1.2 \times 10^{11}&lt;/math&gt;<br /> <br /> This bound was chosen for its potential to find more fields while keeping the computational load manageable.{{cite web |title=NumberFields@home project description|publisher=Arizona State University |access-date=2026-05-29}} That search was completed in May 2016.{{cite web |title=2016 year in review|publisher=numberfields.asu.edu |date=14 January 2017 |access-date=2026-05-29}}<br /> <br /> [[Image:Polynomialdeg3.png|right|thumb|250px|The graph of a degree-3 polynomial. NumberFields@Home searches over polynomials of degree 10 whose roots generate number fields with prescribed properties.]]<br /> <br /> == Methods ==<br /> <br /> Computing lower-degree fields requires less processing power and such fields have been more extensively tabulated; the degree-10 case is the first case requiring a massively parallel solution. Finite extension fields are represented by polynomials - that is, they are of the form &lt;math&gt;\mathbf{Q}(\alpha)&lt;/math&gt;, where &lt;math&gt;\alpha&lt;/math&gt; is the root of a polynomial. Bounds on the field discriminant give rise to bounds on the polynomial coefficients, so there are a finite number of possible polynomials that can represent the fields being searched for.<br /> <br /> At the most basic level, the NumberFields@home algorithm searches over this finite set of polynomials, checking whether or not a given polynomial can represent a field with the desired discriminant and ramification properties. At a finer level, the algorithm uses theoretical arguments to reduce the polynomial search space. In addition, the targeted ramification structure gives rise to congruence relations on the polynomial coefficients, which further reduces the search space. Anybody interested in the finer details of the algorithm is encouraged to look through [numberfields.asu.edu/NumberFields/Dissertation.pdf Eric D. Driver's doctoral dissertation].{{cite web |title=Eric D. Driver's dissertation|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> === Software stack ===<br /> <br /> The application relies on two key open-source libraries:{{cite web |title=GPU app status update|publisher=The Scottish BOINC Team |access-date=2026-05-29}}<br /> <br /> * '''[[wikipedia:PARI/GP|PARI/GP]]''' - a computer algebra system widely used in number theory, providing polynomial arithmetic and discriminant computations.<br /> * '''[[wikipedia:GNU_Multiple_Precision_Arithmetic_Library|GMP]]''' (GNU Multiple Precision Arithmetic Library) - multi-precision integer arithmetic, necessary because the integers involved can exceed standard 64-bit representation.<br /> <br /> A significant technical challenge arose during GPU application development: both PARI/GP and GMP rely on dynamically allocated memory, which is incompatible with GPU kernels. Driver solved this by using a fixed-precision multi-precision library with precision hard-coded to the maximum required (approximately 750 bits), allowing compilation of a working GPU kernel.{{cite web |title=GPU app status update (The Scottish BOINC Team)|publisher=tsbt.co.uk |access-date=2026-05-29}}<br /> <br /> === Application versions ===<br /> <br /> The project currently distributes its '''Get Decic Fields''' application in multiple variants targeting different hardware:{{cite web |title=NumberFields@home Applications|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Platform !! Variant !! Notes<br /> |-<br /> | Windows x86-64 || Default (CPU) v4.00 || ~20,622 GigaFLOPS average<br /> |-<br /> | Windows x86-64 || OpenCL AMD || GPU variant<br /> |-<br /> | Windows x86-64 || OpenCL NVIDIA || GPU variant<br /> |-<br /> | Linux x86-64 || Default (CPU) v4.00 || ~8,860 GigaFLOPS average<br /> |-<br /> | Linux x86-64 || CUDA || NVIDIA GPU variant<br /> |-<br /> | Linux x86-64 || OpenCL AMD || AMD GPU variant<br /> |-<br /> | macOS (Intel) || Default (CPU) v3.00 || ~887 GigaFLOPS average<br /> |}<br /> <br /> The GPU application is reported to be roughly 20 to 30 times faster than the older CPU version, and 2 to 3 times faster than a newer optimised CPU version released alongside the GPU work.{{cite web |title=GPU app status update|publisher=The Scottish BOINC Team |access-date=2026-05-29}} The combined average computing across all platforms is approximately '''47,566 GigaFLOPS'''.{{cite web |title=NumberFields@home Applications|publisher=Arizona State University |access-date=2026-05-29}}<br /> <br /> === Results database ===<br /> <br /> The results of NumberFields@home contribute to an online searchable number field database maintained jointly by John W. Jones and David P. Roberts at ASU. Tabulated results are also integrated into the '''[[wikipedia:L-functions_and_Modular_Forms_Database|LMFDB]]''' (L-functions and Modular Forms Database).{{cite web |title=NumberFields@home|publisher=Arizona State University |access-date=2026-05-29}}{{cite journal |last1=Jones |first1=John W. |last2=Roberts |first2=David P. |title=A database of number fields |journal=LMS Journal of Computation and Mathematics |year=2014 |volume=17 |pages=595-618 |doi=10.1112/S1461157014000424}}<br /> <br /> == Research areas ==<br /> <br /> The project as a whole is basic research - in effect, charting unknown mathematical territory. The following sections describe the broader research contexts to which the tabulated data contributes.<br /> <br /> ==== Automorphic Forms ====<br /> <br /> Number fields are related to [[wikipedia:Automorphic_form|'''''automorphic forms''''']], which form one side of the '''[[wikipedia:Langlands_program|Langlands program]]''' - a vast web of conjectures connecting number theory and representation theory. '''Explanations for the Langlands program'''. ('''See video: The Biggest Project in Modern Mathematics''')<br /> <br /> [[Image:Dedekind Eta.jpg|none|thumb|500px|The [[wikipedia:Dedekind_eta_function|'''''Dedekind eta-function''''']] is an automorphic form in the complex plane.]]<br /> <br /> There are deep connections between automorphic forms and number fields: knowing an automorphic form gives information about the ramifying primes of the corresponding number fields.<br /> <br /> ==== Cryptography ====<br /> <br /> Number fields are used in some modern factoring algorithms relevant to attacks on [[wikipedia:RSA_(cryptosystem)|RSA]]. Other researchers have investigated using properties of number fields as the basis for new cryptosystems. It is not clear which number fields will prove most useful in this research, but the more we know about the general landscape of number fields, the better.<br /> <br /> ==== Arithmetic Statistics ====<br /> <br /> There has been both progress and new conjectures in recent years on asymptotic questions about number fields. If one fixes the degree &lt;math&gt;n&lt;/math&gt; and a bound &lt;math&gt;B&lt;/math&gt;, there are finitely many degree-''n'' number fields with absolute discriminant at most &lt;math&gt;B&lt;/math&gt;. One can then ask how this count grows as a function of &lt;math&gt;B&lt;/math&gt;.<br /> <br /> Researchers have also been factoring the [[wikipedia:Galois_group|Galois group]] of the extension into consideration. At present, there is very little data in degree 10, and imprimitive fields produce a large number of different Galois groups.<br /> <br /> One can also ask about asymptotics based on the set of ramifying primes. There is even less data currently available for investigating questions of this sort. Before one can seriously consider asymptotics, it is useful to know where the first examples lie. NumberFields@home has helped establish the first known examples of imprimitive decic number fields with certain Galois groups. One can also consider ''first examples'' from the perspective of the '''Galois root discriminant (GRD)''' of the field. Some results for low GRD fields can be found here.<br /> <br /> ==== Theoretical Physics ====<br /> <br /> The fields studied by this project have connections to the [[wikipedia:P-adic_number|p-adic fields]]. In recent years, p-adic analysis has been applied to problems in theoretical physics, including quantum mechanics and string theory. [[wikipedia:P-adic_quantum_mechanics|Here is a good introduction]] to the relevant concepts. It is too early to tell exactly how beneficial the tables of fields will be to the physics community.<br /> <br /> == Project team / Sponsors ==<br /> <br /> * '''Eric D. Driver''' - Project founder, administrator, developer, and scientist. School of Mathematics at Arizona State University.<br /> * '''Greg Tucker''' - assists Driver with the project and its applications.{{cite web |title=NumberFields@home user profiles|publisher=numberfields.asu.edu |access-date=2026-05-29}}<br /> <br /> The project is based at and was sponsored by the ASU School of Mathematics. Following the retirement of Driver's thesis advisor in May 2022, the primary institutional sponsorship ended, though ASU has permitted the project to continue on existing hardware.{{cite web |title=Future of the Project|publisher=numberfields.asu.edu |date=10 August 2022 |access-date=2026-05-29}}<br /> <br /> == Scientific results ==<br /> <br /> * Complete tables of imprimitive decic number fields with absolute discriminant &lt;math&gt;\leq 1.2 \times 10^{11}&lt;/math&gt; (completed May 2016).<br /> * First known examples of imprimitive decic fields for numerous Galois group types.<br /> * Tables of low Galois root discriminant (GRD) imprimitive decic fields: results for low GRD fields.<br /> * Full results in table form: numberfields.asu.edu/NumberFields/FieldTables/FieldTables.html<br /> * Searchable database integration with the LMFDB: www.lmfdb.org/NumberField/<br /> <br /> == Scientific publications ==<br /> <br /> # Driver, Eric D. and John W. Jones. '''''Computing septic number fields'''''. ''Journal of Number Theory'' (2019). DOI: 10.1016/j.jnt.2019.02.022.<br /> # Driver, Eric D. and John W. Jones. '''''Minimum Discriminants of Imprimitive Decic Fields'''''. ''Experimental Mathematics'' (2010). DOI: 10.1080/10586458.2010.10390637.<br /> # Driver, Eric D. and John W. Jones. '''''A targeted Martinet search'''''. ''Mathematics of Computation'' (2009). DOI: 10.1090/S0025-5718-08-02178-9.<br /> # Jones, John W. and David P. Roberts. '''''A database of number fields'''''. ''LMS Journal of Computation and Mathematics'' 17 (2014), pp. 595-618. DOI: 10.1112/S1461157014000424.<br /> <br /> == See also ==<br /> <br /> * [[wikipedia:Berkeley_Open_Infrastructure_for_Network_Computing|Berkeley Open Infrastructure for Network Computing (BOINC)]]<br /> * [[wikipedia:Algebraic_number_field|Algebraic number field]]<br /> * [[wikipedia:Discriminant_of_an_algebraic_number_field|Discriminant of an algebraic number field]]<br /> * [[wikipedia:Langlands_program|Langlands program]]<br /> * [[wikipedia:Volunteer_computing|Volunteer computing]]<br /> <br /> == References ==<br /> <br /> {{Reflist}}<br /> <br /> == External links ==<br /> <br /> * NumberFields@home official website: numberfields.asu.edu/NumberFields/<br /> * ASU Number Fields Database<br /> * LMFDB Number Fields search<br /> * Eric D. Driver's doctoral dissertation (PDF): numberfields.asu.edu/NumberFields/Dissertation.pdf<br /> * Low Galois root discriminant results<br /> * Eric D. Driver - A Number Fields Database (PARI workshop slides, 2016)</div> Admin https://boincsynergy.ca/wiki/index.php?title=ODLK&diff=1456 ODLK 2026-05-29T17:25:46Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = ODLK<br /> | logo = Default water.jpg<br /> | screenshot = <br /> <br /> | status = Active<br /> | category = Mathematics / Combinatorics<br /> | compute = CPU<br /> <br /> | developer = Progger<br /> | author = Natalia Makarova, Progger<br /> | released = {{Start date and age|2017|05|19}}<br /> | repository = <br /> <br /> | operating system = Windows, Linux<br /> <br /> | stats as of = 22 May 2026<br /> | active users = 347<br /> | total users = 2750<br /> | active hosts = 1759<br /> | total hosts = 28018<br /> <br /> | rac = <br /> | average performance = 3885.86 GigaFLOPS<br /> <br /> | website = {{URL|https://boinc.progger.info/odlk/}}<br /> }}<br /> <br /> [https://boinc.progger.info/odlk/ '''''ODLK'''''] is a BOINC based '''''[[wikipedia:Volunteer computing|volunteer computing]]''''' project that needs your help to research 10th order diagonal Latin squares.<br /> == Why ODLK? ==<br /> Continue the work of the scientific BOINC project SAT@home, in which new orthogonal pairs of 10th order DLKs were searched.<br /> <br /> The history of searching for orthogonal pairs of diagonal Latin squares (DLS) of order 10 stretches back decades. The first three orthogonal pairs were found in 1992 and published in the landmark paper &quot;Completion of the Spectrum of Orthogonal Diagonal Latin Squares&quot; by J. W. Brown et al.&lt;ref&gt;J. W. Brown, F. Cherry, L. Most, E. Parker, W. Wallis, ''Completion of the Spectrum of Orthogonal Diagonal Latin Squares'', Lecture Notes in Pure and Applied Mathematics, vol. 139, pp. 43–49 (1992/1993).&lt;/ref&gt; The problem then lay largely dormant until the advent of volunteer computing gave researchers the raw computational power to search more thoroughly.<br /> <br /> Between 2012 and 2016, the scientific BOINC project '''SAT@home''' took up the challenge, reducing the search for orthogonal pairs to instances of the Boolean satisfiability problem (SAT) and distributing the work across volunteer computers worldwide. During a 10-month computational experiment alone, SAT@home discovered 29 previously unknown orthogonal pairs.&lt;ref&gt;O. S. Zaikin, S. E. Kochemazov, ''The Search for Systems of Diagonal Latin Squares Using the SAT@home Project'', International Journal of Open Information Technologies, 2015. [http://injoit.org/index.php/j1/article/view/239]&lt;/ref&gt; By the time the project concluded, it had unearthed 77 unique orthogonal pairs of order-10 DLS, yielding 154 unique canonical forms (CF) of ODLS.&lt;ref&gt;[https://boinc.progger.info/odlk/ ODLK project home page]&lt;/ref&gt;<br /> <br /> With SAT@home finished, the baton passed to ODLK. Launched on '''19 May 2017''' by mathematician Natalia Makarova and developer Progger, ODLK took a new approach: rather than merely finding more pairs, it set out to compile a complete database of all canonical forms of order-10 diagonal Latin squares that possess at least one orthogonal mate. The project celebrated its seventh anniversary on 19 May 2024.&lt;ref&gt;[https://boinc.progger.info/odlk/ ODLK news, May 2024]&lt;/ref&gt;<br /> <br /> == Goal ==<br /> This project compiles a database of canonical forms (CF) of 10th order diagonal Latin squares (DLS) having orthogonal diagonal [[wikipedia:Latin_square|Latin squares]] (ODLS).<br /> <br /> A '''[[wikipedia:Latin_square|Latin square]]''' of order ''n'' is an ''n''×''n'' array filled with ''n'' different symbols, each occurring exactly once in each row and exactly once in each column. A '''diagonal Latin square''' (DLS) additionally requires that both the main diagonal and the back diagonal of the square each contain every symbol exactly once — making it a far more constrained structure. Two DLS are '''orthogonal''' (ODLS) if, when superimposed, every possible ordered pair of symbols appears exactly once across all ''n''² cells.<br /> <br /> The name &quot;Latin square&quot; itself was inspired by the mathematical papers of Leonhard Euler (1707–1783), who used Latin characters as symbols when he initiated the general theory of Latin squares in the 18th century.&lt;ref&gt;[[wikipedia:Latin_square|Latin square — Wikipedia]]&lt;/ref&gt;<br /> <br /> Finding DLS of order 10 that have any orthogonal partner at all is a computationally intensive problem. The goal of ODLK is therefore not just to find individual solutions, but to produce a '''complete, enumerated canonical database''' so that mathematicians worldwide can study the structural properties of these objects — symmetries, transversal counts, clique sizes, and more.<br /> <br /> == Background: Latin squares and their orthogonal pairs ==<br /> [[File:Ramanujan magic square construction.svg|alt=example mediawiki image|thumb|&lt;small&gt;Construction of ''[[wikipedia:Magic_square|'''Ramanujan's birthday magic square''']]'' from a 4×4 Latin square with distinct diagonals and day (D), month (M), century (C) and year (Y) values, and Ramanujan's birthday example&lt;/small&gt;]]<br /> <br /> In [[wikipedia:combinatorics|combinatorics]] and experimental design, Latin squares have been studied since Euler's time. They are closely related to [[wikipedia:Magic square|magic squares]], [[wikipedia:Sudoku|Sudoku]] puzzles, error-correcting codes, and the design of statistical experiments. A particularly important open question for much of the 20th century was the &quot;36 officers problem&quot; posed by Euler: do orthogonal Latin squares of order 6 exist? The answer (no) was not proven until 1901. Euler's broader conjecture — that orthogonal pairs fail to exist for orders ''n'' ≡ 2 (mod 4) — was spectacularly refuted in 1960 when Bose, Shrikhande, and Parker demonstrated that orthogonal pairs exist for all orders ''n'' ≥ 3 except ''n'' = 2 and ''n'' = 6.&lt;ref&gt;[[wikipedia:Mutually_orthogonal_Latin_squares|Mutually orthogonal Latin squares — Wikipedia]]&lt;/ref&gt;<br /> <br /> For '''diagonal''' Latin squares the landscape is more restrictive. It has been proven that ODLS(''n'') exist for all ''n'' except 2, 3, 6, 10, 14, 15, 18, and 26 — with ODLS(10) being the most computationally challenging case for which solutions exist, and where ODLK does its work.&lt;ref&gt;B. Du, ''Orthogonal Diagonal Latin Squares of Order 14'', cited at [[wikipedia:Mutually_orthogonal_Latin_squares|Wikipedia]].&lt;/ref&gt;<br /> <br /> == Applications ==<br /> <br /> The construction and enumeration of orthogonal diagonal Latin squares has applications in:<br /> <br /> * '''Experimental design''': Latin squares underpin balanced experimental layouts in agriculture, medicine, and engineering. Diagonal constraints yield designs with additional balance properties along diagonals.<br /> * '''Coding theory''': ODLS constructions relate to classes of error-correcting codes and are connected to the theory of finite projective planes.<br /> * '''Combinatorial mathematics''': The database of canonical forms allows researchers to study the spectrum of diagonal transversals, symmetry classes, and clique structure among ODLS — properties that bear on longstanding open problems in combinatorics.<br /> * '''Algorithm benchmarking''': Searching for ODLS of order 10 provides a natural, difficult benchmark for SAT solvers and other combinatorial search methods.<br /> <br /> == Project team / Sponsors ==<br /> Natalia Makarova, Progger<br /> <br /> The project was conceived and launched by '''Natalia Makarova''', a Russian mathematician who has been active in Latin square research and the Russian-language volunteer computing community (including the boinc.ru forums) for many years. The technical infrastructure is maintained by '''Progger''', who hosts the project server at &lt;code&gt;boinc.progger.info&lt;/code&gt;. The related spin-off project [[ODLK1]] also credits '''Stefano Tognon (ice00)''' as a contributor.&lt;ref&gt;[https://boincsynergy.ca/wiki/ODLK1/ ODLK1 — BOINC Synergy wiki]&lt;/ref&gt;<br /> <br /> == Applications and work units ==<br /> <br /> The ODLK server runs three distinct computing applications simultaneously, each tackling a different aspect of the search:&lt;ref&gt;[https://boinc.progger.info/odlk/server_status.php ODLK server status, 22 May 2026]&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Application !! Description !! Avg. runtime (hours)<br /> |-<br /> | '''odlk3@home''' || Main brute-force search for new CF ODLK || 0.31 (range 0.01–13.12)<br /> |-<br /> | '''odlkmin@home''' || Search optimised for finding DLS with minimum orthogonal mates || 0.31 (range 0.01–13.46)<br /> |-<br /> | '''odlkmax@home''' || Search optimised for finding DLS with maximum orthogonal mates || 0.30 (range 0.01–13.16)<br /> |}<br /> <br /> Work units are generated server-side and sent to volunteer computers running BOINC. Results are validated by majority consensus before being assimilated into the database.<br /> <br /> == How to participate ==<br /> <br /> # Download and install the '''[[wikipedia:BOINC|BOINC]]''' client from [https://boinc.berkeley.edu/ boinc.berkeley.edu].<br /> # Create a free account at [https://boinc.progger.info/odlk/signup.php the ODLK project website].<br /> # In the BOINC client, add the project URL: &lt;code&gt;https://boinc.progger.info/odlk/&lt;/code&gt;<br /> # BOINC will automatically download work units and return results when complete.<br /> <br /> The project currently supports '''Windows''' and '''Linux'''. Tasks run on standard CPU hardware; no GPU is required.<br /> <br /> == Scientific results ==<br /> <br /> * '''''[https://boinc.progger.info/odlk/forum_thread.php?id=213 Complete database of the CF ODLC BOINC-project ODLC for 2017-2021]'''''<br /> <br /> By January 2022, the project had produced a complete canonical-form database for the period 2017–2021, published by Natalia Makarova on the project forum. The database contained '''3,078,504 canonical forms of ODLK''' of order 10 (plus a supplementary 6,370 CF found in earlier symmetry-search sub-applications, bringing the full total to over 3,084,874 CF).&lt;ref&gt;[https://boinc.progger.info/odlk/forum_thread.php?id=213 ODLK forum, &quot;Complete database of CF ODLK for 2017–2021&quot;, January 2022]&lt;/ref&gt;<br /> <br /> Among the highlights of the 2017–2021 database analysis, carried out by volunteer contributor Demis using software by Alexey Belyshev:<br /> <br /> * The database was organised across '''67 &quot;rows&quot;''' (classes of DLS), with the largest row (Row 65) containing 327,753 CF.<br /> * '''17 triplets''' of mutually orthogonal DLS were identified — meaning a single DLS has at least two distinct orthogonal mates — as well as '''2 quadruplets''' (a DLS with at least three distinct orthogonal mates).<br /> * '''5,806 doublets''' (DLS with exactly two orthogonal mates in the database) were found.<br /> * Analysis of diagonal transversals across all 3,078,504 CF revealed only '''97 distinct values''', ranging from 68 to 165.<br /> * One especially remarkable quadruplet DLS was found to have '''866 diagonal transversals''' — the highest known count for a DLS of order 10 — and exhibits multiple rare symmetry types.<br /> <br /> The 2017–2021 database is available for download from Yandex Disk (47 MB archive).&lt;ref&gt;[https://boinc.progger.info/odlk/forum_thread.php?id=213 ODLK forum thread 213]&lt;/ref&gt;<br /> <br /> == Related projects ==<br /> <br /> * '''SAT@home''' (2012–2016) — the predecessor project that found the first 77 unique orthogonal pairs of order-10 DLS using SAT-solving techniques. Run by the Institute for System Analysis of the Russian Academy of Sciences.&lt;ref&gt;O. S. Zaikin, S. E. Kochemazov, ''SAT-based Search for Systems of Diagonal Latin Squares in Volunteer Computing Project SAT@home'', IEEE FRUCT Conference, 2016. [https://ieeexplore.ieee.org/document/7522152/]&lt;/ref&gt;<br /> * '''[[ODLK1]]''' — a parallel BOINC project hosted at &lt;code&gt;boinc.multi-pool.info/latinsquares&lt;/code&gt;, run by the same scientific team with technical support from Stefano Tognon (ice00). ODLK1 continues to expand the database beyond what ODLK alone covers.<br /> * '''Gerasim@home''' — a related Russian volunteer computing project that studied transversal properties of diagonal Latin squares of small order (up to order 8).<br /> * '''ODLK2025''' — a newer project by Natalia Makarova launched in January 2025, continuing the line of ODLK research.&lt;ref&gt;[https://boinc.berkeley.edu/forum_thread.php?id=15423 BOINC forum: New project ODLK2025, January 2025]&lt;/ref&gt;<br /> <br /> == Scientific papers ==<br /> <br /> The following peer-reviewed and conference papers are directly associated with the research program underpinning ODLK:<br /> <br /> * E. I. Vatutin, S. E. Kochemazov, O. S. Zaikin, S. Yu. Valyaev, &quot;Using Volunteer Computing to Study Some Features of Diagonal Latin Squares,&quot; ''Open Engineering'', vol. 7, no. 1, pp. 453–460, 2017. {{doi|10.1515/eng-2017-0052}}&lt;ref&gt;[https://www.degruyterbrill.com/document/doi/10.1515/eng-2017-0052/html De Gruyter: Using Volunteer Computing to Study Some Features of Diagonal Latin Squares]&lt;/ref&gt;<br /> <br /> * E. I. Vatutin, S. E. Kochemazov, O. S. Zaikin, S. Yu. Valyaev, &quot;Enumerating the Transversals for Diagonal Latin Squares of Small Order,&quot; ''CEUR Workshop Proceedings'', BOINC:FAST 2017, vol. 1973, pp. 6–14, 2017.<br /> <br /> * O. S. Zaikin, S. E. Kochemazov, &quot;The Search for Systems of Diagonal Latin Squares Using the SAT@home Project,&quot; ''International Journal of Open Information Technologies'', 2015.&lt;ref&gt;[http://injoit.org/index.php/j1/article/view/239 INJOIT: The Search for Systems of Diagonal Latin Squares Using the SAT@home Project]&lt;/ref&gt;<br /> <br /> * O. Zaikin, A. Zhuravlev, S. Kochemazov, E. Vatutin, &quot;On the Construction of Triples of Diagonal Latin Squares of Order 10,&quot; ''Electronic Notes in Discrete Mathematics'', vol. 54, pp. 307–312, 2016. {{doi|10.1016/j.endm.2016.09.053}}<br /> <br /> * E. I. Vatutin, S. E. Kochemazov, O. S. Zaikin, M. O. Manzuk, N. N. Nikitina, V. S. Titov, &quot;Central Symmetry Properties for Diagonal Latin Squares,&quot; ''Problems of Information Technology'', 2019, no. 2, pp. 3–8.&lt;ref&gt;[https://www.researchgate.net/publication/334616771_CENTRAL_SYMMETRY_PROPERTIES_FOR_DIAGONAL_LATIN_SQUARES ResearchGate: Central Symmetry Properties for Diagonal Latin Squares]&lt;/ref&gt;<br /> <br /> * Eduard Vatutin, Alexey Belyshev, Natalia Nikitina, Maxim Manzuk, Alexander Albertian, Ilya Kurochkin, Alexander Kripachev, Alexey Pykhtin, &quot;Diagonalization and Canonization of Latin Squares,&quot; ''Supercomputing — Russian Supercomputing Days (RuSCDays 2023)'', LNCS vol. 14389, Springer, Cham, pp. 48–61.<br /> <br /> * J. W. Brown, F. Cherry, L. Most, E. Parker, W. Wallis, &quot;Completion of the Spectrum of Orthogonal Diagonal Latin Squares,&quot; ''Lecture Notes in Pure and Applied Mathematics'', vol. 139, pp. 43–49 (1992/1993). [Foundational paper finding the first three orthogonal pairs.]<br /> <br /> == Current statistics ==<br /> {{As of|2026|05|22}}, the ODLK server reports the following statistics:&lt;ref&gt;[https://boinc.progger.info/odlk/server_status.php ODLK Server Status, 22 May 2026]&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Metric !! Value<br /> |-<br /> | Users with credit || 2,750<br /> |-<br /> | Users with recent credit || 347<br /> |-<br /> | Computers with credit || 28,018<br /> |-<br /> | Computers with recent credit || 1,759<br /> |-<br /> | Current performance || 3,885.86 GigaFLOPS<br /> |-<br /> | Tasks ready to send || 40,894<br /> |-<br /> | Tasks in progress || 44,505<br /> |}<br /> <br /> == External links ==<br /> * [https://boinc.progger.info/odlk/ ODLK official website]<br /> * [https://boinc.progger.info/odlk/server_status.php ODLK server status]<br /> * [https://boinc.progger.info/odlk/stats.php ODLK credit statistics]<br /> * [https://boinc.progger.info/odlk/forum_thread.php?id=213 Complete CF ODLK database for 2017–2021 (forum thread)]<br /> * [[wikipedia:Latin_square|Latin square — Wikipedia]]<br /> * [[wikipedia:Volunteer_computing|Volunteer computing — Wikipedia]]<br /> * [http://sat.isa.ru/pdsat/ SAT@home (predecessor project)]<br /> <br /> == References ==<br /> {{Reflist}}<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Mathematics]]<br /> [[Category:Combinatorics]]<br /> [[Category:Latin squares]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1455 MediaWiki:Common.css 2026-05-29T17:04:39Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode (darkened for contrast) */<br /> --bs-link: #3730A3; /* deep indigo */<br /> --bs-link-hover: #1e1a5e; /* near-navy */<br /> --bs-link-visited: #5B52B8; /* mid-purple, distinct from unvisited */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> QUOTE CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-800); } /* fixed: was --bs-green-200, near-invisible on light bg */<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-800); } /* fixed: was --bs-amber-200, near-invisible on light bg */<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-800); } /* fixed: was --bs-pink-200, near-invisible on light bg */<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1454 MediaWiki:Common.css 2026-05-29T16:47:44Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--bs-gray-200);<br /> background: var(--bs-gray-50);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1453 MediaWiki:Common.css 2026-05-29T16:39:09Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #212130);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1452 MediaWiki:Common.css 2026-05-29T16:36:28Z <p>Admin: Undo revision 1451 by Admin (talk)</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #d6d5ed;<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1451 MediaWiki:Common.css 2026-05-29T16:32:51Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #6c6b8f;<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1450 MediaWiki:Common.css 2026-05-29T16:31:02Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #d6d5ed;<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1449 MediaWiki:Common.css 2026-05-29T16:28:23Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #b7b5e8);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1448 MediaWiki:Common.css 2026-05-29T16:23:26Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #212130);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=BOINC_projects/completed_projects.html&diff=1411 BOINC projects/completed projects.html 2026-05-28T15:04:47Z <p>Admin: Changed redirect target from BOINC projects to BOINC projects#290 Completed BOINC Projects</p> <hr /> <div>#REDIRECT [[BOINC_projects#290_Completed_BOINC_Projects]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=BOINC_projects/completed_projects.html&diff=1410 BOINC projects/completed projects.html 2026-05-28T15:02:38Z <p>Admin: Redirected page to BOINC projects</p> <hr /> <div>#REDIRECT [[BOINC_projects]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=DENIS@home&diff=1407 DENIS@home 2026-05-28T04:48:45Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = DENIS@home<br /> | logo = DENIS@Home Logo.png<br /> | logo caption =<br /> | screenshot = Denispref.png<br /> | caption = DENIS@home application preferences interface<br /> <br /> | status = Inactive<br /> | category = Medical physiology<br /> | compute = CPU<br /> | dependencies = None<br /> <br /> | developer = CoMBA Research Group, Universidad San Jorge<br /> | released = {{Start date and age|2015|03|16}}<br /> | completed = No<br /> | discontinued =<br /> <br /> | programming language = C++<br /> | operating system = Windows, Linux, macOS<br /> <br /> | website = {{URL|https://denis.usj.es/denisathome/}}<br /> | license = [[wikipedia:Apache License|Apache License 2.0]]<br /> }}<br /> <br /> [https://denis.usj.es/denisathome/ '''''DENIS@home'''''] is a '''''[[wikipedia:Volunteer computing|volunteer distributed computing]]''''' project based on the [[wikipedia:Berkeley_Open_Infrastructure_for_Network_Computing|BOINC]] middleware platform. The project is operated by the CoMBA (Computational Multiscale Biology and Medicine) research group at [[wikipedia:Universidad San Jorge|Universidad San Jorge]] in Zaragoza, Spain, and focuses on large-scale simulations of cardiac electrophysiology and cardiovascular disease research.&lt;ref&gt;{{Cite web |url=https://denis.usj.es/denisathome/ |title=DENIS@home |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;&lt;ref&gt;{{Cite journal |last1=Monasterio |first1=Violeta |last2=Castro-Mur |first2=Jesús |last3=Carro |first3=Jesús |title=DENIS: Solving cardiac electrophysiological simulations with volunteer computing |journal=PLoS ONE |volume=13 |issue=10 |year=2018 |pages=e0205568 |doi=10.1371/journal.pone.0205568}}&lt;/ref&gt;<br /> <br /> The project's name is an acronym representing its five main principles: '''D'''istributed computing, '''E'''lectrophysiological models, '''N'''etworking collaboration, '''I'''n silico research, and '''S'''haring knowledge.&lt;ref&gt;{{Cite web |url=https://denis.usj.es/denisathome/ |title=DENIS@home Overview |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;<br /> [[File:Villanueva de Gállego - Campus de la Universidad San Jorge 1.jpg|thumb|250x250px|[[wikipedia:Universidad San Jorge|Universidad San Jorge]], home institution of the DENIS@home project]]<br /> <br /> == History ==<br /> DENIS@home was launched in 2016 as a research initiative to use volunteer computing for the simulation of cardiac electrophysiological models.&lt;ref&gt;{{Cite conference |last1=Castro-Mur |first1=J. |last2=Monasterio |first2=V. |last3=Carro |first3=J. |title=Volunteer Computing Approach for the Collaborative Simulation of Electrophysiological Models |book-title=IEEE 25th International Conference on Enabling Technologies: Infrastructure for Collaborative Enterprises (WETICE) |year=2016 |pages=118–123 |doi=10.1109/WETICE.2016.34}}&lt;/ref&gt; The project was developed by researchers from the CoMBA group to provide computational resources for large-scale studies into cardiac arrhythmias, ventricular cell behavior, and the effects of drugs on the human heart.&lt;ref&gt;{{Cite journal |last1=Monasterio |first1=Violeta |last2=Castro-Mur |first2=Jesús |last3=Carro |first3=Jesús |title=DENIS: Solving cardiac electrophysiological simulations with volunteer computing |journal=PLoS ONE |volume=13 |issue=10 |year=2018 |pages=e0205568 |doi=10.1371/journal.pone.0205568}}&lt;/ref&gt;<br /> <br /> The project was listed among BOINC-based scientific computing initiatives by the [[wikipedia:University of California, Berkeley|University of California, Berkeley]] and has been referenced in volunteer computing communities and distributed computing forums.&lt;ref&gt;{{Cite web |url=https://boinc.berkeley.edu/projects.php |title=BOINC Projects List |publisher=University of California, Berkeley |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Why DENIS@home? ==<br /> More than 17 million people die each year from cardiovascular diseases, representing approximately 31% of all global deaths.&lt;ref&gt;{{Cite web |url=https://www.who.int/news-room/fact-sheets/detail/cardiovascular-diseases-(cvds) |title=Cardiovascular diseases (CVDs) |publisher=World Health Organization |access-date=2026-05-19}}&lt;/ref&gt; DENIS@home was created to provide researchers with the computational power required to investigate the electrical activity of the heart and develop improved cardiac electrophysiological models.<br /> <br /> The platform allows volunteers to donate unused CPU processing time from their personal computers to scientific simulations.&lt;ref&gt;{{Cite web |url=https://denis.usj.es/denisathome/ |title=DENIS@home |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Goal ==<br /> The five pillars of DENIS@home are:<br /> * &lt;u&gt;'''D'''&lt;/u&gt;istributed computing<br /> * &lt;u&gt;'''E'''&lt;/u&gt;lectrophysiological models<br /> * &lt;u&gt;'''N'''&lt;/u&gt;etworking collaboration<br /> * &lt;u&gt;'''I'''&lt;/u&gt;n silico research<br /> * &lt;u&gt;'''S'''&lt;/u&gt;haring knowledge<br /> <br /> === &lt;u&gt;D&lt;/u&gt;istributed computing ===<br /> DENIS@home uses volunteer computers to perform large numbers of cardiac electrophysiological simulations. The project uses the idle processing capacity of Windows, Linux, and macOS computers connected through the BOINC middleware platform.&lt;ref&gt;{{Cite web |url=https://boinc.berkeley.edu/ |title=BOINC |publisher=University of California, Berkeley |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> The distributed nature of BOINC enables researchers to process large simulation batches that would otherwise require access to expensive supercomputing infrastructure.&lt;ref&gt;{{Cite journal |last1=Anderson |first1=David P. |title=BOINC: A System for Public-Resource Computing and Storage |journal=5th IEEE/ACM International Workshop on Grid Computing |year=2004 |doi=10.1109/GRID.2004.14}}&lt;/ref&gt;<br /> <br /> === &lt;u&gt;E&lt;/u&gt;lectrophysiological models ===<br /> DENIS@home computes large sets of cardiac electrophysiological model variations. These models mathematically represent the electrical behavior of cardiac cells and are used to study arrhythmias, heart failure, and drug interactions.&lt;ref&gt;{{Cite journal |last1=Carro |first1=J. |last2=Rodríguez-Matas |first2=J.F. |last3=Pueyo |first3=E. |title=A Methodology to Improve Human Ventricular Models for the Investigation of Cardiac Arrhythmias |journal=Biophysical Journal |volume=111 |issue=12 |year=2016 |pages=2706–2715 |doi=10.1016/j.bpj.2016.11.2183}}&lt;/ref&gt;<br /> <br /> The models are described using the [[wikipedia:CellML|CellML]] language, an XML-based open standard developed by the Auckland Bioengineering Institute for storing and exchanging mathematical biological models.&lt;ref&gt;{{Cite web |url=https://www.cellml.org/ |title=CellML |publisher=Auckland Bioengineering Institute |access-date=2026-05-19}}&lt;/ref&gt;<br /> [[File:Ekg normal bionerd.jpg|thumb|Cardiac electrical activity measured using an electrocardiogram]]<br /> <br /> === &lt;u&gt;N&lt;/u&gt;etworking collaboration ===<br /> The project was designed to connect volunteers and researchers internationally through a collaborative computing infrastructure. DENIS@home also encourages scientific collaboration between institutions and research groups working in computational cardiology.&lt;ref&gt;{{Cite journal |last1=Monasterio |first1=Violeta |last2=Castro-Mur |first2=Jesús |last3=Carro |first3=Jesús |title=DENIS: Solving cardiac electrophysiological simulations with volunteer computing |journal=PLoS ONE |volume=13 |issue=10 |year=2018 |pages=e0205568 |doi=10.1371/journal.pone.0205568}}&lt;/ref&gt;<br /> <br /> === &lt;u&gt;I&lt;/u&gt;n silico research ===<br /> The project focuses on ''in silico'' cardiac simulations, allowing researchers to investigate heart behavior under normal and pathological conditions using computer models rather than laboratory or clinical experimentation alone.&lt;ref&gt;{{Cite journal |last1=Monasterio |first1=Violeta |last2=Castro-Mur |first2=Jesús |last3=Carro |first3=Jesús |title=DENIS: Solving cardiac electrophysiological simulations with volunteer computing |journal=PLoS ONE |volume=13 |issue=10 |year=2018 |pages=e0205568 |doi=10.1371/journal.pone.0205568}}&lt;/ref&gt;<br /> <br /> === &lt;u&gt;S&lt;/u&gt;haring knowledge ===<br /> DENIS@home promotes open scientific research. Results produced using the project are expected to be published openly, and the software developed for the project is released under the Apache License 2.0.&lt;ref&gt;{{Cite web |url=https://www.apache.org/licenses/LICENSE-2.0 |title=Apache License 2.0 |publisher=Apache Software Foundation |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Methods ==<br /> Volunteers may choose to run one or more scientific applications through the BOINC client:<br /> <br /> * '''[https://denis.usj.es/denisathome/projects.php#DENIS_Myocyte_Beta Beta of DENIS-myocyte (DENIS_Myocyte_Beta)]''': Testing application used to validate modifications to the simulation software.<br /> * '''[https://denis.usj.es/denisathome/projects.php#NHuVe New human ventricular cell model (NHuVe)]''': Development of updated ventricular cell electrophysiological models.<br /> * '''[https://denis.usj.es/denisathome/projects.php#HuVeMOp Human ventricular cell models optimization (HuVeMOp)]''': Optimization of commonly used ventricular cell models for electrophysiological marker representation.<br /> <br /> Electrophysiological models are used to investigate the electrical activity of cardiac cells and predict the effects of pharmaceutical compounds and pathological conditions on the heart.&lt;ref&gt;{{Cite journal |last1=Carro |first1=J. |last2=Rodríguez-Matas |first2=J.F. |last3=Pueyo |first3=E. |title=A Methodology to Improve Human Ventricular Models for the Investigation of Cardiac Arrhythmias |journal=Biophysical Journal |volume=111 |issue=12 |year=2016 |pages=2706–2715 |doi=10.1016/j.bpj.2016.11.2183}}&lt;/ref&gt;<br /> <br /> All DENIS@home software is distributed under the Apache License 2.0 and source code has been published through the project's Bitbucket repositories.&lt;ref&gt;{{Cite web |url=https://bitbucket.org/comba_usj/workspace/projects/DENIS |title=DENIS Bitbucket Repository |publisher=Bitbucket |access-date=2026-05-19}}&lt;/ref&gt;[[File:Denispref.png|700px|alt=preferences|none|thumb|DENIS@home application selection preferences]]<br /> <br /> == Computing platform ==<br /> DENIS@home applications are available for:<br /> * Microsoft Windows<br /> * Linux<br /> * macOS<br /> <br /> The project primarily uses CPU-based computations and supports both 32-bit and 64-bit systems depending on application version.&lt;ref&gt;{{Cite web |url=https://denis.usj.es/denisathome/apps.php |title=DENIS@home Applications |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Project team / Sponsors ==<br /> The members of the research group participating in the project include:<br /> * Jesús Carro<br /> * Violeta Monasterio<br /> * Alejandro Alcaine<br /> * Marta Gómez<br /> <br /> DENIS@home is developed and maintained by the CoMBA research group at [[wikipedia:Universidad San Jorge|Universidad San Jorge]].&lt;ref&gt;{{Cite web |url=https://www.usj.es/investigacion/grupos-investigacion/CoMBA |title=CoMBA Research Group |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Scientific results ==<br /> The project publishes scientific results and associated research papers through its official publications page.&lt;ref&gt;{{Cite web |url=https://denis.usj.es/denisathome/publications.php |title=DENIS@home Publications |publisher=Universidad San Jorge |access-date=2026-05-19}}&lt;/ref&gt;<br /> <br /> == Scientific publications ==<br /> <br /> === Research results from DENIS@home ===<br /> # J. Carro (2019). ''[https://zaguan.unizar.es/record/78866 New Methodologies for the Development and Validation of Electrophysiological Models]''. PhD Thesis.<br /> # J. Carro, J.F. Rodríguez-Matas, E. Pueyo (2016). ''[https://doi.org/10.1016/j.bpj.2016.11.2183 A Methodology to Improve Human Ventricular Models for the Investigation of Cardiac Arrhythmias]''. ''Biophysical Journal'' 111(12):2706–2715.<br /> # V. Monasterio, J. Castro-Mur, J. Carro (2018). ''[https://doi.org/10.1371/journal.pone.0205568 DENIS: Solving cardiac electrophysiological simulations with volunteer computing]''. ''PLoS ONE'' 13(10):e0205568.<br /> # J. Castro-Mur, V. Monasterio, J. Carro (2016). ''[https://doi.org/10.1109/WETICE.2016.34 Volunteer Computing Approach for the Collaborative Simulation of Electrophysiological Models]''. IEEE WETICE 2016.<br /> <br /> === Research results using DENIS@home software ===<br /> # M. Gomez, J. Carro, E. Pueyo, V. Monasterio (2022). ''[http://doi.org/10.22489/CinC.2022.228 An in Silico Investigation into the Role of SK Channels in Failing Ventricular Myocytes]''. Computing in Cardiology Conference 2022.<br /> # M. Gomez, J. Carro, V. Monasterio, E. Pueyo (2022). ''[https://papiro.unizar.es/ojs/index.php/jji3a/article/view/7021/5804 Investigación in silico sobre el papel de los canales SK en miocitos ventriculares de pacientes con insuficiencia cardiaca]''. Jornada de Jóvenes Investigadores e Investigadoras del I3A.<br /> # M. Gómez, J. Carro, E. Pueyo, V. Monasterio (2021). ''[https://seib.org.es/descarga/libro-de-actas-caseib-2021/?wpdmdl=3382 Modificación de un modelo de miocito ventricular humano para representar el papel de los canales SK en insuficiencia cardiaca]''. CASEIB 2021.<br /> <br /> === Publications about DENIS@home ===<br /> # V. Monasterio, J. Castro-Mur, J. Carro (2018). ''[https://doi.org/10.1371/journal.pone.0205568 DENIS: Solving cardiac electrophysiological simulations with volunteer computing]''. ''PLoS ONE'' 13(10):e0205568.<br /> # J. Castro-Mur, V. Monasterio, J. Carro (2016). ''[https://doi.org/10.1109/WETICE.2016.34 Volunteer Computing Approach for the Collaborative Simulation of Electrophysiological Models]''. IEEE WETICE 2016.<br /> <br /> == See also ==<br /> * [[wikipedia:BOINC|BOINC]]<br /> * [[wikipedia:Volunteer computing|Volunteer computing]]<br /> * [[wikipedia:Cardiac electrophysiology|Cardiac electrophysiology]]<br /> * [[wikipedia:CellML|CellML]]<br /> <br /> == External links ==<br /> * [https://denis.usj.es/denisathome/ Official website]<br /> * [https://denis.usj.es/denisathome/forum_index.php Message boards]<br /> * [https://bitbucket.org/comba_usj/workspace/projects/DENIS Source code repository]<br /> * [https://boinc.berkeley.edu/ BOINC official website]<br /> <br /> == References ==<br /> {{Reflist}}</div> Admin https://boincsynergy.ca/wiki/index.php?title=USPEX@HOME&diff=1406 USPEX@HOME 2026-05-28T04:09:36Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = USPEX@HOME<br /> | logo = Uspex.png<br /> | logo caption = USPEX@HOME logo<br /> | screenshot = <br /> | caption = Example USPEX crystal structure prediction workflow<br /> <br /> | status = Active<br /> | category = Materials science, Crystallography, Computational chemistry<br /> | compute = CPU<br /> | dependencies = <br /> <br /> | developer = [[wikipedia:Artem Oganov|Artem R. Oganov]] and the USPEX Team<br /> | author = Artem R. Oganov<br /> | sponsor = [[wikipedia:Skolkovo Institute of Science and Technology|Skolkovo Institute of Science and Technology]]<br /> | maintainer = USPEX Team<br /> | released = {{Start date and age|2023|06|01}}<br /> <br /> | programming language = C++, Fortran<br /> | operating system = Windows, Linux, macOS<br /> | website = {{URL|https://uspex-at-home.ru/prediction/}}<br /> }}<br /> <br /> [https://uspex-at-home.ru/prediction/ '''''USPEX@HOME'''''] is a '''''[[wikipedia:Volunteer computing|volunteer computing]]''''' project based on the [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] platform. The project allows volunteers around the world to donate spare processing power from their computers to help researchers discover and predict new crystalline materials and compounds.&lt;ref&gt;{{cite web|url=https://uspex-at-home.ru/prediction/|title=USPEX@HOME|publisher=USPEX Team|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> The project is based on the [[wikipedia:USPEX|USPEX]] evolutionary crystal structure prediction method, a computational approach used in materials science and condensed matter physics to predict stable atomic structures under different physical conditions.&lt;ref&gt;{{cite journal|last=Oganov|first=A. R.|title=Crystal structure prediction using evolutionary algorithms|journal=Journal of Chemical Physics|year=2006|volume=124|issue=24|pages=244704|doi=10.1063/1.2210932}}&lt;/ref&gt;<br /> <br /> USPEX@HOME focuses on identifying novel materials with potentially useful properties, including superconductors, superhard materials, energy storage compounds, catalysts, and high pressure phases of matter.&lt;ref&gt;{{cite web|url=https://uspex-team.org/en|title=USPEX Team|publisher=USPEX Team|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> == Why USPEX@HOME? ==<br /> <br /> Predicting the atomic arrangement of materials is one of the major challenges in computational materials science. The physical and chemical properties of a material are strongly determined by the arrangement of its atoms in three dimensional space. Determining the most stable structure for a chemical composition often requires searching an enormous number of possible atomic configurations.<br /> <br /> For a crystal structure containing many atoms, the number of possible arrangements increases combinatorially. Researchers attempt to minimize the total free energy of the system:<br /> <br /> &lt;math&gt;G = H - TS&lt;/math&gt;<br /> <br /> where:<br /> <br /> * &lt;math&gt;G&lt;/math&gt; is the Gibbs free energy<br /> * &lt;math&gt;H&lt;/math&gt; is enthalpy<br /> * &lt;math&gt;T&lt;/math&gt; is temperature<br /> * &lt;math&gt;S&lt;/math&gt; is entropy<br /> <br /> Stable crystal structures generally correspond to local or global minima of the free energy surface.&lt;ref&gt;{{cite journal|last=Oganov|first=A. R.|last2=Glass|first2=C. W.|title=Crystal structure prediction using ab initio evolutionary techniques: Principles and applications|journal=Journal of Chemical Physics|year=2008|volume=124|pages=244704|doi=10.1063/1.2400012}}&lt;/ref&gt;<br /> <br /> Because these calculations are computationally intensive, distributed volunteer computing provides a practical way to perform large numbers of simulations simultaneously across thousands of participating computers.<br /> <br /> == Goal ==<br /> <br /> The primary goal of USPEX@HOME is to accelerate the discovery of new materials through large scale computational simulations performed on volunteer computers. The project uses evolutionary algorithms and first principles calculations to search for stable and metastable crystal structures.&lt;ref&gt;{{cite web|url=https://uspex-at-home.ru/prediction/|title=About USPEX@HOME|publisher=USPEX@HOME|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> Researchers associated with the project investigate materials that may exhibit important technological properties, including:<br /> <br /> * High temperature superconductivity<br /> * Superhardness<br /> * Improved battery performance<br /> * Hydrogen rich compounds<br /> * Novel semiconductors<br /> * High pressure phases of matter<br /> <br /> Many of these calculations involve quantum mechanical modeling techniques derived from [[wikipedia:Density functional theory|density functional theory]] and related computational chemistry methods.<br /> <br /> The project also serves as a public participation initiative in modern scientific research, allowing volunteers to contribute directly to materials discovery and computational physics research.<br /> <br /> == Methods ==<br /> [[File:Brianite crystal structure (Alkemper-Fuess 1998) crystallographic standard alignment.png|thumb|Brianite crystal structure (Alkemper-Fuess 1998) crystallographic standard alignment]]<br /> USPEX@HOME uses the USPEX evolutionary algorithm framework together with BOINC distributed computing infrastructure.&lt;ref&gt;{{cite journal|last=Glass|first=C. W.|last2=Oganov|first2=A. R.|last3=Hansen|first3=N.|title=USPEX evolutionary crystal structure prediction|journal=Computer Physics Communications|year=2006|volume=175|issue=11-12|pages=713-720|doi=10.1016/j.cpc.2006.07.020}}&lt;/ref&gt;<br /> <br /> The USPEX method applies concepts inspired by biological evolution to optimize crystal structures. Candidate structures are generated and refined over multiple generations using operations such as:<br /> <br /> * Heredity<br /> * Mutation<br /> * Permutation<br /> *Natural selection<br /> <br /> The fitness of a structure is generally determined by minimizing total energy or enthalpy:<br /> <br /> &lt;math&gt;H = E + PV&lt;/math&gt;<br /> <br /> where:<br /> <br /> * &lt;math&gt;H&lt;/math&gt; is enthalpy<br /> * &lt;math&gt;E&lt;/math&gt; is internal energy<br /> * &lt;math&gt;P&lt;/math&gt; is pressure<br /> * &lt;math&gt;V&lt;/math&gt; is volume<br /> <br /> Structures with lower enthalpy are considered more stable under given pressure conditions.<br /> <br /> The BOINC infrastructure enables these workloads to be distributed across thousands of volunteer systems. Each participant downloads work units, processes calculations locally, and uploads results back to the project servers.<br /> <br /> Volunteer computing is particularly well suited to this type of research because crystal structure searches often require evaluating many independent candidate structures in parallel. This parallelism allows the project to scale efficiently across geographically distributed computers.<br /> <br /> USPEX has been widely cited in computational materials science literature and has contributed to the prediction of numerous experimentally verified materials and high pressure compounds.&lt;ref&gt;{{cite journal|last=Oganov|first=A. R.|last2=Lyakhov|first2=A. O.|last3=Valle|first3=M.|title=How evolutionary crystal structure prediction works and why|journal=Accounts of Chemical Research|year=2011|volume=44|issue=3|pages=227-237|doi=10.1021/ar1001318}}&lt;/ref&gt;<br /> <br /> == Volunteer Computing ==<br /> <br /> USPEX@HOME is part of the broader ecosystem of BOINC based volunteer computing projects. Volunteers install the BOINC client software and attach to the project using an account on the project website.&lt;ref&gt;{{cite web|url=https://boinc.berkeley.edu/|title=BOINC|publisher=University of California, Berkeley|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> The project primarily distributes CPU based tasks related to crystal structure optimization and materials simulations. Depending on the workload, tasks may vary significantly in runtime and computational complexity.<br /> <br /> Like many BOINC projects, USPEX@HOME uses a credit system to reward volunteers for completed work units and to encourage community participation.<br /> <br /> == Scientific significance ==<br /> [[File:BOINC project architecture.png|thumb|BOINC project architecture]]<br /> Crystal structure prediction has become increasingly important in modern materials science. Computational methods can reduce the need for expensive laboratory experiments by identifying promising candidate materials before synthesis.<br /> <br /> Applications of predicted materials may include:<br /> <br /> * Energy storage systems<br /> * Aerospace engineering<br /> * Electronics<br /> * Catalysis<br /> * Medical technologies<br /> * High pressure physics<br /> <br /> USPEX methods have been used in the prediction of new superconducting hydrides and other exotic materials under extreme conditions.&lt;ref&gt;{{cite journal|last=Duan|first=D.|last2=Liu|first2=Y.|title=Pressure induced metallization of dense hydrogen sulfide|journal=Scientific Reports|year=2014|volume=4|pages=6968|doi=10.1038/srep06968}}&lt;/ref&gt;<br /> <br /> == Project team / Sponsors ==<br /> <br /> The project is developed and maintained by the USPEX research team led by [[wikipedia:Artem Oganov|Artem R. Oganov]], a computational materials scientist known for his work in crystal structure prediction and high pressure chemistry.&lt;ref&gt;{{cite web|url=https://uspex-team.org/en|title=USPEX Team|publisher=USPEX Team|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> Research associated with USPEX has involved collaborations with institutions including:<br /> <br /> * [[wikipedia:Skolkovo Institute of Science and Technology|Skolkovo Institute of Science and Technology]]<br /> * [[wikipedia:Moscow Institute of Physics and Technology|Moscow Institute of Physics and Technology]]<br /> * [[wikipedia:Russian Academy of Sciences|Russian Academy of Sciences]]<br /> <br /> == Statistics ==<br /> <br /> As with other BOINC projects, USPEX@HOME publishes statistics regarding participating users, hosts, and computational throughput through its server status pages.&lt;ref&gt;{{cite web|url=https://uspex-at-home.ru/prediction/server_status.php|title=USPEX@HOME server status|publisher=USPEX@HOME|access-date=2026-05-23}}&lt;/ref&gt;<br /> <br /> The project maintains international participation from volunteers contributing computational resources from personal computers and servers worldwide.<br /> <br /> == See also ==<br /> <br /> * [[wikipedia:BOINC|BOINC]]<br /> * [[wikipedia:Volunteer computing|Volunteer computing]]<br /> * [[wikipedia:Distributed computing|Distributed computing]]<br /> * [[wikipedia:Materials science|Materials science]]<br /> * [[wikipedia:Crystal structure prediction|Crystal structure prediction]]<br /> * [[wikipedia:Density functional theory|Density functional theory]]<br /> * [[wikipedia:Computational chemistry|Computational chemistry]]<br /> <br /> == External links ==<br /> <br /> * [https://uspex-at-home.ru/prediction/ Official USPEX@HOME website]<br /> * [https://uspex-team.org/en Official USPEX Team website]<br /> * [https://boinc.berkeley.edu/ BOINC official website]<br /> <br /> == References ==<br /> <br /> {{Reflist}}</div> Admin https://boincsynergy.ca/wiki/index.php?title=PrimeGrid&diff=1405 PrimeGrid 2026-05-28T04:06:37Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = PrimeGrid<br /> | logo = Primegrid.jpg<br /> | logo caption = PrimeGrid logo<br /> | screenshot = Primegrid.gif<br /> | caption = PrimeGrid screensaver displaying the 321 Prime Search application<br /> <br /> | status = Active<br /> | category = Mathematics, Number theory<br /> | compute = CPU &amp; GPU<br /> | dependencies = <br /> <br /> | developer = Rytis Slatkevičius and the PrimeGrid community<br /> | author = Rytis Slatkevičius<br /> | maintainer = PrimeGrid administrators and volunteers<br /> | released = {{Start date and age|2005|06|12}}<br /> | repository = https://www.primegrid.com/<br /> <br /> | programming language = C, C++, Perl<br /> | operating system = Windows, Linux, macOS, FreeBSD, Android<br /> | size = Varies by application<br /> <br /> | stats as of = {{Start date and age|2026|05|22}}<br /> | average performance = 3.2 PFLOPS<br /> | active users = 3146<br /> | total users = 357586<br /> | active hosts = 13355<br /> | total hosts = 889268<br /> <br /> | website = {{URL|https://www.primegrid.com/}}<br /> | license = Mixed; mostly proprietary scientific applications with open-source components<br /> }}<br /> <br /> BOINC project [https://www.primegrid.com/ '''''PrimeGrid'''''] is a '''[[wikipedia:Volunteer computing|volunteer computing]]''' project focused on the discovery of large [[wikipedia:Prime number|prime numbers]] and the advancement of computational [[wikipedia:Number theory|number theory]]. The project operates on the [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] platform and allows volunteers worldwide to donate unused CPU and GPU processing power to mathematical research.&lt;ref name=&quot;wiki&quot;&gt;{{cite web |url=https://en.wikipedia.org/wiki/PrimeGrid |title=PrimeGrid |website=Wikipedia}}&lt;/ref&gt;&lt;ref name=&quot;status&quot;&gt;{{cite web |url=https://www.primegrid.com/server_status.php |title=PrimeGrid Server Status |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> == History ==<br /> PrimeGrid began on 12 June 2005 under the name '''Message@Home'''. The original project was operated from founder Rytis Slatkevičius' personal laptop and initially served as a test platform for '''PerlBOINC''', an effort to implement BOINC server software in the Perl programming language to improve compatibility with Microsoft Windows systems.&lt;ref&gt;{{cite web |url=https://primegrid.fandom.com/wiki/History_of_PrimeGrid |title=History of PrimeGrid |website=PrimeGrid Wiki}}&lt;/ref&gt;<br /> <br /> The project's first application, '''Message7''', attempted to recover a message encoded with the MD5 hashing algorithm through brute-force search methods. In August 2005 the RSA-640 factoring challenge replaced the Message7 project, and later that year the community voted to rename the project to '''PrimeGrid'''.&lt;ref&gt;{{cite web |url=https://primegrid.fandom.com/wiki/History_of_PrimeGrid |title=History of PrimeGrid |website=PrimeGrid Wiki}}&lt;/ref&gt;<br /> <br /> PrimeGrid subsequently evolved into one of the largest distributed computing projects dedicated exclusively to prime number research. The project has discovered thousands of large prime numbers, including numerous world-record and megaprime discoveries.&lt;ref name=&quot;wiki&quot; /&gt;<br /> <br /> == Goals ==<br /> PrimeGrid's primary objective is to advance mathematical research through large-scale distributed searches for prime numbers of special forms. Volunteers install the BOINC client and select one or more PrimeGrid subprojects to process mathematical workloads on their computers.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/ |title=PrimeGrid |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> The project also seeks to:<br /> <br /> * Solve longstanding mathematical conjectures and open problems.<br /> * Discover record-setting and megaprime numbers.<br /> * Provide educational information about prime numbers and number theory.<br /> * Demonstrate the computational complexity involved in modern cryptographic systems.&lt;ref name=&quot;wiki&quot; /&gt;<br /> <br /> Prime numbers play an important role in public-key cryptography systems such as RSA encryption. Research into large primes helps mathematicians and computer scientists better understand computational limits and cryptographic security.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/ |title=PrimeGrid |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> == Methods ==<br /> PrimeGrid operates multiple independent mathematical subprojects, each targeting a different class of prime numbers or unsolved problem in number theory.<br /> <br /> Many PrimeGrid searches involve evaluating expressions such as:<br /> <br /> &lt;math&gt;k \cdot 2^n + 1&lt;/math&gt;<br /> <br /> or<br /> <br /> &lt;math&gt;b^{2^n} + 1&lt;/math&gt;<br /> <br /> where integer values are tested for primality using probabilistic and deterministic algorithms including LLR, PRP, and sieving methods.<br /> <br /> === Current and historical subprojects ===<br /> <br /> * '''321 Prime Search''' — Searches for primes of the form:<br /> :&lt;math&gt;3 \cdot 2^n \pm 1&lt;/math&gt;<br /> <br /> * '''Cullen Prime Search''' — Searches for Cullen primes:<br /> :&lt;math&gt;n \cdot 2^n + 1&lt;/math&gt;<br /> <br /> * '''Woodall Prime Search''' — Searches for Woodall primes:<br /> :&lt;math&gt;n \cdot 2^n - 1&lt;/math&gt;<br /> <br /> * '''Generalized Cullen/Woodall Prime Search''' — Searches for generalized forms:<br /> :&lt;math&gt;n \cdot b^n \pm 1&lt;/math&gt;<br /> <br /> * '''Generalized Fermat Prime Search''' — Searches for generalized Fermat primes:<br /> :&lt;math&gt;b^{2^n} + 1&lt;/math&gt;<br /> <br /> * '''Prime Sierpinski Project''' — Attempts to solve the [[wikipedia:Sierpiński problem|Sierpiński problem]].<br /> <br /> * '''Seventeen or Bust''' — Searches for a proof related to the Sierpiński problem by eliminating remaining candidate values of &lt;math&gt;k&lt;/math&gt;.<br /> <br /> * '''The Riesel Problem''' — Searches for values proving numbers of the form:<br /> :&lt;math&gt;k \cdot 2^n - 1&lt;/math&gt;<br /> are always composite.<br /> <br /> * '''Extended Sierpinski Problem''' — A broader extension of the classical Sierpiński problem.<br /> <br /> * '''Proth Prime Search''' — Searches for Proth primes:<br /> :&lt;math&gt;k \cdot 2^n + 1&lt;/math&gt;<br /> <br /> * '''AP27 Search''' — Searches for long arithmetic progressions of prime numbers.&lt;ref&gt;{{cite web |url=https://en.wikipedia.org/wiki/Primes_in_arithmetic_progression |title=Primes in arithmetic progression |website=Wikipedia}}&lt;/ref&gt;<br /> <br /> * '''Twin Prime Search''' — Searches for twin primes of the form:<br /> :&lt;math&gt;p&lt;/math&gt; and &lt;math&gt;p+2&lt;/math&gt;<br /> <br /> * '''Wieferich and Wall-Sun-Sun Search''' — Searches for rare special classes of primes connected to modular arithmetic and Fibonacci sequences.<br /> <br /> Users may select preferred subprojects through the PrimeGrid preferences page.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/prefs.php?subset=project |title=PrimeGrid project preferences |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> == Software and hardware support ==<br /> [[File:Primegrid.gif|alt=PrimeGrid Screensaver - 321 Prime Search v5.09 - 2008|thumb|PrimeGrid screensaver showing the 321 Prime Search application.]]PrimeGrid supports both CPU and GPU computation. Applications are available for:<br /> <br /> * Microsoft Windows<br /> * Linux<br /> * macOS<br /> * Android<br /> * FreeBSD<br /> <br /> GPU applications support NVIDIA CUDA, OpenCL, and Apple Silicon GPUs for selected subprojects.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/apps.php |title=PrimeGrid Applications |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> PrimeGrid also provides ARM-compatible applications for certain Windows-on-ARM systems.&lt;ref&gt;{{cite web |url=https://www.reddit.com/r/BOINC/comments/1t0nk3m/official_primegrid_news_windowsarm_suppport_for/ |title=Official PrimeGrid News - Windows/ARM support for GFN apps |website=Reddit}}&lt;/ref&gt;<br /> <br /> == Scientific results ==<br /> PrimeGrid has discovered thousands of large prime numbers, including many megaprimes containing more than one million decimal digits.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/ |title=PrimeGrid |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> The project maintains public databases of discoveries and published results.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/pubresults.php |title=PrimeGrid Published Results |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> === Twin Prime Search, n=195000 ===<br /> Contains raw data from the Twin Prime Search project for &lt;math&gt;n = 195000&lt;/math&gt;. Compressed size: 20.9 MiB.<br /> <br /> * [https://www.primegrid.com/download/torrent/TPS_195000.torrent Download torrent]<br /> <br /> === Twin Prime Search, n=333333 ===<br /> Contains raw data from the Twin Prime Search project for &lt;math&gt;n = 333333&lt;/math&gt;. Compressed size: 607 MiB.<br /> <br /> * [https://www.primegrid.com/download/torrent/TPS_333333.torrent Download torrent]<br /> <br /> == Prime discoveries ==<br /> PrimeGrid participants have discovered many record-setting primes and megaprimes. The project regularly reports discoveries to [[wikipedia:The Largest Known Primes Database|The Largest Known Primes Database]] (Top5000).&lt;ref&gt;{{cite web |url=https://t5k.org/ |title=The Largest Known Primes Database |website=Prime Pages}}&lt;/ref&gt;<br /> <br /> As of 2026, PrimeGrid had reported more than 38,000 primes to the Top5000 database and discovered more than 3,600 megaprimes.&lt;ref name=&quot;status&quot; /&gt;<br /> <br /> == Infrastructure ==<br /> PrimeGrid uses the BOINC infrastructure combined with additional custom applications including:<br /> <br /> * LLR (Lucas-Lehmer-Riesel)<br /> * PRPNet<br /> * Genefer<br /> * PFGW<br /> <br /> The project distributes work units to volunteer computers, validates returned computations, and maintains statistical rankings for users, teams, and hardware.&lt;ref name=&quot;wiki&quot; /&gt;<br /> <br /> According to the PrimeGrid server status page, the project operates at more than 3 PFLOPS of computing power with hundreds of thousands of registered users and hosts.&lt;ref name=&quot;status&quot; /&gt;<br /> <br /> == Community ==<br /> PrimeGrid maintains an active international volunteer community through forums, Discord, and external mathematical discussion boards.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/forum_index.php |title=PrimeGrid Forums |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> The project also hosts periodic computational challenges where participants compete to generate the highest amount of computational credit during specific time windows.&lt;ref&gt;{{cite web |url=https://www.primegrid.com/challenge/ |title=PrimeGrid Challenge Series |website=PrimeGrid}}&lt;/ref&gt;<br /> <br /> PrimeGrid is frequently recommended within the BOINC community due to its consistent availability of work units and broad hardware support.&lt;ref&gt;{{cite web |url=https://www.reddit.com/r/BOINC/comments/1qkoq90/rosetta_denis_gpugrid_rna_world_no_tasks/ |title=Rosetta, DENIS, GPUGRID, RNA World no tasks? |website=Reddit}}&lt;/ref&gt;<br /> <br /> == Scientific publications ==<br /> <br /> # Bethune, Iain. ''PrimeGrid: a Volunteer Computing Platform for Number Theory''. Annual International Conference on Computational Mathematics, Computational Geometry &amp; Statistics (2015). DOI: 10.5176/2251-1911_CMCGS15.43.&lt;ref&gt;{{cite web |url=https://www.dropbox.com/s/6lmn8c7ujnj1cng/CMCGS_2015_Proceedings_Paper_20.pdf?dl=0 |title=PrimeGrid: a Volunteer Computing Platform for Number Theory}}&lt;/ref&gt;<br /> <br /> # Bethune, Iain Arthur and Yves Gallot. ''Genefer: Programs for Finding Large Probable Generalized Fermat Primes''. Journal of Open Research Software (2015). DOI: 10.5334/jors.ca.&lt;ref&gt;{{cite web |url=https://openresearchsoftware.metajnl.com/article/10.5334/jors.ca/ |title=Genefer: Programs for Finding Large Probable Generalized Fermat Primes}}&lt;/ref&gt;<br /> <br /> # Bethune, Iain and Michael Goetz. ''Extending the Generalized Fermat Prime Number Search Beyond One Million Digits Using GPUs''. Parallel Processing and Applied Mathematics (2014).&lt;ref&gt;{{cite web |url=http://link.springer.com/10.1007/978-3-642-55224-3_11 |title=Extending the Generalized Fermat Prime Number Search Beyond One Million Digits Using GPUs}}&lt;/ref&gt;<br /> <br /> # Anderson, David P. ''BOINC: A System for Public-Resource Computing and Storage''. Proceedings of the Fifth IEEE/ACM International Workshop on Grid Computing (2004).&lt;ref&gt;{{cite web |url=https://boinc.berkeley.edu/pubs.php |title=BOINC publications |website=BOINC}}&lt;/ref&gt;<br /> <br /> == See also ==<br /> * [[wikipedia:BOINC|BOINC]]<br /> * [[wikipedia:Distributed computing|Distributed computing]]<br /> * [[wikipedia:Prime number|Prime number]]<br /> * [[wikipedia:Megaprime|Megaprime]]<br /> * [[wikipedia:Sierpiński number|Sierpiński number]]<br /> * [[wikipedia:Riesel number|Riesel number]]<br /> <br /> == External links ==<br /> * [https://www.primegrid.com/ Official website]<br /> * [https://www.primegrid.com/forum_index.php PrimeGrid forums]<br /> * [https://www.primegrid.com/pubresults.php Published results]<br /> * [https://primegrid.fandom.com/wiki/PrimeGrid_Wiki PrimeGrid Wiki]<br /> * [https://github.com/BOINC/boinc BOINC GitHub repository]<br /> <br /> == References ==<br /> {{Reflist}}<br /> <br /> [[Category:BOINC]]<br /> [[Category:Distributed computing projects]]<br /> [[Category:Number theory]]<br /> [[Category:Prime numbers]]<br /> [[Category:Volunteer computing projects]]<br /> [[Category:2005 software]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=SETI@home&diff=1404 SETI@home 2026-05-28T03:55:04Z <p>Admin: update images</p> <hr /> <div>{{Infobox software<br /> | name = SETI@home<br /> | logo = SETI@home logo.png<br /> | logo caption = SETI@home logo<br /> | screenshot = SETI@home custom background and logo screensaver.gif<br /> | caption = The SETI@home screensaver displaying radio signal analysis in progress<br /> | description = SETI@home is a hibernating volunteer computing project hosted by the Space Sciences Laboratory at UC Berkeley, using the BOINC platform to search for extraterrestrial intelligence by analyzing radio telescope data from Arecibo and Green Bank.<br /> <br /> | status = Hibernating<br /> | category = Astrophysics / SETI<br /> | compute = CPU &amp; GPU<br /> | dependencies = None<br /> <br /> | developer = University of California, Berkeley<br /> | author = David Gedye, David P. Anderson, Dan Werthimer<br /> | sponsor = National Science Foundation, NASA, volunteer donations<br /> | maintainer = Eric Korpela (current director)<br /> | released = {{Start date and age|1999|05|17}}<br /> | completed =<br /> | discontinued =<br /> | repository =<br /> <br /> | programming language = C, C++<br /> | operating system = Windows, Linux, macOS, Android, Solaris, FreeBSD, IBM AIX, HP-UX, IRIX, OS/2 Warp<br /> | size =<br /> <br /> | stats as of = March 2020<br /> | active users = 91454<br /> | total users = 1803163<br /> | active hosts = 144779<br /> | total hosts = 165178<br /> <br /> | website = {{URL|https://setiathome.berkeley.edu/}}<br /> | license = GPL-2.0-or-later<br /> }}<br /> <br /> '''SETI@home''' (pronounced &quot;SETI at home&quot;) is a volunteer [[distributed computing]] project run by the [[Berkeley SETI Research Center]] and hosted by the [[Space Sciences Laboratory]] at the [[University of California, Berkeley]].&lt;ref name=&quot;wikipedia-seti&quot;&gt;{{cite web |url=https://en.wikipedia.org/wiki/SETI@home |title=SETI@home |publisher=Wikipedia |access-date=2026-05-26}}&lt;/ref&gt; Its goal is to analyze radio telescope data in search of signals that could indicate extraterrestrial intelligence, making it one of many activities in the worldwide [[Search for Extraterrestrial Intelligence|SETI]] effort. SETI@home ran as an active volunteer computing project from May 17, 1999, until March 31, 2020, when it entered an indefinite period of hibernation while the research team focused on analyzing accumulated data.&lt;ref name=&quot;hibernation-announcement&quot;&gt;{{cite web |url=https://setiathome.berkeley.edu/old_news.php |title=SETI@home hibernation announcement |publisher=SETI@home, University of California, Berkeley |date=2020-03-07 |access-date=2026-05-26}}&lt;/ref&gt;<br /> [[File:Arecibo Observatory Aerial View.jpg|thumb|The Arecibo Observatory in Puerto Rico was SETI@home's primary data source throughout most of the project's history. Data was recorded onto magnetic tapes and physically mailed to Berkeley for processing.]]<br /> SETI@home was the third large-scale use of volunteer computing over the Internet for research purposes, following the [[Great Internet Mersenne Prime Search]] (GIMPS), launched in 1996, and [[distributed.net]], launched in 1997.&lt;ref name=&quot;spacenews-10th&quot;&gt;{{cite web |url=https://spacenews.com/seti-at-home-celebrates-10th-anniversary/ |title=SETI@home Celebrates 10th Anniversary |publisher=SpaceNews |date=2009 |access-date=2026-05-26}}&lt;/ref&gt; With over 5.2 million participants worldwide at its peak, it was the volunteer computing project with the most participants recorded to date,&lt;ref name=&quot;wikipedia-seti&quot;/&gt; and was recognized by the 2008 edition of the ''[[Guinness World Records]]'' as the largest computation in history.&lt;ref name=&quot;guinness&quot;&gt;{{cite web |url=https://www.guinnessworldrecords.com/world-records/73215-largest-distributed-computing-project |title=Largest distributed computing project |publisher=Guinness World Records |access-date=2026-05-26}}&lt;/ref&gt;<br /> <br /> == Background and origins ==<br /> <br /> The concept for SETI@home emerged in 1995 when David Gedye, then a project manager at Starwave Corp., proposed using a virtual supercomputer composed of large numbers of Internet-connected computers to perform radio SETI analysis.&lt;ref name=&quot;cacm2002&quot;&gt;{{cite journal |last1=Anderson |first1=David P. |last2=Cobb |first2=Jeff |last3=Korpela |first3=Eric |last4=Lebofsky |first4=Matt |last5=Werthimer |first5=Dan |title=SETI@home: An Experiment in Public-Resource Computing |journal=Communications of the ACM |volume=45 |issue=11 |pages=56–61 |date=November 2002 |url=https://setiathome.berkeley.edu/sah_papers/cacm.php |access-date=2026-05-26}}&lt;/ref&gt; Prior to SETI@home, radio SETI projects relied on special-purpose supercomputers located at the telescope facility itself.&lt;ref name=&quot;cacm2002&quot;/&gt; Gedye partnered with [[University of Washington]] astronomer Woody Sullivan, who suggested contacting Dan Werthimer, whose [[SERENDIP]] project was already conducting SETI observations at [[Arecibo Observatory|Arecibo]], and with David P. Anderson, a specialist in distributed computing at UC Berkeley's Space Sciences Laboratory.&lt;ref name=&quot;spacenews-10th&quot;/&gt;<br /> <br /> The project was initially funded with just $100,000 from [[The Planetary Society]] and [[Paramount Pictures]], and in its early years received donated server hardware from companies such as Sun Microsystems and Intel before transitioning to a purely donation-supported model.&lt;ref name=&quot;spacenews-10th&quot;/&gt;<br /> <br /> SETI@home was publicly launched on May 17, 1999. Within the first week, nearly 300,000 computers were already processing data from Arecibo. Within a few months, more than one million volunteers had signed up across 223 countries.&lt;ref name=&quot;digitaltrends&quot;&gt;{{cite web |url=https://www.digitaltrends.com/cool-tech/setihome-citizen-scientists-extraterrestrial-intelligence/ |title=How SETI@home accelerated alien hunting with an army of armchair astronomers |publisher=Digital Trends |date=2020-09-09 |access-date=2026-05-26}}&lt;/ref&gt;<br /> <br /> == Scientific goals ==<br /> <br /> SETI@home was established with two primary goals:&lt;ref name=&quot;cacm2002&quot;/&gt;<br /> <br /> # To conduct useful scientific work in an observational analysis aimed at detecting intelligent life beyond [[Earth]].<br /> # To demonstrate the viability and practicality of the &quot;volunteer computing&quot; concept.<br /> <br /> The second goal is considered to have succeeded fully: the [[Berkeley Open Infrastructure for Network Computing|BOINC]] platform, developed from technology pioneered by SETI@home, now supports dozens of computationally intensive scientific projects across many disciplines.&lt;ref name=&quot;wikipedia-seti&quot;/&gt; The first goal, as of 2026, has produced no conclusive evidence of extraterrestrial intelligence, though the project identified a number of scientifically interesting candidate signals for follow-up observation.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> == How it worked ==<br /> <br /> === Data acquisition ===<br /> <br /> SETI@home collected observational data &quot;piggyback&quot; or &quot;passively&quot; while [[Arecibo Observatory|Arecibo]] (and later the [[Green Bank Telescope]]) were being used for other scientific programs.&lt;ref name=&quot;wikipedia-seti&quot;/&gt; At Arecibo, data was sampled and written to high-density [[Digital Linear Tape|DLT]] cartridges at a rate of approximately one 35&amp;nbsp;GB tape per day. Because Arecibo lacked a broadband Internet connection, tapes were physically mailed to the SETI@home laboratory at UC Berkeley.&lt;ref name=&quot;cacm2002&quot;/&gt; Once received, the data was divided both in the [[time domain]] and [[frequency domain]] into work units of approximately 107 seconds in duration, each roughly 0.35&amp;nbsp;[[megabyte|MB]] in size, overlapping in time but not in frequency.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> === Client software and screensaver ===<br /> <br /> Volunteers installed a free client program on their computers. When the machine was otherwise idle, the program downloaded a work unit from the SETI@home server, processed it, and returned the results automatically upon the next Internet connection. The software also featured an optional [[screensaver]] that displayed a real-time visualization of the signal analysis in progress, showing [[spectrogram]]s and signal-strength graphs.&lt;ref name=&quot;universetoday&quot;&gt;{{cite web |url=https://www.universetoday.com/articles/setihome-is-on-pause-unfortunately-its-not-because-theyve-discovered-aliens |title=SETI@home is on Pause |publisher=Universe Today |access-date=2026-05-26}}&lt;/ref&gt;<br /> <br /> === Signal detection algorithms ===<br /> <br /> The client software searched for five categories of signals that distinguish genuine candidates from background [[electromagnetic noise|noise]]:&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> # '''Spikes''' in [[power spectrum|power spectra]]<br /> # '''Gaussians''': rises and falls in transmission power that may represent a telescope beam's [[main lobe]] passing over a radio source<br /> # '''Triplets''': three power spikes in a row<br /> # '''Pulses''': repeating signals possibly representing narrowband digital-style transmissions<br /> # '''Autocorrelations''': matching signal waveforms using [[autocorrelation]]<br /> <br /> The core technique involved applying large numbers of [[discrete Fourier transform]]s (DFTs) at various [[chirp]] rates and durations, essentially equivalent to simultaneously tuning many narrow radio channels and looking for unexplained excess power. Formally, for a sampled time-series signal &lt;math&gt;x[n]&lt;/math&gt;, the discrete Fourier transform at frequency bin &lt;math&gt;k&lt;/math&gt; is:<br /> <br /> &lt;math&gt;X[k] = \sum_{n=0}^{N-1} x[n] \cdot e^{-i 2\pi k n / N}&lt;/math&gt;<br /> <br /> Each work unit was analyzed across hundreds of frequency sub-bands and drift rates to account for the [[Doppler shift|Doppler frequency drift]] that would result from the relative motion between a transmitting planet and Earth.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> [[File:BOINC Manager Screenshot.jpg|left|thumb|SETI@home running in the BOINC Manager]]<br /> <br /> === Work unit validation ===<br /> <br /> To guard against fraudulent or erroneous results, every work unit was sent to multiple computers (a practice called &quot;initial replication,&quot; typically set to a value of 2). Credit was only awarded once a minimum number of returned results agreed with one another (the &quot;minimum quorum&quot;). If disagreement occurred, additional copies of the work unit were distributed until a quorum was reached. The final credit granted to all machines returning the correct result was set to the lowest value claimed among them.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> == From Classic to BOINC ==<br /> <br /> The initial software platform, known as &quot;SETI@home Classic,&quot; ran from May 17, 1999, to December 15, 2005. This program was capable only of running SETI@home tasks and required volunteers to manually download new software with each algorithm update.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> In 2005, the project transitioned to the [[Berkeley Open Infrastructure for Network Computing|BOINC]] platform, which had been developed by David P. Anderson with funding from the [[National Science Foundation]].&lt;ref name=&quot;setiathome-iopscience&quot;&gt;{{cite journal |last=Anderson |first=David P. |display-authors=et al. |title=SETI@home: Data Acquisition and Front-End Processing |journal=The Astronomical Journal |date=2025 |url=https://iopscience.iop.org/article/10.3847/1538-3881/ade5a7 |access-date=2026-05-26}}&lt;/ref&gt; BOINC allowed algorithm updates without requiring user intervention, enabled volunteers to contribute to multiple scientific projects simultaneously, and opened the door to new types of signal analysis.&lt;ref name=&quot;transition&quot;&gt;{{cite web |url=https://setiathome.berkeley.edu/transition.php |title=SETI@home's transition to BOINC |publisher=SETI@home, UC Berkeley |access-date=2026-05-26}}&lt;/ref&gt;<br /> <br /> === SETI@home Enhanced ===<br /> <br /> On May 3, 2006, distribution of a new version called &quot;SETI@home Enhanced&quot; began. Taking advantage of increased desktop computing power since 1999, this version was approximately twice as sensitive to Gaussian signals and certain classes of pulsed signals as the original BOINC-based release. Application builds were also produced with processor-specific optimizations, especially for [[Intel]] instruction sets, allowing faster execution on compatible hardware.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> === GPU acceleration ===<br /> <br /> With assistance from [[NVIDIA]], SETI@home developed a client application using the [[CUDA]] parallel computing platform. This GPU-accelerated version achieved speeds from 2 to 10 times faster than the CPU-only version, depending on hardware. For example, a GeForce GTX 280 was more than twice as fast as a high-end 3.2&amp;nbsp;GHz Intel Core i7 965 CPU running the same analysis.&lt;ref name=&quot;nvidia-cuda&quot;&gt;{{cite web |url=https://grib.upf.edu/nvidia-cuda-technology-dramatically-advances-the-pace-of-scientific-research/ |title=NVIDIA CUDA Technology Dramatically Advances the Pace of Scientific Research |access-date=2026-05-26}}&lt;/ref&gt; GPU support via CUDA was formally incorporated into SETI@home in 2015.&lt;ref name=&quot;wikipedia-seti&quot;/&gt;<br /> <br /> == AstroPulse ==<br /> <br /> AstroPulse was a companion application to SETI@home designed to search for short, broadband radio pulses in the same Arecibo data. Where SETI@home concentrated on narrowband continuous signals, AstroPulse used [[coherent dedispersion]] to search for brief but powerful bursts that could indicate rapidly rotating [[pulsar]]s, evaporating primordial [[black hole]]s, or previously unknown astrophysical phenomena, as well as another possible signature of extraterrestrial intelligence.&lt;ref name=&quot;planetary-astropulse&quot;&gt;{{cite web |url=https://www.planetary.org/articles/setiathome_20030925 |title=New and Improved SETI@home |publisher=The Planetary Society |date=2003-09-25 |access-date=2026-05-26}}&lt;/ref&gt; AstroPulse was one of the earliest test applications for BOINC. Beta testing of its final public release was completed in July 2008, and distribution of work units to qualifying machines began in</div> Admin https://boincsynergy.ca/wiki/index.php?title=Main_Page&diff=1403 Main Page 2026-05-28T03:42:40Z <p>Admin: Add SETI@home</p> <hr /> <div>__NOTOC__<br /> __NOEDITSECTION__<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-hero&quot;&gt;[[File:Banner.png|center|frameless|250x250px]]<br /> &lt;div class=&quot;bs-hero-title&quot;&gt;BOINC Projects&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-subtitle&quot;&gt;The most comprehensive encyclopedia of BOINC volunteer computing projects on the web&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-btn&quot;&gt;'''[[BOINC projects|➜ Browse the Complete BOINC Projects Table]]'''&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-note&quot;&gt;The definitive, community-maintained table documenting every known active and retired BOINC project. The most comprehensive BOINC project list anywhere on the internet.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> QUICK-STATS RIBBON<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-stats&quot;&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-purple&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;51&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects documented&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-teal&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;334&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects listed&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-coral&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;10+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Research fields&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-blue&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;{{CURRENTYEAR}}&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Continuously updated&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> WHAT IS A BOINC PROJECT?<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-definition&quot;&gt;<br /> &lt;span class=&quot;bs-definition-label&quot;&gt;What is a BOINC project?&lt;/span&gt;<br /> '''A BOINC project''' is a website and associated server set up by an individual or group to distribute applications to [https://boinc.berkeley.edu/ BOINC] volunteer computing devices. Those devices deliberately attach to receive, process, and return results for further scientific research — at no cost to the researcher, and no cost to the volunteer beyond electricity.<br /> <br /> ''BOINC'' stands for '''Berkeley Open Infrastructure for Network Computing''', developed at the University of California, Berkeley. Any researcher can create a BOINC project; any person can donate their idle CPU or GPU time to one.<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> PRIMARY CTA — TABLE LINK<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📋 The BOINC Projects Master Table&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;The [[BOINC projects|List of all BOINC projects]] table is the heart of this wiki — a structured, sortable reference covering project name, research field, institution, supported platforms, active status, GPU support, and more. It is the primary reason this resource exists and the most complete registry of BOINC projects available anywhere.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC projects|View the complete list of BOINC projects →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> LOCAL PROJECT PAGES<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == Local BOINC project wiki pages ==<br /> <br /> Each project below has its own dedicated article on this wiki. Projects are grouped by research domain and activity status.<br /> <br /> === ✦ Active BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-teal mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔭 Astrophysics, Cosmology &amp; Space&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Einstein@Home]] gravitational wave and pulsar detection<br /> | * [[MilkyWay@home]] mapping the Milky Way's structure<br /> |-<br /> | * [[LHC@home]] CERN particle physics simulations<br /> | * [[Gaia@home]] ESA Gaia mission data reduction<br /> |-<br /> | colspan=&quot;2&quot; | * [[SPACIOUS@home]] space situational awareness<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-purple mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧬 Biology, Medicine &amp; Biochemistry&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[GPUGRID]] GPU-accelerated biomolecular simulations<br /> | * [[TN-Grid]] neurological research<br /> |-<br /> | * [[Rosetta@home]] protein structure prediction<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-blue mw-collapsible&quot;&gt;&lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔢 Mathematics, Number Theory &amp; Cryptography&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |* [[Gerasim@home]] multi-project. number field sieve factorisation<br /> |<br /> |-<br /> | * [[PrimeGrid]] prime number searches across many sub-projects<br /> | * [[NFS@Home]] number field sieve factorisation<br /> |-<br /> | * [[SRBase]] Sierpinski-Riesel base search<br /> | * [[NumberFields@Home]] algebraic number field tables<br /> |-<br /> | * [[YAFU]] yet another factorisation utility<br /> | * [[LODA]] integer sequence program synthesis<br /> |-<br /> | * [[Moo! Wrapper]] distributed.net RC5-72 wrapper<br /> | * [[ODLK]] orthogonal diagonal Latin squares<br /> |-<br /> | * [[ODLK1]] ODLK variant 1<br /> | * [[ODLK2025]] ODLK 2025 campaign<br /> |-<br /> | * [[Rakesearch]] Latin square searches<br /> | * [[SPT]] Subspace Polynomial Traversal<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-green mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🌍 Climate, Environment &amp; Earth Sciences&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Climateprediction.net|climate''prediction''.net]] global climate ensemble modelling<br /> | * [[Asteroids@home]] asteroid orbit determination<br /> |-<br /> | * [[Radioactive@home]] background radiation monitoring<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🤖 Artificial Intelligence, Computing &amp; Infrastructure&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[IThena.Computational]] computational measurement network<br /> | * [[IThena.Measurements]] network performance metrics<br /> |-<br /> | * [[BOINC Central]] BOINC infrastructure project<br /> | * [[WUProp@Home]] work unit propagation statistics<br /> |-<br /> |* [[Yoyo@home]] scientific and mathematical subprojects<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-coral mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧪 Physics, Chemistry &amp; Materials Science&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[USPEX@HOME]] crystal structure prediction<br /> | * [[World Community Grid]] multi-domain humanitarian research<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🕹️ Community, Recreation &amp; Miscellaneous&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Minecraft@Home]] Minecraft world-seed research<br /> | * [[PRIVATE GFN SERVER]] private Generalized Fermat Number server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-pink mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧫 Test &amp; Development Projects&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects serve as active testing and development platforms for BOINC software and infrastructure rather than primary research goals.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | colspan=&quot;2&quot; | * [[Cpdnboinc dev]] cpdn development and testing server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Paused BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏯ Paused projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects are temporarily suspended but have not formally closed. Work may resume in future.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[DENIS@home]] cardiac electrophysiology research, currently paused<br /> |* [[SiDock@home]] drug candidate screening<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for the most current status of all projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Retired &amp; inactive BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏸ Retired projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects have suspended operations or are no longer accepting new work units. Their pages are preserved here for historical reference and research continuity.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Albert@Home]] developement site for Einstein@Home<br /> | * [[Amicable Numbers]] amicable pair enumeration<br /> |-<br /> | * [[Axiom Distributed AI]] distributed AI model training<br /> | * [[BlackHoles@Home]] black hole binary merger waveforms<br /> |-<br /> | * [[Data freezer]] long-term data archival research<br /> | * [[GoofyxGrid@Home NCI]] non-covalent interaction analysis<br /> |-<br /> | * [[nanoHUB@Home]] nanotechnology simulation<br /> | * [[Parlea]] RNA 3D structure motif analysis<br /> |-<br /> | * [[RALPH@home]] developement site for Rosetta@home<br /> | * [[Ramanujan Machine]] conjectured mathematical identities<br /> |-<br /> | * [[Universe@Home]] stellar evolution modelling<br /> | * [[WEP-M+2 Project]] Mersenne-related prime search<br /> |-<br /> |[[RNA World (beta)]] RNA folding and molecular evolution<br /> |* [[SETI@home]] search for extraterrestrial intelligence<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for definitive active/inactive status on all documented projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == How to participate in BOINC projects ==<br /> <br /> &lt;div class=&quot;bs-steps&quot;&gt;<br /> &lt;div class=&quot;bs-step bs-step-purple&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;1. Download BOINC&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Get the free BOINC client from [https://boinc.berkeley.edu/download.php boinc.berkeley.edu]. Available for Windows, macOS, Linux, and Android.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-teal&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;2. Choose a project&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Browse the [[BOINC projects|complete BOINC projects list]] on this wiki. Filter by research field, platform support, or GPU availability.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-blue&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;3. Attach &amp; contribute&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Register on the project's website, attach via the BOINC client, and your idle computer begins processing work units automatically.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> ABOUT THIS WIKI<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == About this wiki ==<br /> <br /> This ''BOINC projects'' MediaWiki is researched, written, and maintained by [https://boincsynergy.ca/ BOINC Synergy] — a volunteer initiative dedicated to documenting the global BOINC ecosystem. The [[BOINC projects|projects table]] is considered the flagship resource: a single, structured, continuously-updated registry of every known BOINC project, past and present.<br /> <br /> Corrections, additions, and edits are welcome. If you know of a BOINC project not yet listed, please use the talk page or contact [https://boincsynergy.ca/ BOINC Synergy] directly.<br /> <br /> &lt;div class=&quot;bs-footer-bar&quot;&gt;<br /> &lt;small&gt;'''''BOINC projects''''' MediaWiki is developed by [https://boincsynergy.ca/ BOINC Synergy] &amp;nbsp;·&amp;nbsp; Content reflects the state of the BOINC ecosystem as of {{CURRENTYEAR}} &amp;nbsp;·&amp;nbsp; [[BOINC projects|Full projects table →]]&lt;/small&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Distributed computing]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=Main_Page&diff=1402 Main Page 2026-05-28T03:37:29Z <p>Admin: </p> <hr /> <div>__NOTOC__<br /> __NOEDITSECTION__<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-hero&quot;&gt;[[File:Banner.png|center|frameless|250x250px]]<br /> &lt;div class=&quot;bs-hero-title&quot;&gt;BOINC Projects&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-subtitle&quot;&gt;The most comprehensive encyclopedia of BOINC volunteer computing projects on the web&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-btn&quot;&gt;'''[[BOINC projects|➜ Browse the Complete BOINC Projects Table]]'''&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-note&quot;&gt;The definitive, community-maintained table documenting every known active and retired BOINC project. The most comprehensive BOINC project list anywhere on the internet.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> QUICK-STATS RIBBON<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-stats&quot;&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-purple&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;50&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects documented&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-teal&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;334&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects listed&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-coral&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;10+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Research fields&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-blue&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;{{CURRENTYEAR}}&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Continuously updated&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> WHAT IS A BOINC PROJECT?<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-definition&quot;&gt;<br /> &lt;span class=&quot;bs-definition-label&quot;&gt;What is a BOINC project?&lt;/span&gt;<br /> '''A BOINC project''' is a website and associated server set up by an individual or group to distribute applications to [https://boinc.berkeley.edu/ BOINC] volunteer computing devices. Those devices deliberately attach to receive, process, and return results for further scientific research — at no cost to the researcher, and no cost to the volunteer beyond electricity.<br /> <br /> ''BOINC'' stands for '''Berkeley Open Infrastructure for Network Computing''', developed at the University of California, Berkeley. Any researcher can create a BOINC project; any person can donate their idle CPU or GPU time to one.<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> PRIMARY CTA — TABLE LINK<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📋 The BOINC Projects Master Table&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;The [[BOINC projects|List of all BOINC projects]] table is the heart of this wiki — a structured, sortable reference covering project name, research field, institution, supported platforms, active status, GPU support, and more. It is the primary reason this resource exists and the most complete registry of BOINC projects available anywhere.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC projects|View the complete list of BOINC projects →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> LOCAL PROJECT PAGES<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == Local BOINC project wiki pages ==<br /> <br /> Each project below has its own dedicated article on this wiki. Projects are grouped by research domain and activity status.<br /> <br /> === ✦ Active BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-teal mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔭 Astrophysics, Cosmology &amp; Space&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Einstein@Home]] gravitational wave and pulsar detection<br /> | * [[MilkyWay@home]] mapping the Milky Way's structure<br /> |-<br /> | * [[LHC@home]] CERN particle physics simulations<br /> | * [[Gaia@home]] ESA Gaia mission data reduction<br /> |-<br /> | colspan=&quot;2&quot; | * [[SPACIOUS@home]] space situational awareness<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-purple mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧬 Biology, Medicine &amp; Biochemistry&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[GPUGRID]] GPU-accelerated biomolecular simulations<br /> | * [[TN-Grid]] neurological research<br /> |-<br /> | * [[Rosetta@home]] protein structure prediction<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-blue mw-collapsible&quot;&gt;&lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔢 Mathematics, Number Theory &amp; Cryptography&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |* [[Gerasim@home]] multi-project. number field sieve factorisation<br /> |<br /> |-<br /> | * [[PrimeGrid]] prime number searches across many sub-projects<br /> | * [[NFS@Home]] number field sieve factorisation<br /> |-<br /> | * [[SRBase]] Sierpinski-Riesel base search<br /> | * [[NumberFields@Home]] algebraic number field tables<br /> |-<br /> | * [[YAFU]] yet another factorisation utility<br /> | * [[LODA]] integer sequence program synthesis<br /> |-<br /> | * [[Moo! Wrapper]] distributed.net RC5-72 wrapper<br /> | * [[ODLK]] orthogonal diagonal Latin squares<br /> |-<br /> | * [[ODLK1]] ODLK variant 1<br /> | * [[ODLK2025]] ODLK 2025 campaign<br /> |-<br /> | * [[Rakesearch]] Latin square searches<br /> | * [[SPT]] Subspace Polynomial Traversal<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-green mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🌍 Climate, Environment &amp; Earth Sciences&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Climateprediction.net|climate''prediction''.net]] global climate ensemble modelling<br /> | * [[Asteroids@home]] asteroid orbit determination<br /> |-<br /> | * [[Radioactive@home]] background radiation monitoring<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🤖 Artificial Intelligence, Computing &amp; Infrastructure&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[IThena.Computational]] computational measurement network<br /> | * [[IThena.Measurements]] network performance metrics<br /> |-<br /> | * [[BOINC Central]] BOINC infrastructure project<br /> | * [[WUProp@Home]] work unit propagation statistics<br /> |-<br /> |* [[Yoyo@home]] scientific and mathematical subprojects<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-coral mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧪 Physics, Chemistry &amp; Materials Science&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[USPEX@HOME]] crystal structure prediction<br /> | * [[World Community Grid]] multi-domain humanitarian research<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🕹️ Community, Recreation &amp; Miscellaneous&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Minecraft@Home]] Minecraft world-seed research<br /> | * [[PRIVATE GFN SERVER]] private Generalized Fermat Number server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-pink mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧫 Test &amp; Development Projects&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects serve as active testing and development platforms for BOINC software and infrastructure rather than primary research goals.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | colspan=&quot;2&quot; | * [[Cpdnboinc dev]] cpdn development and testing server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Paused BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏯ Paused projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects are temporarily suspended but have not formally closed. Work may resume in future.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[DENIS@home]] cardiac electrophysiology research, currently paused<br /> |* [[SiDock@home]] drug candidate screening<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for the most current status of all projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Retired &amp; inactive BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏸ Retired projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects have suspended operations or are no longer accepting new work units. Their pages are preserved here for historical reference and research continuity.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Albert@Home]] developement site for Einstein@Home<br /> | * [[Amicable Numbers]] amicable pair enumeration<br /> |-<br /> | * [[Axiom Distributed AI]] distributed AI model training<br /> | * [[BlackHoles@Home]] black hole binary merger waveforms<br /> |-<br /> | * [[Data freezer]] long-term data archival research<br /> | * [[GoofyxGrid@Home NCI]] non-covalent interaction analysis<br /> |-<br /> | * [[nanoHUB@Home]] nanotechnology simulation<br /> | * [[Parlea]] RNA 3D structure motif analysis<br /> |-<br /> | * [[RALPH@home]] developement site for Rosetta@home<br /> | * [[Ramanujan Machine]] conjectured mathematical identities<br /> |-<br /> | * [[Universe@Home]] stellar evolution modelling<br /> | * [[WEP-M+2 Project]] Mersenne-related prime search<br /> |-<br /> |[[RNA World (beta)]] RNA folding and molecular evolution<br /> |* [[SETI@home]] search for extraterrestrial intelligence<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for definitive active/inactive status on all documented projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == How to participate in BOINC projects ==<br /> <br /> &lt;div class=&quot;bs-steps&quot;&gt;<br /> &lt;div class=&quot;bs-step bs-step-purple&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;1. Download BOINC&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Get the free BOINC client from [https://boinc.berkeley.edu/download.php boinc.berkeley.edu]. Available for Windows, macOS, Linux, and Android.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-teal&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;2. Choose a project&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Browse the [[BOINC projects|complete BOINC projects list]] on this wiki. Filter by research field, platform support, or GPU availability.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-blue&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;3. Attach &amp; contribute&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Register on the project's website, attach via the BOINC client, and your idle computer begins processing work units automatically.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> ABOUT THIS WIKI<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == About this wiki ==<br /> <br /> This ''BOINC projects'' MediaWiki is researched, written, and maintained by [https://boincsynergy.ca/ BOINC Synergy] — a volunteer initiative dedicated to documenting the global BOINC ecosystem. The [[BOINC projects|projects table]] is considered the flagship resource: a single, structured, continuously-updated registry of every known BOINC project, past and present.<br /> <br /> Corrections, additions, and edits are welcome. If you know of a BOINC project not yet listed, please use the talk page or contact [https://boincsynergy.ca/ BOINC Synergy] directly.<br /> <br /> &lt;div class=&quot;bs-footer-bar&quot;&gt;<br /> &lt;small&gt;'''''BOINC projects''''' MediaWiki is developed by [https://boincsynergy.ca/ BOINC Synergy] &amp;nbsp;·&amp;nbsp; Content reflects the state of the BOINC ecosystem as of {{CURRENTYEAR}} &amp;nbsp;·&amp;nbsp; [[BOINC projects|Full projects table →]]&lt;/small&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Distributed computing]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=ODLK1&diff=1401 ODLK1 2026-05-28T03:22:14Z <p>Admin: </p> <hr /> <div>{{Infobox software<br /> | name = ODLK1<br /> | logo = ODLK1.png<br /> | logo caption = ODLK1 project logo<br /> <br /> | status = Active<br /> | category = Mathematics<br /> | compute = CPU<br /> | dependencies = None<br /> <br /> | developer = Progger; Stefano Tognon (ice00)<br /> | author = Natalia Makarova<br /> | maintainer = Progger; Stefano Tognon (ice00); Reese<br /> | released = November 2017<br /> <br /> | operating system = Windows, Linux, FreeBSD, ARM64 (Linux)<br /> <br /> | stats as of = 22 May 2026<br /> | active users = 562<br /> | total users = 3885<br /> | active hosts = 2687<br /> | total hosts = 112444<br /> | average performance = ~18,127 GigaFLOPS<br /> <br /> | website = {{URL|https://boinc.multi-pool.info/latinsquares/}}<br /> }}<br /> <br /> [https://boinc.multi-pool.info/latinsquares/ '''''ODLK1'''''] is a '''''[[wikipedia:Volunteer computing|volunteer distributed computing]]''''' project that needs your help to investigate diagonal Latin squares.<br /> <br /> == Goal ==<br /> BOINC project ODLK1 continues to solve the problem of BOINC project ODLK. The project generates a database of [[wikipedia:Canonical form|canonical forms]] (CF) of [[wikipedia:Latin square|diagonal Latin squares]] (DLS) of order 10 that possess orthogonal diagonal Latin squares (ODLS). In combinatorics, a Latin square of order ''n'' is an ''n'' × ''n'' array in which each of ''n'' different symbols appears exactly once in each row and once in each column. A ''diagonal'' Latin square additionally requires that both main diagonals also contain each symbol exactly once.&lt;ref&gt;{{cite web|url=https://en.wikipedia.org/wiki/Latin_square|title=Latin square|publisher=Wikipedia|accessdate=2026-05-22}}&lt;/ref&gt; Two such squares are ''orthogonal'' if, when superimposed, every ordered pair of symbols appears exactly once.&lt;ref&gt;{{cite web|url=https://en.wikipedia.org/wiki/Latin_square|title=Latin square – Orthogonality|publisher=Wikipedia|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> The goal of the project is a complete enumeration of canonical forms of order-10 DLS that have at least one orthogonal partner, contributing to an open problem in combinatorial mathematics with connections to [[wikipedia:Magic square|magic square]] construction, [[wikipedia:Sudoku|Sudoku]]-like puzzles, statistical experimental design, and error-correcting codes.<br /> <br /> == Background ==<br /> <br /> === Latin squares and orthogonality ===<br /> The study of Latin squares dates to [[wikipedia:Leonhard Euler|Leonhard Euler]] in the 18th century. Euler conjectured that orthogonal Latin squares of certain orders could not exist; this conjecture was famously disproved for orders greater than 6 in 1960.&lt;ref&gt;{{cite web|url=https://en.wikipedia.org/wiki/Latin_square|title=Latin square|publisher=Wikipedia|accessdate=2026-05-22}}&lt;/ref&gt; The additional symmetry constraints imposed by the ''diagonal'' condition make the orthogonality question significantly harder at order 10.<br /> <br /> <br /> A pair of diagonal Latin squares of order 10 are called an ''orthogonal pair'' (or MODLS — Mutually Orthogonal Diagonal Latin Squares) when the 100 cells of one, overlaid on the other, produce all 100 distinct ordered pairs of symbols. Such pairs are extremely rare and were unknown until 1992. A ''canonical form'' (CF) is a standardised representative of an equivalence class of squares related by symmetry transformations; reducing each square to its canonical form allows researchers to count and catalogue truly distinct configurations without duplication.<br /> <br /> === Foundational result (1992) ===<br /> The first three orthogonal pairs of diagonal Latin squares of order 10 were found in 1992 and published in the paper &quot;Completion of the Spectrum of Orthogonal Diagonal Latin Squares&quot; by J. W. Brown, F. Cherry, L. Most, E. Parker, and W. D. Wallis.&lt;ref&gt;{{cite book|author=Brown, J. W.; Cherry, F.; Most, L.; Parker, E.; Wallis, W. D.|chapter=Completion of the Spectrum of Orthogonal Diagonal Latin Squares|title=Lecture Notes in Pure and Applied Mathematics|volume=139|pages=43–49|year=1992|publisher=Marcel Dekker}}&lt;/ref&gt; This result completed the proof that orthogonal diagonal Latin squares of every order except 2 and 6 exist, but left open the question of how many such pairs exist at order 10 and what their full structure looks like.<br /> <br /> === SAT@home predecessor project (2012–2016) ===<br /> From 2012 to 2016 the scientific BOINC project '''SAT@home''' searched for new orthogonal pairs of diagonal Latin squares of order 10 using [[wikipedia:Boolean satisfiability problem|Boolean satisfiability]] (SAT) solving techniques.&lt;ref&gt;{{cite web|url=https://www.overclock.net/threads/new-project-odlk1-latin-squares.1642994/|title=New Project: ODLK1 [Latin Squares]|website=Overclock.net|date=2017-11-28|accessdate=2026-05-22}}&lt;/ref&gt; That project discovered 77 unique orthogonal pairs, yielding 154 unique canonical forms of ODLS. The solutions from SAT@home were incorporated into the ODLK1 database as a starting point.<br /> <br /> === ODLK — the predecessor BOINC project (2017–present) ===<br /> The original BOINC project '''ODLK''' was launched on 19 May 2017 by Natalia Makarova at &lt;code&gt;https://boinc.progger.info/odlk/&lt;/code&gt;, hosted by Progger (Czech Republic).&lt;ref&gt;{{cite web|url=https://boinc.berkeley.edu/forum_thread.php?id=11837|title=Thread: BOINC project ODLK|publisher=BOINC message boards|date=2017-09-11|accessdate=2026-05-22}}&lt;/ref&gt; The ODLK project has celebrated successive anniversaries; a post from May 2024 marked its seventh year of continuous operation.&lt;ref&gt;{{cite web|url=https://boinc.progger.info/odlk/forum_forum.php?id=1|title=Message boards – News – ОДЛК|accessdate=2026-05-22}}&lt;/ref&gt; The complete database of canonical forms found by the ODLK project from 2017 through January 2022 was published by Natalia Makarova.&lt;ref&gt;{{cite web|url=https://boinc.progger.info/odlk/forum_forum.php?id=1|title=Message boards – Полная БД КФ ОДЛК 2017–2021|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == History ==<br /> <br /> ODLK1 (also known as '''LatinSquares''') was announced in December 2017 as a Russian-Italian continuation of the ODLK project. On 7 December 2017, Natalia Makarova posted on the BOINC message boards: &quot;Welcome to the Russian-Italian project ODLK1!&quot; with the project hosted by Stefano Tognon (ice00) on the multi-pool.info infrastructure.&lt;ref&gt;{{cite web|url=https://boinc.berkeley.edu/forum_thread.php?id=11837|title=Thread: BOINC project ODLK|publisher=BOINC message boards|date=2017-12-07|accessdate=2026-05-22}}&lt;/ref&gt; The project runs alongside its parent, with different server infrastructure, allowing volunteers to contribute to both projects in parallel.<br /> <br /> The first application, '''odlk3@home''', became available on Linux (x86-64) on 28 October 2017, with Windows, Linux x86, and FreeBSD versions added on 6 November 2017. A second application, '''odlkmax@home''', was added on 26 December 2017.&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/apps.php|title=Applications – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt; An ARM64 Linux build of odlk3@home was added on 30 December 2024, showing continued active development and support for modern hardware.&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/apps.php|title=Applications – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> An early progress report covering November 2017 through February 2020 showed the project had processed approximately 8,993,278 total &quot;mate&quot; (DLS with orthogonal partner) squares.&lt;ref&gt;{{cite web|url=https://boinc.progger.info/odlk/old_news.php|title=News archive – ОДЛК|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> In January 2026 the project migrated to upgraded server hardware; as Stefano Tognon noted, the changeover was handled within the existing virtual machine, so volunteers noticed no interruption except for a brief downtime of approximately one hour.&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/|title=ODLK1 – User of the Day / News|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> In February 2025 a new related project, '''ODLK2025''', was launched separately at &lt;code&gt;https://boinc.mak.termit.me/odlk2025/&lt;/code&gt;, indicating ongoing community interest in extending this family of research.&lt;ref&gt;{{cite web|url=https://boinc.tbrada.eu/|title=T. Brada Experimental Grid – news|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == Project team / Sponsor ==<br /> * '''Natalia Makarova''' — Scientific author and research lead (Russia). Originator of both the ODLK and ODLK1 projects and author of numerous posts to the OEIS documenting results. Contact: natalimak1@yandex.ru.&lt;ref&gt;{{cite web|url=https://boinc.tbrada.eu/|title=T. Brada Experimental Grid|accessdate=2026-05-22}}&lt;/ref&gt;<br /> * '''Progger''' — Co-maintainer (Czech Republic); responsible for server administration on the parent ODLK project and ongoing liaison with the ODLK1 infrastructure.<br /> * '''Stefano Tognon (ice00)''' — Infrastructure host (Italy); operates the multi-pool.info BOINC hosting environment on which ODLK1 runs, and manages server hardware upgrades.<br /> * '''Reese''' — Credited co-maintainer, listed in the project copyright since 2024.&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/server_status.php|title=Project status – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == Applications ==<br /> <br /> [[File:BOINC_logo.png|right|150px|frameless]]<br /> <br /> The project currently runs two CPU-only applications, both at version 1.00:&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/apps.php|title=Applications – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> === odlk3@home ===<br /> Searches for canonical forms of order-10 DLS using the ''odlk3'' algorithm. Typical task runtime averages 0.37 hours (ranging 0 to ~58 hours). Supported platforms and benchmark performance:<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! Platform !! Avg. GigaFLOPS<br /> |-<br /> | Windows x86-64 || 4,777<br /> |-<br /> | Linux x86-64 || 3,764<br /> |-<br /> | Linux ARM64 || 431<br /> |-<br /> | FreeBSD x86-64 || 448<br /> |-<br /> | Windows x86 / Linux x86 / FreeBSD x86 || 6–20<br /> |}<br /> <br /> === odlkmax@home ===<br /> Focuses on finding DLS of order 10 with the maximum possible number of orthogonal partners. Typical task runtime averages 0.31 hours (ranging 0.01 to ~42 hours). Supported on Windows (x86, x86-64), Linux (x86, x86-64), and FreeBSD (x86, x86-64). Average computing power up to ~4,755 GigaFLOPS on Windows x86-64.<br /> <br /> Both applications are purely CPU-based; no GPU acceleration is offered. Task deadlines are seven days; checkpointing is not supported. Recommended RAM per task is approximately 10 MB.<br /> <br /> == Server status (as of 22 May 2026) ==<br /> <br /> All server components — scheduler, feeder, transitioner, file deleter, db_purge, validators, assimilators, and work generators for both applications — were confirmed running.&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/server_status.php|title=Project status – ODLK1|date=2026-05-22|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! Metric !! Value<br /> |-<br /> | Tasks ready to send || 434,860<br /> |-<br /> | Tasks in progress || 195,221<br /> |-<br /> | Workunits awaiting validation || 0<br /> |-<br /> | Workunits awaiting assimilation || 5<br /> |-<br /> | Users with recent credit || 562<br /> |-<br /> | Total registered users (with credit) || 3,885<br /> |-<br /> | New users in past 24 hours || 70<br /> |-<br /> | Hosts with recent credit || 2,687<br /> |-<br /> | Total registered hosts (with credit) || 112,444<br /> |-<br /> | New hosts in past 24 hours || 21<br /> |-<br /> | Current performance || ~18,127 GigaFLOPS<br /> |-<br /> | Server software version || 1.1.0<br /> |}<br /> <br /> === Tasks by application (22 May 2026) ===<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! Application !! Unsent !! In progress !! Avg. runtime (hours) !! Active users (last 24 h)<br /> |-<br /> | odlk3@home || 197,325 || 101,903 || 0.37 (0 – 57.95) || 287<br /> |-<br /> | odlkmax@home || 237,536 || 93,317 || 0.31 (0.01 – 42.05) || 274<br /> |}<br /> <br /> == Scientific results ==<br /> <br /> The primary output of the project is the growing database of canonical forms of order-10 DLS with orthogonal partners, hosted publicly on Yandex Disk:<br /> <br /> * '''https://disk.yandex.ru/d/RsHtIf6bCWV8xg'''<br /> ** Application '''odlk3''': '''350,094''' CF ODLK discovered<br /> ** Application '''odlkmax''': '''342,181''' CF ODLK discovered<br /> <br /> Together these represent a substantial expansion beyond the 154 canonical forms known from SAT@home in 2016, and constitute one of the most comprehensive datasets on orthogonal diagonal Latin squares of order 10 ever compiled.<br /> <br /> The [[wikipedia:On-Line Encyclopedia of Integer Sequences|OEIS]] contains multiple sequences informed by research from the ODLK/ODLK1 community, including entries on the number of normalised ODLS derivable from a single DLS and the enumeration of DLS of small orders by various combinatorial properties.&lt;ref&gt;{{cite web|url=https://oeis.org/A287695|title=A287695 – OEIS|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == Community and teams ==<br /> <br /> ODLK1 is an internationally participated project. The top contributing teams as of May 2026 by recent average credit are:&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/top_teams.php|title=Top teams – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! Rank !! Team !! Members !! Recent avg. credit !! Total credit<br /> |-<br /> | 1 || Gridcoin || 1,256 || 1,562,924 || 4,356,244,831<br /> |-<br /> | 2 || Ars Technica || 9 || 239,238 || 37,519,798<br /> |-<br /> | 3 || Ukraine || 19 || 172,136 || 29,620,446<br /> |-<br /> | 4 || Czech National Team || 57 || 70,942 || 75,664,807<br /> |-<br /> | 5 || XtremeSystems || 14 || 50,690 || 42,620,371<br /> |-<br /> | 6 || UK BOINC Team || 30 || 44,371 || 38,450,478<br /> |-<br /> | 7 || Sicituradastra. || 12 || 42,956 || 19,377,308<br /> |-<br /> | 8 || BOINC@AUSTRALIA || 28 || 40,745 || 63,603,287<br /> |-<br /> | 9 || L'Alliance Francophone || 119 || 39,321 || 90,119,379<br /> |-<br /> | 10 || Rechenkraft.net || 44 || 37,467 || 50,012,989<br /> |}<br /> <br /> The dominant team, [[wikipedia:Gridcoin|Gridcoin]], is an open-source cryptocurrency project that rewards BOINC volunteers with GRC tokens in proportion to their computing contribution across whitelisted projects.&lt;ref&gt;{{cite web|url=https://gridcoin.us/|title=Gridcoin – Rewarding Scientific Distributed Computing|accessdate=2026-05-22}}&lt;/ref&gt; ODLK1 is included on the Gridcoin whitelist, meaning participants can earn Gridcoin cryptocurrency while contributing to the project's mathematical research.<br /> <br /> === Top individual contributors (by recent average credit, May 2026) ===<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! Rank !! Participant !! Country !! Recent avg. credit !! Member since<br /> |-<br /> | 1 || macgeyer || France || 426,078 || Jan 2018<br /> |-<br /> | 2 || Science United || — || 220,239 || Feb 2019<br /> |-<br /> | 3 || whizbang || — || 207,001 || Jul 2025<br /> |-<br /> | 4 || grcpool.5 || International || 193,694 || Dec 2022<br /> |-<br /> | 5 || KetamiNO [YouTube] || Ukraine || 167,041 || Jan 2019<br /> |}<br /> <br /> &lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/top_users.php|title=Top participants – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> The earliest registered active participant, &quot;klepel&quot; (rank 19), joined on 11 January 2018 — just weeks after the project opened — and continues to contribute as of May 2026.<br /> <br /> == Related scientific publications ==<br /> <br /> The broader research programme on diagonal Latin squares and their orthogonality, which directly motivates ODLK1, has produced a significant body of peer-reviewed literature. Key papers include:<br /> <br /> * {{cite journal|author=Vatutin, E. I.; Zaikin, O. S.; Kochemazov, S. E.; Valyaev, S. Yu.|year=2017|title=Using Volunteer Computing to Study Some Features of Diagonal Latin Squares|journal=Open Engineering|volume=7|issue=1|pages=453–460|doi=10.1515/eng-2017-0052}} — Presents algorithms for enumerating transversals of DLS and the reduction of the order-10 ODLS search to a SAT problem, with large-scale experiments in Gerasim@home and SAT@home.&lt;ref&gt;{{cite web|url=https://www.degruyterbrill.com/document/doi/10.1515/eng-2017-0052/html|title=Using Volunteer Computing to Study Some Features of Diagonal Latin Squares|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite book|author=Vatutin, E. I.; Kochemazov, S. E.; Zaikin, O. S.|year=2017|chapter=Applying Volunteer and Parallel Computing for Enumerating Diagonal Latin Squares of Order 9|title=Communications in Computer and Information Science|volume=753|pages=114–129|publisher=Springer, Cham|doi=10.1007/978-3-319-67035-5_9}} — First complete enumeration of all DLS of order 9, a previously unsolved problem, using the Gerasim@home BOINC project.&lt;ref&gt;{{cite web|url=https://link.springer.com/chapter/10.1007/978-3-319-67035-5_9|title=Applying Volunteer and Parallel Computing for Enumerating DLS of Order 9|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite book|author=Vatutin, E.; Belyshev, A.; Kochemazov, S.; Zaikin, O.; Nikitina, N.|year=2019|chapter=Enumeration of Isotopy Classes of Diagonal Latin Squares of Small Order Using Volunteer Computing|title=Communications in Computer and Information Science (RuSCDays 2018)|volume=965|pages=578–586|publisher=Springer, Cham|doi=10.1007/978-3-030-05807-4_49}}&lt;ref&gt;{{cite web|url=https://link.springer.com/chapter/10.1007/978-3-030-05807-4_49|title=Enumeration of Isotopy Classes of DLS|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite book|author=Vatutin, E. I.; Kochemazov, S. E.; Zaikin, O. S.|year=2020|chapter=Evaluation of Efficiency of Using Simple Transformations When Searching for Orthogonal Diagonal Latin Squares of Order 10|title=Supercomputing (RuSCDays 2020)|publisher=Springer, Cham|doi=10.1007/978-3-030-66895-2_9}}&lt;ref&gt;{{cite web|url=https://link.springer.com/chapter/10.1007/978-3-030-66895-2_9|title=Evaluation of Efficiency… Order 10|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite journal|author=Zaikin, O.; Zhuravlev, A.; Kochemazov, S.; Vatutin, E.|year=2016|title=On the Construction of Triples of Diagonal Latin Squares of Order 10|journal=Electronic Notes in Discrete Mathematics|volume=54|pages=307–312|doi=10.1016/j.endm.2016.09.053}}&lt;ref&gt;{{cite web|url=https://www.sciencedirect.com/science/article/abs/pii/S1571065316301470|title=On the Construction of Triples of DLS of Order 10|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite book|author=Vatutin, E.; Belyshev, A.; Nikitina, N.; Manzuk, M.; Albertian, A.; Kurochkin, I.; Kripachev, A.; Pykhtin, A.|year=2023|chapter=Diagonalization and Canonization of Latin Squares|title=Supercomputing (RuSCDays 2023)|series=LNCS|volume=14389|pages=48–61|publisher=Springer, Cham}}&lt;ref&gt;{{cite web|url=https://oeis.org/A287648|title=A287648 – OEIS (references)|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> * {{cite book|author=Brown, J. W.; Cherry, F.; Most, L.; Parker, E.; Wallis, W. D.|year=1992|chapter=Completion of the Spectrum of Orthogonal Diagonal Latin Squares|title=Lecture Notes in Pure and Applied Mathematics|volume=139|pages=43–49|publisher=Marcel Dekker}} — The foundational 1992 paper establishing the very first orthogonal pairs of DLS of order 10.&lt;ref&gt;{{cite web|url=https://www.overclock.net/threads/new-project-odlk1-latin-squares.1642994/|title=New Project: ODLK1 – project background|website=Overclock.net|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == Participating ==<br /> <br /> To contribute computing power to ODLK1, download and install [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]] and attach to the project at:<br /> <br /> : &lt;code&gt;https://boinc.multi-pool.info/latinsquares/&lt;/code&gt;<br /> <br /> There is no GPU requirement. Tasks run on idle CPU time and typically complete in well under an hour. Both Windows and Linux are fully supported; FreeBSD builds and an ARM64 Linux build for odlk3@home are also available, making the project compatible with single-board computers such as the Raspberry Pi 4 and later.<br /> <br /> Participants may also join a team to compete on the credit leaderboards, or — if they run BOINC for multiple projects — use [[wikipedia:Gridcoin|Gridcoin]] to earn cryptocurrency rewards for their combined contribution, as the project is whitelisted on the Gridcoin network.&lt;ref&gt;{{cite web|url=https://gridcoin.us/|title=Gridcoin – Rewarding Scientific Distributed Computing|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> Statistics for ODLK1 are tracked on external aggregators including [http://boincstats.com/ BOINCstats], [http://www.free-dc.org Free-DC], and [http://www.formula-boinc.org/ Formula BOINC].&lt;ref&gt;{{cite web|url=https://boinc.multi-pool.info/latinsquares/stats.php|title=Credit statistics – ODLK1|accessdate=2026-05-22}}&lt;/ref&gt;<br /> <br /> == See also ==<br /> * [[wikipedia:Berkeley Open Infrastructure for Network Computing|BOINC]]<br /> * [[wikipedia:Latin square|Latin square]]<br /> * [[wikipedia:Mutually orthogonal Latin squares|Mutually orthogonal Latin squares]]<br /> * [[wikipedia:Volunteer computing|Volunteer computing]]<br /> * [[wikipedia:Gridcoin|Gridcoin]]<br /> * [[wikipedia:SAT solver|SAT solver]]<br /> <br /> == External links ==<br /> * [https://boinc.multi-pool.info/latinsquares/ ODLK1 project homepage]<br /> * [https://boinc.multi-pool.info/latinsquares/server_status.php ODLK1 server status]<br /> * [https://boinc.multi-pool.info/latinsquares/apps.php ODLK1 applications]<br /> * [https://boinc.multi-pool.info/latinsquares/top_teams.php ODLK1 team leaderboard]<br /> * [https://boinc.progger.info/odlk/ ODLK (predecessor project)]<br /> * [https://disk.yandex.ru/d/RsHtIf6bCWV8xg ODLK1 results database (Yandex Disk)]<br /> * [https://oeis.org/A287695 OEIS A287695 – related integer sequence]<br /> * [https://boinc.berkeley.edu BOINC official site]<br /> * [https://gridcoin.us/ Gridcoin – cryptocurrency reward for BOINC]<br /> <br /> == References ==<br /> {{Reflist}}<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Mathematics]]<br /> [[Category:Combinatorics]]<br /> [[Category:Distributed computing projects]]<br /> [[Category:Latin squares]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1395 MediaWiki:Common.css 2026-05-26T14:56:24Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> Quote CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-quote {<br /> margin: 1em 2em;<br /> padding: 0.5em 1em;<br /> border-left: 3px solid var(--border-color-subtle, #aaa);<br /> background: var(--background-color-interactive-subtle, #f9f9f9);<br /> }<br /> <br /> .bs-quote-source {<br /> text-align: right;<br /> margin-top: 0.5em;<br /> opacity: 0.85;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=Main_Page&diff=1376 Main Page 2026-05-25T02:24:44Z <p>Admin: </p> <hr /> <div>__NOTOC__<br /> __NOEDITSECTION__<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-hero&quot;&gt;<br /> [[File:{{#setmainimage:Banner.png}}|center|frameless|320x107px|BOINC Projects — Volunteer Computing Encyclopedia]]<br /> &lt;div class=&quot;bs-hero-title&quot;&gt;BOINC Projects&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-subtitle&quot;&gt;The most comprehensive encyclopedia of BOINC volunteer computing projects on the web&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-btn&quot;&gt;'''[[BOINC projects|➜ Browse the Complete BOINC Projects Table]]'''&lt;/div&gt;<br /> &lt;div class=&quot;bs-hero-note&quot;&gt;The definitive, community-maintained table documenting every known active and retired BOINC project. The most comprehensive BOINC project list anywhere on the internet.&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> QUICK-STATS RIBBON<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-stats&quot;&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-purple&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;49+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects documented&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-teal&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;10+&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Research fields&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-coral&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;{{CURRENTYEAR}}&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Continuously updated&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-stat bs-stat-blue&quot;&gt;<br /> &lt;div class=&quot;bs-stat-number&quot;&gt;334&lt;/div&gt;<br /> &lt;div class=&quot;bs-stat-label&quot;&gt;Projects listed&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> WHAT IS A BOINC PROJECT?<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-definition&quot;&gt;<br /> &lt;span class=&quot;bs-definition-label&quot;&gt;What is a BOINC project?&lt;/span&gt;<br /> '''A BOINC project''' is a website and associated server set up by an individual or group to distribute applications to [https://boinc.berkeley.edu/ BOINC] volunteer computing devices. Those devices deliberately attach to receive, process, and return results for further scientific research — at no cost to the researcher, and no cost to the volunteer beyond electricity.<br /> <br /> ''BOINC'' stands for '''Berkeley Open Infrastructure for Network Computing''', developed at the University of California, Berkeley. Any researcher can create a BOINC project; any person can donate their idle CPU or GPU time to one.<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> PRIMARY CTA — TABLE LINK<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> &lt;div class=&quot;bs-cta&quot;&gt;<br /> &lt;div class=&quot;bs-cta-title&quot;&gt;📋 The BOINC Projects Master Table&lt;/div&gt;<br /> &lt;div class=&quot;bs-cta-body&quot;&gt;The [[BOINC projects|List of all BOINC projects]] table is the heart of this wiki — a structured, sortable reference covering project name, research field, institution, supported platforms, active status, GPU support, and more. It is the primary reason this resource exists and the most complete registry of BOINC projects available anywhere.&lt;/div&gt;<br /> &lt;big&gt;'''[[BOINC projects|View the complete list of BOINC projects →]]'''&lt;/big&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> LOCAL PROJECT PAGES<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == Local BOINC project wiki pages ==<br /> <br /> Each project below has its own dedicated article on this wiki. Projects are grouped by research domain and activity status.<br /> <br /> === ✦ Active BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-teal mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔭 Astrophysics, Cosmology &amp; Space&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Einstein@Home]] gravitational wave and pulsar detection<br /> | * [[MilkyWay@home]] mapping the Milky Way's structure<br /> |-<br /> | * [[LHC@home]] CERN particle physics simulations<br /> | * [[Gaia@home]] ESA Gaia mission data reduction<br /> |-<br /> | colspan=&quot;2&quot; | * [[SPACIOUS@home]] space situational awareness<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-purple mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧬 Biology, Medicine &amp; Biochemistry&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[GPUGRID]] GPU-accelerated biomolecular simulations<br /> | * [[TN-Grid]] neurological research<br /> |-<br /> | * [[RNA World (beta)]] RNA folding and molecular evolution<br /> | * [[Rosetta@home]] protein structure prediction<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-blue mw-collapsible&quot;&gt;&lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🔢 Mathematics, Number Theory &amp; Cryptography&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |* [[Gerasim@home]] multi-project. number field sieve factorisation<br /> |<br /> |-<br /> | * [[PrimeGrid]] prime number searches across many sub-projects<br /> | * [[NFS@Home]] number field sieve factorisation<br /> |-<br /> | * [[SRBase]] Sierpinski-Riesel base search<br /> | * [[NumberFields@Home]] algebraic number field tables<br /> |-<br /> | * [[YAFU]] yet another factorisation utility<br /> | * [[LODA]] integer sequence program synthesis<br /> |-<br /> | * [[Moo! Wrapper]] distributed.net RC5-72 wrapper<br /> | * [[ODLK]] orthogonal diagonal Latin squares<br /> |-<br /> | * [[ODLK1]] ODLK variant 1<br /> | * [[ODLK2025]] ODLK 2025 campaign<br /> |-<br /> | * [[Rakesearch]] Latin square searches<br /> | * [[SPT]] Subspace Polynomial Traversal<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-green mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🌍 Climate, Environment &amp; Earth Sciences&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Climateprediction.net|climate''prediction''.net]] global climate ensemble modelling<br /> | * [[Asteroids@home]] asteroid orbit determination<br /> |-<br /> | * [[Radioactive@home]] background radiation monitoring<br /> |<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🤖 Artificial Intelligence, Computing &amp; Infrastructure&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[IThena.Computational]] computational measurement network<br /> | * [[IThena.Measurements]] network performance metrics<br /> |-<br /> | * [[BOINC Central]] BOINC infrastructure project<br /> | * [[WUProp@Home]] work unit propagation statistics<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-coral mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧪 Physics, Chemistry &amp; Materials Science&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[USPEX@HOME]] crystal structure prediction<br /> | * [[World Community Grid]] multi-domain humanitarian research<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🕹️ Community, Recreation &amp; Miscellaneous&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Minecraft@Home]] Minecraft world-seed research<br /> | * [[PRIVATE GFN SERVER]] private Generalized Fermat Number server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;bs-group bs-group-pink mw-collapsible&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;🧫 Test &amp; Development Projects&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects serve as active testing and development platforms for BOINC software and infrastructure rather than primary research goals.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | colspan=&quot;2&quot; | * [[Cpdnboinc dev]] cpdn development and testing server<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Paused BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-amber mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏯ Paused projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects are temporarily suspended but have not formally closed. Work may resume in future.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[DENIS@home]] cardiac electrophysiology research, currently paused<br /> |* [[SiDock@home]] drug candidate screening<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for the most current status of all projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> === ✦ Retired &amp; inactive BOINC projects ===<br /> <br /> &lt;div class=&quot;bs-group bs-group-gray mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;bs-group-toggle mw-collapsible-toggle&quot;&gt;⏸ Retired projects (expand)&lt;/div&gt;<br /> &lt;div class=&quot;mw-collapsible-content&quot;&gt;<br /> &lt;div class=&quot;bs-group-note&quot;&gt;These projects have suspended operations or are no longer accepting new work units. Their pages are preserved here for historical reference and research continuity.&lt;/div&gt;<br /> {| class=&quot;bs-project-table&quot;<br /> |-<br /> | * [[Albert@Home]] test site for Einstein@Home<br /> | * [[Amicable Numbers]] amicable pair enumeration<br /> |-<br /> | * [[Axiom Distributed AI]] distributed AI model training<br /> | * [[BlackHoles@Home]] black hole binary merger waveforms<br /> |-<br /> | * [[Data freezer]] long-term data archival research<br /> | * [[GoofyxGrid@Home NCI]] non-covalent interaction analysis<br /> |-<br /> | * [[nanoHUB@Home]] nanotechnology simulation<br /> | * [[Parlea]] RNA 3D structure motif analysis<br /> |-<br /> | * [[RALPH@home]] BOINC testing and development<br /> | * [[Ramanujan Machine]] conjectured mathematical identities<br /> |-<br /> | * [[Universe@Home]] stellar evolution modelling<br /> | * [[WEP-M+2 Project]] Mersenne-related prime search<br /> |}<br /> &lt;div class=&quot;bs-group-footer&quot;&gt;''See the [[BOINC projects|master BOINC projects table]] for definitive active/inactive status on all documented projects.''&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == How to participate in BOINC projects ==<br /> <br /> &lt;div class=&quot;bs-steps&quot;&gt;<br /> &lt;div class=&quot;bs-step bs-step-purple&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;1. Download BOINC&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Get the free BOINC client from [https://boinc.berkeley.edu/download.php boinc.berkeley.edu]. Available for Windows, macOS, Linux, and Android.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-teal&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;2. Choose a project&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Browse the [[BOINC projects|complete BOINC projects list]] on this wiki. Filter by research field, platform support, or GPU availability.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;bs-step bs-step-blue&quot;&gt;<br /> &lt;div class=&quot;bs-step-title&quot;&gt;3. Attach &amp; contribute&lt;/div&gt;<br /> &lt;div class=&quot;bs-step-body&quot;&gt;Register on the project's website, attach via the BOINC client, and your idle computer begins processing work units automatically.&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- ═══════════════════════════════════════════════════════<br /> ABOUT THIS WIKI<br /> ═══════════════════════════════════════════════════════ --&gt;<br /> == About this wiki ==<br /> <br /> This ''BOINC projects'' MediaWiki is researched, written, and maintained by [https://boincsynergy.ca/ BOINC Synergy] — a volunteer initiative dedicated to documenting the global BOINC ecosystem. The [[BOINC projects|projects table]] is considered the flagship resource: a single, structured, continuously-updated registry of every known BOINC project, past and present.<br /> <br /> Corrections, additions, and edits are welcome. If you know of a BOINC project not yet listed, please use the talk page or contact [https://boincsynergy.ca/ BOINC Synergy] directly.<br /> <br /> &lt;div class=&quot;bs-footer-bar&quot;&gt;<br /> &lt;small&gt;'''''BOINC projects''''' MediaWiki is developed by [https://boincsynergy.ca/ BOINC Synergy] &amp;nbsp;·&amp;nbsp; Content reflects the state of the BOINC ecosystem as of {{CURRENTYEAR}} &amp;nbsp;·&amp;nbsp; [[BOINC projects|Full projects table →]]&lt;/small&gt;<br /> &lt;/div&gt;<br /> <br /> [[Category:BOINC projects]]<br /> [[Category:Volunteer computing]]<br /> [[Category:Distributed computing]]</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1375 MediaWiki:Common.css 2026-05-25T02:01:36Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — pale mauve background, bright purple text */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2d2040 !important;<br /> color: #C4BAFF !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1374 MediaWiki:Common.css 2026-05-25T01:30:05Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — dark purple tint */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2a1f42 !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=Template:Infobox_software&diff=1373 Template:Infobox software 2026-05-25T01:29:19Z <p>Admin: </p> <hr /> <div>&lt;includeonly&gt;&lt;table class=&quot;infobox bs-infobox&quot; style=&quot;width:300px; float:right; clear:right; margin:0 0 1em 1em; border-radius:6px; font-size:13px; line-height:1.5; border-collapse:separate; border-spacing:0; overflow:hidden;&quot;&gt;<br /> &lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-title&quot;&gt;{{{name|{{PAGENAME}}}}}&lt;/th&gt;&lt;/tr&gt;<br /> {{#if:{{{logo|}}}|&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;bs-infobox-logo&quot;&gt;[[File:{{{logo}}}|180px|center]]{{#if:{{{logo caption|}}}|&lt;div class=&quot;bs-infobox-caption&quot;&gt;{{{logo caption}}}&lt;/div&gt;}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{screenshot|}}}|&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;bs-infobox-screenshot&quot;&gt;[[File:{{{screenshot}}}|250px|center]]{{#if:{{{caption|}}}|&lt;div class=&quot;bs-infobox-caption&quot;&gt;{{{caption}}}&lt;/div&gt;}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{status|}}}{{{category|}}}{{{compute|}}}{{{dependencies|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Project&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{status|}}}|{{#ifeq:{{{status}}}|Active|&lt;tr class=&quot;bs-infobox-active&quot;&gt;&lt;th class=&quot;bs-infobox-active&quot;&gt;Status&lt;/th&gt;&lt;td class=&quot;bs-infobox-active&quot; style=&quot;font-weight:600;&quot;&gt;{{{status}}}&lt;/td&gt;&lt;/tr&gt;|&lt;tr class=&quot;bs-infobox-inactive&quot;&gt;&lt;th class=&quot;bs-infobox-inactive&quot;&gt;Status&lt;/th&gt;&lt;td class=&quot;bs-infobox-inactive&quot; style=&quot;font-weight:600;&quot;&gt;{{{status}}}&lt;/td&gt;&lt;/tr&gt;}}}}<br /> {{#if:{{{category|}}}|&lt;tr&gt;&lt;th&gt;Category&lt;/th&gt;&lt;td&gt;{{{category}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{compute|}}}|&lt;tr&gt;&lt;th&gt;Compute&lt;/th&gt;&lt;td&gt;{{{compute}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{dependencies|}}}|&lt;tr&gt;&lt;th&gt;Requires&lt;/th&gt;&lt;td&gt;{{{dependencies}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{developer|}}}{{{author|}}}{{{sponsor|}}}{{{maintainer|}}}{{{released|}}}{{{completed|}}}{{{discontinued|}}}{{{repository|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Development&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{developer|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Developer&lt;/th&gt;&lt;td&gt;{{{developer}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{author|}}}|&lt;tr&gt;&lt;th&gt;Author&lt;/th&gt;&lt;td&gt;{{{author}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{sponsor|}}}|&lt;tr&gt;&lt;th&gt;Sponsor&lt;/th&gt;&lt;td&gt;{{{sponsor}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{maintainer|}}}|&lt;tr&gt;&lt;th&gt;Maintainer&lt;/th&gt;&lt;td&gt;{{{maintainer}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{released|}}}|&lt;tr&gt;&lt;th&gt;Initial release&lt;/th&gt;&lt;td&gt;{{{released}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{completed|}}}|&lt;tr&gt;&lt;th&gt;Completed&lt;/th&gt;&lt;td class=&quot;bs-infobox-ended&quot;&gt;{{{completed}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{discontinued|}}}|&lt;tr&gt;&lt;th&gt;Discontinued&lt;/th&gt;&lt;td class=&quot;bs-infobox-ended&quot;&gt;{{{discontinued}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{repository|}}}|&lt;tr&gt;&lt;th&gt;Repository&lt;/th&gt;&lt;td&gt;{{{repository}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{programming language|}}}{{{operating system|}}}{{{size|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Software&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{programming language|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Written in&lt;/th&gt;&lt;td&gt;{{{programming language}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{operating system|}}}|&lt;tr&gt;&lt;th&gt;Operating system&lt;/th&gt;&lt;td&gt;{{{operating system}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{size|}}}|&lt;tr&gt;&lt;th&gt;Size&lt;/th&gt;&lt;td&gt;{{{size}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{stats as of|}}}{{{average performance|}}}{{{active users|}}}{{{total users|}}}{{{active hosts|}}}{{{total hosts|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;BOINC statistics&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{stats as of|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot; class=&quot;bs-infobox-statsdate&quot;&gt;Stats as of&lt;/th&gt;&lt;td class=&quot;bs-infobox-statsdate&quot; style=&quot;font-weight:600;&quot;&gt;{{{stats as of}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{average performance|}}}|&lt;tr&gt;&lt;th&gt;Performance&lt;/th&gt;&lt;td&gt;{{{average performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{active users|}}}|&lt;tr&gt;&lt;th&gt;Active users&lt;/th&gt;&lt;td&gt;{{formatnum:{{{active users}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{total users|}}}|&lt;tr&gt;&lt;th&gt;Total users&lt;/th&gt;&lt;td&gt;{{formatnum:{{{total users}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{active hosts|}}}|&lt;tr&gt;&lt;th&gt;Active hosts&lt;/th&gt;&lt;td&gt;{{formatnum:{{{active hosts}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{total hosts|}}}|&lt;tr&gt;&lt;th&gt;Total hosts&lt;/th&gt;&lt;td&gt;{{formatnum:{{{total hosts}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{rac|}}}{{{credit per day|}}}{{{gpu performance|}}}{{{cpu performance|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Analytics&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{rac|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;RAC&lt;/th&gt;&lt;td&gt;{{formatnum:{{{rac}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{credit per day|}}}|&lt;tr&gt;&lt;th&gt;Credit/day&lt;/th&gt;&lt;td&gt;{{formatnum:{{{credit per day}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{gpu performance|}}}|&lt;tr&gt;&lt;th&gt;GPU performance&lt;/th&gt;&lt;td&gt;{{{gpu performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{cpu performance|}}}|&lt;tr&gt;&lt;th&gt;CPU performance&lt;/th&gt;&lt;td&gt;{{{cpu performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{website|}}}{{{license|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Metadata&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{website|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Website&lt;/th&gt;&lt;td&gt;{{{website}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{license|}}}|&lt;tr&gt;&lt;th&gt;License&lt;/th&gt;&lt;td&gt;{{{license}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> &lt;/table&gt;&lt;/includeonly&gt;&lt;noinclude&gt;<br /> == Template:Infobox software ==<br /> <br /> Modern BOINC-oriented infobox template for distributed computing and software project articles.<br /> <br /> === Parameters ===<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Parameter !! Description !! Required<br /> |-<br /> | &lt;code&gt;name&lt;/code&gt; || Software name (defaults to page name) || No<br /> |-<br /> | &lt;code&gt;logo&lt;/code&gt; || Logo filename || No<br /> |-<br /> | &lt;code&gt;logo caption&lt;/code&gt; || Caption below logo || No<br /> |-<br /> | &lt;code&gt;screenshot&lt;/code&gt; || Screenshot filename || No<br /> |-<br /> | &lt;code&gt;caption&lt;/code&gt; || Caption below screenshot || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Project'''<br /> |-<br /> | &lt;code&gt;status&lt;/code&gt; || Active, Completed, etc. Green background when &quot;Active&quot;, red otherwise || No<br /> |-<br /> | &lt;code&gt;category&lt;/code&gt; || Research category (e.g. Astrophysics, Mathematics) || No<br /> |-<br /> | &lt;code&gt;compute&lt;/code&gt; || Processing type: CPU, GPU, or CPU &amp; GPU || No<br /> |-<br /> | &lt;code&gt;dependencies&lt;/code&gt; || Additional software required (e.g. VirtualBox, CUDA, Git) || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Development'''<br /> |-<br /> | &lt;code&gt;developer&lt;/code&gt; || Developer name || No<br /> |-<br /> | &lt;code&gt;author&lt;/code&gt; || Original author || No<br /> |-<br /> | &lt;code&gt;sponsor&lt;/code&gt; || Sponsoring organization || No<br /> |-<br /> | &lt;code&gt;maintainer&lt;/code&gt; || Current maintainer || No<br /> |-<br /> | &lt;code&gt;released&lt;/code&gt; || Initial release date || No<br /> |-<br /> | &lt;code&gt;completed&lt;/code&gt; || Completion date or status (shown in red) || No<br /> |-<br /> | &lt;code&gt;discontinued&lt;/code&gt; || Discontinuation date (shown in red) || No<br /> |-<br /> | &lt;code&gt;repository&lt;/code&gt; || Source code repository link || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Software'''<br /> |-<br /> | &lt;code&gt;programming language&lt;/code&gt; || Language(s) the software is written in || No<br /> |-<br /> | &lt;code&gt;operating system&lt;/code&gt; || Supported operating systems || No<br /> |-<br /> | &lt;code&gt;size&lt;/code&gt; || Download/install size || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''BOINC statistics'''<br /> |-<br /> | &lt;code&gt;stats as of&lt;/code&gt; || Date the statistics below were recorded || No<br /> |-<br /> | &lt;code&gt;average performance&lt;/code&gt; || Average FLOPS or equivalent || No<br /> |-<br /> | &lt;code&gt;active users&lt;/code&gt; || Current active user count || No<br /> |-<br /> | &lt;code&gt;total users&lt;/code&gt; || All-time total users || No<br /> |-<br /> | &lt;code&gt;active hosts&lt;/code&gt; || Current active host count || No<br /> |-<br /> | &lt;code&gt;total hosts&lt;/code&gt; || All-time total hosts || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Analytics'''<br /> |-<br /> | &lt;code&gt;rac&lt;/code&gt; || Recent Average Credit || No<br /> |-<br /> | &lt;code&gt;credit per day&lt;/code&gt; || Credits granted per day || No<br /> |-<br /> | &lt;code&gt;gpu performance&lt;/code&gt; || GPU-specific performance metric || No<br /> |-<br /> | &lt;code&gt;cpu performance&lt;/code&gt; || CPU-specific performance metric || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Metadata'''<br /> |-<br /> | &lt;code&gt;website&lt;/code&gt; || Official website URL || No<br /> |-<br /> | &lt;code&gt;license&lt;/code&gt; || Software license || No<br /> |}<br /> <br /> === Full example ===<br /> <br /> &lt;pre&gt;<br /> {{Infobox software<br /> | name = Einstein@Home<br /> | logo = Ein.jpg<br /> | logo caption = Einstein@Home logo<br /> | screenshot = Einstein@Home.gif<br /> | caption = Einstein@Home screensaver<br /> <br /> | status = Active<br /> | category = Astrophysics<br /> | compute = CPU &amp; GPU<br /> | dependencies = None<br /> <br /> | developer = Bruce Allen<br /> | author = Bruce Allen<br /> | sponsor = Max Planck Society<br /> | maintainer = Einstein@Home team<br /> | released = {{Start date and age|2005|02|19}}<br /> | completed = No<br /> | discontinued =<br /> | repository = {{URL|https://git.ligo.org/einsteinathome}}<br /> <br /> | programming language = C, C++<br /> | operating system = Windows, Linux, macOS, Android<br /> | size = ~50 MB<br /> <br /> | stats as of = {{Start date and age|2026|05|19}}<br /> | average performance = 21 PFLOPS<br /> | active users = 14531<br /> | total users = 1061585<br /> | active hosts = 24489<br /> | total hosts = 8237726<br /> <br /> | rac = 18500000<br /> | credit per day = 950000<br /> | gpu performance = 15 PFLOPS<br /> | cpu performance = 6 PFLOPS<br /> <br /> | website = {{URL|https://einsteinathome.org/}}<br /> | license = GPL-2.0-or-later<br /> }}<br /> &lt;/pre&gt;<br /> <br /> === Minimal example ===<br /> <br /> &lt;pre&gt;<br /> {{Infobox software<br /> | name = My Project<br /> | status = Active<br /> | category = Mathematics<br /> | compute = CPU<br /> <br /> | developer = Jane Smith<br /> | released = {{Start date and age|2020|01|01}}<br /> <br /> | operating system = Windows, Linux, macOS<br /> <br /> | website = {{URL|https://example.org/}}<br /> | license = MIT<br /> }}<br /> &lt;/pre&gt;<br /> <br /> [[Category:Infobox templates]]<br /> &lt;/noinclude&gt;</div> Admin https://boincsynergy.ca/wiki/index.php?title=Template:Infobox_software&diff=1372 Template:Infobox software 2026-05-25T01:28:43Z <p>Admin: headings colour</p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> table.bs-infobox th.bs-infobox-section,<br /> table.bs-infobox td.bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-logo,<br /> table.bs-infobox .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> table.bs-infobox .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> table.bs-infobox tr.bs-infobox-active th,<br /> table.bs-infobox tr.bs-infobox-active td,<br /> table.bs-infobox th.bs-infobox-active,<br /> table.bs-infobox td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> table.bs-infobox tr.bs-infobox-inactive th,<br /> table.bs-infobox tr.bs-infobox-inactive td,<br /> table.bs-infobox th.bs-infobox-inactive,<br /> table.bs-infobox td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> table.bs-infobox td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — dark purple tint */<br /> table.bs-infobox th.bs-infobox-statsdate,<br /> table.bs-infobox td.bs-infobox-statsdate {<br /> background: #2a1f42 !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1371 MediaWiki:Common.css 2026-05-25T01:22:29Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — dark purple tint, mirrors light mode #e8d5f5 */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #2a1f42 !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=Template:Infobox_software&diff=1370 Template:Infobox software 2026-05-25T01:20:45Z <p>Admin: </p> <hr /> <div>&lt;includeonly&gt;&lt;table class=&quot;infobox bs-infobox&quot; style=&quot;width:300px; float:right; clear:right; margin:0 0 1em 1em; border-radius:6px; font-size:13px; line-height:1.5; border-collapse:separate; border-spacing:0; overflow:hidden;&quot;&gt;<br /> &lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-title&quot;&gt;{{{name|{{PAGENAME}}}}}&lt;/th&gt;&lt;/tr&gt;<br /> {{#if:{{{logo|}}}|&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;bs-infobox-logo&quot;&gt;[[File:{{{logo}}}|180px|center]]{{#if:{{{logo caption|}}}|&lt;div class=&quot;bs-infobox-caption&quot;&gt;{{{logo caption}}}&lt;/div&gt;}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{screenshot|}}}|&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;bs-infobox-screenshot&quot;&gt;[[File:{{{screenshot}}}|250px|center]]{{#if:{{{caption|}}}|&lt;div class=&quot;bs-infobox-caption&quot;&gt;{{{caption}}}&lt;/div&gt;}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{status|}}}{{{category|}}}{{{compute|}}}{{{dependencies|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Project&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{status|}}}|{{#ifeq:{{{status}}}|Active|&lt;tr class=&quot;bs-infobox-active&quot;&gt;&lt;th class=&quot;bs-infobox-active&quot;&gt;Status&lt;/th&gt;&lt;td class=&quot;bs-infobox-active&quot; style=&quot;font-weight:600;&quot;&gt;{{{status}}}&lt;/td&gt;&lt;/tr&gt;|&lt;tr class=&quot;bs-infobox-inactive&quot;&gt;&lt;th class=&quot;bs-infobox-inactive&quot;&gt;Status&lt;/th&gt;&lt;td class=&quot;bs-infobox-inactive&quot; style=&quot;font-weight:600;&quot;&gt;{{{status}}}&lt;/td&gt;&lt;/tr&gt;}}}}<br /> {{#if:{{{category|}}}|&lt;tr&gt;&lt;th&gt;Category&lt;/th&gt;&lt;td&gt;{{{category}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{compute|}}}|&lt;tr&gt;&lt;th&gt;Compute&lt;/th&gt;&lt;td&gt;{{{compute}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{dependencies|}}}|&lt;tr&gt;&lt;th&gt;Requires&lt;/th&gt;&lt;td&gt;{{{dependencies}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{developer|}}}{{{author|}}}{{{sponsor|}}}{{{maintainer|}}}{{{released|}}}{{{completed|}}}{{{discontinued|}}}{{{repository|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Development&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{developer|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Developer&lt;/th&gt;&lt;td&gt;{{{developer}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{author|}}}|&lt;tr&gt;&lt;th&gt;Author&lt;/th&gt;&lt;td&gt;{{{author}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{sponsor|}}}|&lt;tr&gt;&lt;th&gt;Sponsor&lt;/th&gt;&lt;td&gt;{{{sponsor}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{maintainer|}}}|&lt;tr&gt;&lt;th&gt;Maintainer&lt;/th&gt;&lt;td&gt;{{{maintainer}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{released|}}}|&lt;tr&gt;&lt;th&gt;Initial release&lt;/th&gt;&lt;td&gt;{{{released}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{completed|}}}|&lt;tr&gt;&lt;th&gt;Completed&lt;/th&gt;&lt;td class=&quot;bs-infobox-ended&quot;&gt;{{{completed}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{discontinued|}}}|&lt;tr&gt;&lt;th&gt;Discontinued&lt;/th&gt;&lt;td class=&quot;bs-infobox-ended&quot;&gt;{{{discontinued}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{repository|}}}|&lt;tr&gt;&lt;th&gt;Repository&lt;/th&gt;&lt;td&gt;{{{repository}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{programming language|}}}{{{operating system|}}}{{{size|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Software&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{programming language|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Written in&lt;/th&gt;&lt;td&gt;{{{programming language}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{operating system|}}}|&lt;tr&gt;&lt;th&gt;Operating system&lt;/th&gt;&lt;td&gt;{{{operating system}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{size|}}}|&lt;tr&gt;&lt;th&gt;Size&lt;/th&gt;&lt;td&gt;{{{size}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{stats as of|}}}{{{average performance|}}}{{{active users|}}}{{{total users|}}}{{{active hosts|}}}{{{total hosts|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;BOINC statistics&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{stats as of|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot; class=&quot;bs-infobox-statsdate&quot;&gt;Stats as of&lt;/th&gt;&lt;td class=&quot;bs-infobox-statsdate&quot; style=&quot;font-weight:600;&quot;&gt;{{{stats as of}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{average performance|}}}|&lt;tr&gt;&lt;th&gt;Performance&lt;/th&gt;&lt;td&gt;{{{average performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{active users|}}}|&lt;tr&gt;&lt;th&gt;Active users&lt;/th&gt;&lt;td&gt;{{formatnum:{{{active users}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{total users|}}}|&lt;tr&gt;&lt;th&gt;Total users&lt;/th&gt;&lt;td&gt;{{formatnum:{{{total users}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{active hosts|}}}|&lt;tr&gt;&lt;th&gt;Active hosts&lt;/th&gt;&lt;td&gt;{{formatnum:{{{active hosts}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{total hosts|}}}|&lt;tr&gt;&lt;th&gt;Total hosts&lt;/th&gt;&lt;td&gt;{{formatnum:{{{total hosts}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{rac|}}}{{{credit per day|}}}{{{gpu performance|}}}{{{cpu performance|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Analytics&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{rac|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;RAC&lt;/th&gt;&lt;td&gt;{{formatnum:{{{rac}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{credit per day|}}}|&lt;tr&gt;&lt;th&gt;Credit/day&lt;/th&gt;&lt;td&gt;{{formatnum:{{{credit per day}}}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{gpu performance|}}}|&lt;tr&gt;&lt;th&gt;GPU performance&lt;/th&gt;&lt;td&gt;{{{gpu performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{cpu performance|}}}|&lt;tr&gt;&lt;th&gt;CPU performance&lt;/th&gt;&lt;td&gt;{{{cpu performance}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{website|}}}{{{license|}}}|&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;bs-infobox-section&quot;&gt;Metadata&lt;/th&gt;&lt;/tr&gt;}}<br /> {{#if:{{{website|}}}|&lt;tr&gt;&lt;th style=&quot;width:110px;&quot;&gt;Website&lt;/th&gt;&lt;td&gt;{{{website}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> {{#if:{{{license|}}}|&lt;tr&gt;&lt;th&gt;License&lt;/th&gt;&lt;td&gt;{{{license}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> &lt;/table&gt;&lt;/includeonly&gt;&lt;noinclude&gt;<br /> == Template:Infobox software ==<br /> <br /> Modern BOINC-oriented infobox template for distributed computing and software project articles.<br /> <br /> === Parameters ===<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Parameter !! Description !! Required<br /> |-<br /> | &lt;code&gt;name&lt;/code&gt; || Software name (defaults to page name) || No<br /> |-<br /> | &lt;code&gt;logo&lt;/code&gt; || Logo filename || No<br /> |-<br /> | &lt;code&gt;logo caption&lt;/code&gt; || Caption below logo || No<br /> |-<br /> | &lt;code&gt;screenshot&lt;/code&gt; || Screenshot filename || No<br /> |-<br /> | &lt;code&gt;caption&lt;/code&gt; || Caption below screenshot || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Project'''<br /> |-<br /> | &lt;code&gt;status&lt;/code&gt; || Active, Completed, etc. Green background when &quot;Active&quot;, red otherwise || No<br /> |-<br /> | &lt;code&gt;category&lt;/code&gt; || Research category (e.g. Astrophysics, Mathematics) || No<br /> |-<br /> | &lt;code&gt;compute&lt;/code&gt; || Processing type: CPU, GPU, or CPU &amp; GPU || No<br /> |-<br /> | &lt;code&gt;dependencies&lt;/code&gt; || Additional software required (e.g. VirtualBox, CUDA, Git) || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Development'''<br /> |-<br /> | &lt;code&gt;developer&lt;/code&gt; || Developer name || No<br /> |-<br /> | &lt;code&gt;author&lt;/code&gt; || Original author || No<br /> |-<br /> | &lt;code&gt;sponsor&lt;/code&gt; || Sponsoring organization || No<br /> |-<br /> | &lt;code&gt;maintainer&lt;/code&gt; || Current maintainer || No<br /> |-<br /> | &lt;code&gt;released&lt;/code&gt; || Initial release date || No<br /> |-<br /> | &lt;code&gt;completed&lt;/code&gt; || Completion date or status (shown in red) || No<br /> |-<br /> | &lt;code&gt;discontinued&lt;/code&gt; || Discontinuation date (shown in red) || No<br /> |-<br /> | &lt;code&gt;repository&lt;/code&gt; || Source code repository link || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Software'''<br /> |-<br /> | &lt;code&gt;programming language&lt;/code&gt; || Language(s) the software is written in || No<br /> |-<br /> | &lt;code&gt;operating system&lt;/code&gt; || Supported operating systems || No<br /> |-<br /> | &lt;code&gt;size&lt;/code&gt; || Download/install size || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''BOINC statistics'''<br /> |-<br /> | &lt;code&gt;stats as of&lt;/code&gt; || Date the statistics below were recorded || No<br /> |-<br /> | &lt;code&gt;average performance&lt;/code&gt; || Average FLOPS or equivalent || No<br /> |-<br /> | &lt;code&gt;active users&lt;/code&gt; || Current active user count || No<br /> |-<br /> | &lt;code&gt;total users&lt;/code&gt; || All-time total users || No<br /> |-<br /> | &lt;code&gt;active hosts&lt;/code&gt; || Current active host count || No<br /> |-<br /> | &lt;code&gt;total hosts&lt;/code&gt; || All-time total hosts || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Analytics'''<br /> |-<br /> | &lt;code&gt;rac&lt;/code&gt; || Recent Average Credit || No<br /> |-<br /> | &lt;code&gt;credit per day&lt;/code&gt; || Credits granted per day || No<br /> |-<br /> | &lt;code&gt;gpu performance&lt;/code&gt; || GPU-specific performance metric || No<br /> |-<br /> | &lt;code&gt;cpu performance&lt;/code&gt; || CPU-specific performance metric || No<br /> |-<br /> | colspan=&quot;3&quot; style=&quot;background:#eaecf0; text-align:center;&quot; | '''Metadata'''<br /> |-<br /> | &lt;code&gt;website&lt;/code&gt; || Official website URL || No<br /> |-<br /> | &lt;code&gt;license&lt;/code&gt; || Software license || No<br /> |}<br /> <br /> === Full example ===<br /> <br /> &lt;pre&gt;<br /> {{Infobox software<br /> | name = Einstein@Home<br /> | logo = Ein.jpg<br /> | logo caption = Einstein@Home logo<br /> | screenshot = Einstein@Home.gif<br /> | caption = Einstein@Home screensaver<br /> <br /> | status = Active<br /> | category = Astrophysics<br /> | compute = CPU &amp; GPU<br /> | dependencies = None<br /> <br /> | developer = Bruce Allen<br /> | author = Bruce Allen<br /> | sponsor = Max Planck Society<br /> | maintainer = Einstein@Home team<br /> | released = {{Start date and age|2005|02|19}}<br /> | completed = No<br /> | discontinued =<br /> | repository = {{URL|https://git.ligo.org/einsteinathome}}<br /> <br /> | programming language = C, C++<br /> | operating system = Windows, Linux, macOS, Android<br /> | size = ~50 MB<br /> <br /> | stats as of = {{Start date and age|2026|05|19}}<br /> | average performance = 21 PFLOPS<br /> | active users = 14531<br /> | total users = 1061585<br /> | active hosts = 24489<br /> | total hosts = 8237726<br /> <br /> | rac = 18500000<br /> | credit per day = 950000<br /> | gpu performance = 15 PFLOPS<br /> | cpu performance = 6 PFLOPS<br /> <br /> | website = {{URL|https://einsteinathome.org/}}<br /> | license = GPL-2.0-or-later<br /> }}<br /> &lt;/pre&gt;<br /> <br /> === Minimal example ===<br /> <br /> &lt;pre&gt;<br /> {{Infobox software<br /> | name = My Project<br /> | status = Active<br /> | category = Mathematics<br /> | compute = CPU<br /> <br /> | developer = Jane Smith<br /> | released = {{Start date and age|2020|01|01}}<br /> <br /> | operating system = Windows, Linux, macOS<br /> <br /> | website = {{URL|https://example.org/}}<br /> | license = MIT<br /> }}<br /> &lt;/pre&gt;<br /> <br /> [[Category:Infobox templates]]<br /> &lt;/noinclude&gt;</div> Admin https://boincsynergy.ca/wiki/index.php?title=Template:Infobox_software&diff=1369 Template:Infobox software 2026-05-25T01:07:14Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #323230 !important;<br /> color: var(--bs-gray-850) !important;<br /> border-top: 1px solid #3a3a38 !important;<br /> border-bottom: 1px solid #3a3a38 !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — dark purple tint, mirrors light mode #e8d5f5 */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #2a1f42 !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin https://boincsynergy.ca/wiki/index.php?title=MediaWiki:Common.css&diff=1368 MediaWiki:Common.css 2026-05-25T00:43:56Z <p>Admin: </p> <hr /> <div>/* ═══════════════════════════════════════════════════════<br /> BOINC Synergy — sitewide styles<br /> MediaWiki:Common.css<br /> ═══════════════════════════════════════════════════════ */<br /> <br /> /* ── FONT ───────────────────────────────────────────── */<br /> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&amp;display=swap');<br /> <br /> body, .mw-body, .mw-body-content {<br /> font-family: 'Inter', sans-serif;<br /> }<br /> <br /> /* ── CSS VARIABLES — light mode ─────────────────────── */<br /> :root {<br /> /* purple ramp */<br /> --bs-purple-50: #EEEDFE;<br /> --bs-purple-200: #AFA9EC;<br /> --bs-purple-400: #534AB7;<br /> --bs-purple-800: #3C3489;<br /> --bs-purple-900: #26215C;<br /> <br /> /* teal ramp */<br /> --bs-teal-50: #E1F5EE;<br /> --bs-teal-200: #5DCAA5;<br /> --bs-teal-400: #1D9E75;<br /> --bs-teal-800: #085041;<br /> <br /> /* coral ramp */<br /> --bs-coral-50: #FAECE7;<br /> --bs-coral-200: #F0997B;<br /> --bs-coral-400: #D85A30;<br /> --bs-coral-800: #4A1B0C;<br /> <br /> /* blue ramp */<br /> --bs-blue-50: #E6F1FB;<br /> --bs-blue-200: #85B7EB;<br /> --bs-blue-400: #378ADD;<br /> --bs-blue-800: #042C53;<br /> <br /> /* green ramp */<br /> --bs-green-50: #EAF3DE;<br /> --bs-green-200: #C0DD97;<br /> --bs-green-800: #173404;<br /> <br /> /* amber ramp */<br /> --bs-amber-50: #FAEEDA;<br /> --bs-amber-200: #FAC775;<br /> --bs-amber-800: #412402;<br /> <br /> /* pink ramp */<br /> --bs-pink-50: #FBEAF0;<br /> --bs-pink-200: #F4C0D1;<br /> --bs-pink-800: #4B1528;<br /> <br /> /* gray ramp */<br /> --bs-gray-50: #F1EFE8;<br /> --bs-gray-200: #D3D1C7;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #2C2C2A;<br /> --bs-gray-850: #444441;<br /> <br /> /* semantic */<br /> --bs-page-bg: #ffffff;<br /> --bs-text-primary: #1a1a1a;<br /> --bs-text-muted: #555555;<br /> <br /> /* link colours — light mode */<br /> --bs-link: #4840A3; /* purple-400, darkened */<br /> --bs-link-hover: #302A74; /* purple-800, darkened */<br /> --bs-link-visited: #6B63C8; /* mid-purple, darkened */<br /> }<br /> <br /> /* ── CSS VARIABLES — dark mode ──────────────────────── */<br /> @media (prefers-color-scheme: dark) {<br /> :root {<br /> --bs-purple-50: #1e1a3a;<br /> --bs-purple-200: #534AB7;<br /> --bs-purple-400: #AFA9EC;<br /> --bs-purple-800: #CECBF6;<br /> --bs-purple-900: #EEEDFE;<br /> <br /> --bs-teal-50: #0a2a1f;<br /> --bs-teal-200: #0F6E56;<br /> --bs-teal-400: #5DCAA5;<br /> --bs-teal-800: #9FE1CB;<br /> <br /> --bs-coral-50: #2a100a;<br /> --bs-coral-200: #993C1D;<br /> --bs-coral-400: #F0997B;<br /> --bs-coral-800: #F5C4B3;<br /> <br /> --bs-blue-50: #091824;<br /> --bs-blue-200: #185FA5;<br /> --bs-blue-400: #85B7EB;<br /> --bs-blue-800: #B5D4F4;<br /> <br /> --bs-green-50: #111f08;<br /> --bs-green-200: #3B6D11;<br /> --bs-green-800: #C0DD97;<br /> <br /> --bs-amber-50: #1f1608;<br /> --bs-amber-200: #854F0B;<br /> --bs-amber-800: #FAC775;<br /> <br /> --bs-pink-50: #200d14;<br /> --bs-pink-200: #72243E;<br /> --bs-pink-800: #F4C0D1;<br /> <br /> --bs-gray-50: #1a1a18;<br /> --bs-gray-200: #444441;<br /> --bs-gray-400: #888780;<br /> --bs-gray-800: #D3D1C7;<br /> --bs-gray-850: #B4B2A9;<br /> <br /> --bs-page-bg: #121212;<br /> --bs-text-primary: #e8e8e8;<br /> --bs-text-muted: #aaaaaa;<br /> <br /> /* link colours — dark mode */<br /> --bs-link: #AFA9EC; /* purple-200: soft lilac, readable on dark */<br /> --bs-link-hover: #CECBF6; /* purple-800 (dark-mode): lighter on hover */<br /> --bs-link-visited: #7F77DD; /* mid-purple, distinct from unvisited */<br /> }<br /> }<br /> <br /> /* ── LINKS ──────────────────────────────────────────── */<br /> /* Scope to .mw-body-content so MediaWiki nav chrome is unaffected */<br /> .mw-body-content a,<br /> .mw-body-content a:link {<br /> color: var(--bs-link);<br /> text-decoration: none;<br /> }<br /> <br /> .mw-body-content a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> <br /> .mw-body-content a:hover,<br /> .mw-body-content a:focus {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> text-underline-offset: 2px;<br /> }<br /> <br /> /* ── INFOBOX — suppress phantom leading paragraphs ── */<br /> /* MediaWiki generates &lt;p&gt;&lt;br&gt;&lt;/p&gt; nodes from template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; p:empty,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:has(&gt; br:only-child) {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> /* hide leading breaks generated by template newlines */<br /> #mw-content-text &gt; .mw-parser-output &gt; br:first-child,<br /> #mw-content-text &gt; .mw-parser-output &gt; p:first-child &gt; br:only-child {<br /> display: none;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HERO BANNER<br /> ══════════════════════════════════════════════════════ */<br /> .bs-hero {<br /> border: 0.5px solid var(--bs-purple-200);<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, var(--bs-purple-50) 0%, var(--bs-teal-50) 100%);<br /> padding: 2rem 2rem 1.5rem;<br /> margin-bottom: 1.5rem;<br /> text-align: center;<br /> }<br /> <br /> .bs-hero-title {<br /> font-size: 2rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> letter-spacing: -0.5px;<br /> margin: 0.75rem 0 0.25rem;<br /> }<br /> <br /> .bs-hero-subtitle {<br /> font-size: 1.05rem;<br /> color: var(--bs-purple-400);<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .bs-hero-btn {<br /> display: inline-block;<br /> border: 2px solid var(--bs-purple-400);<br /> border-radius: 8px;<br /> padding: 0.6rem 1.6rem;<br /> font-size: 1.1rem;<br /> font-weight: 500;<br /> margin-bottom: 0.5rem;<br /> background: var(--bs-purple-50);<br /> }<br /> <br /> .bs-hero-note {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> margin-top: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> STATS RIBBON<br /> ══════════════════════════════════════════════════════ */<br /> .bs-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin-bottom: 1.5rem;<br /> justify-content: center;<br /> }<br /> <br /> .bs-stat {<br /> flex: 1;<br /> min-width: 140px;<br /> border-radius: 8px;<br /> padding: 0.75rem 1rem;<br /> text-align: center;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-stat-number {<br /> font-size: 1.6rem;<br /> font-weight: 500;<br /> }<br /> <br /> .bs-stat-label {<br /> font-size: 0.8rem;<br /> }<br /> <br /> .bs-stat-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-stat-purple .bs-stat-number { color: var(--bs-purple-800); }<br /> .bs-stat-purple .bs-stat-label { color: var(--bs-purple-400); }<br /> <br /> .bs-stat-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-stat-teal .bs-stat-number { color: var(--bs-teal-800); }<br /> .bs-stat-teal .bs-stat-label { color: var(--bs-teal-400); }<br /> <br /> .bs-stat-coral {<br /> background: var(--bs-coral-50);<br /> border-color: var(--bs-coral-200);<br /> }<br /> .bs-stat-coral .bs-stat-number { color: var(--bs-coral-800); }<br /> .bs-stat-coral .bs-stat-label { color: var(--bs-coral-400); }<br /> <br /> .bs-stat-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-stat-blue .bs-stat-number { color: var(--bs-blue-800); }<br /> .bs-stat-blue .bs-stat-label { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DEFINITION CALLOUT<br /> ══════════════════════════════════════════════════════ */<br /> .bs-definition {<br /> border-left: 3px solid var(--bs-purple-400);<br /> padding: 0.75rem 1.25rem;<br /> margin-bottom: 1.5rem;<br /> background: var(--bs-purple-50);<br /> border-radius: 0 8px 8px 0;<br /> color: var(--bs-purple-800);<br /> }<br /> <br /> .bs-definition-label {<br /> font-size: 0.85rem;<br /> color: var(--bs-purple-400);<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> display: block;<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> CTA BOX<br /> ══════════════════════════════════════════════════════ */<br /> .bs-cta {<br /> border: 1.5px solid var(--bs-purple-400);<br /> border-radius: 10px;<br /> padding: 1rem 1.5rem;<br /> margin-bottom: 2rem;<br /> background: var(--bs-page-bg);<br /> }<br /> <br /> .bs-cta-title {<br /> font-size: 1rem;<br /> font-weight: 500;<br /> color: var(--bs-purple-800);<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-cta-body {<br /> font-size: 0.9rem;<br /> color: var(--bs-text-muted);<br /> margin-bottom: 0.75rem;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> COLLAPSIBLE PROJECT GROUPS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-group {<br /> border-radius: 8px;<br /> padding: 1rem 1.25rem;<br /> margin-bottom: 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-group-toggle {<br /> font-weight: 500;<br /> font-size: 1rem;<br /> }<br /> <br /> /* colour variants — color set on the group itself covers all untagged child text */<br /> .bs-group-teal { background: var(--bs-teal-50); border-color: var(--bs-teal-200); color: var(--bs-teal-800); }<br /> .bs-group-teal .bs-group-toggle { color: var(--bs-teal-800); }<br /> <br /> .bs-group-purple { background: var(--bs-purple-50); border-color: var(--bs-purple-200); color: var(--bs-purple-800); }<br /> .bs-group-purple .bs-group-toggle { color: var(--bs-purple-800); }<br /> <br /> .bs-group-blue { background: var(--bs-blue-50); border-color: var(--bs-blue-200); color: var(--bs-blue-800); }<br /> .bs-group-blue .bs-group-toggle { color: var(--bs-blue-800); }<br /> <br /> .bs-group-green { background: var(--bs-green-50); border-color: var(--bs-green-200); color: var(--bs-green-800); }<br /> .bs-group-green .bs-group-toggle { color: var(--bs-green-800); }<br /> <br /> .bs-group-amber { background: var(--bs-amber-50); border-color: var(--bs-amber-200); color: var(--bs-amber-800); }<br /> .bs-group-amber .bs-group-toggle { color: var(--bs-amber-800); }<br /> <br /> .bs-group-coral { background: var(--bs-coral-50); border-color: var(--bs-coral-200); color: var(--bs-coral-800); }<br /> .bs-group-coral .bs-group-toggle { color: var(--bs-coral-800); }<br /> <br /> .bs-group-gray { background: var(--bs-gray-50); border-color: var(--bs-gray-200); color: var(--bs-gray-800); }<br /> .bs-group-gray .bs-group-toggle { color: var(--bs-gray-800); }<br /> <br /> .bs-group-pink { background: var(--bs-pink-50); border-color: var(--bs-pink-200); color: var(--bs-pink-800); }<br /> .bs-group-pink .bs-group-toggle { color: var(--bs-pink-800); }<br /> <br /> /* links inside groups — use the group's own ramp so they're readable on coloured backgrounds */<br /> .bs-group-teal .mw-body-content a,<br /> .bs-group-teal .mw-body-content a:link { color: var(--bs-teal-800); }<br /> .bs-group-teal .mw-body-content a:visited { color: var(--bs-teal-400); }<br /> .bs-group-teal .mw-body-content a:hover { color: var(--bs-teal-800); text-decoration: underline; }<br /> <br /> .bs-group-purple .mw-body-content a,<br /> .bs-group-purple .mw-body-content a:link { color: var(--bs-purple-800); }<br /> .bs-group-purple .mw-body-content a:visited { color: var(--bs-purple-400); }<br /> .bs-group-purple .mw-body-content a:hover { color: var(--bs-purple-800); text-decoration: underline; }<br /> <br /> .bs-group-blue .mw-body-content a,<br /> .bs-group-blue .mw-body-content a:link { color: var(--bs-blue-800); }<br /> .bs-group-blue .mw-body-content a:visited { color: var(--bs-blue-400); }<br /> .bs-group-blue .mw-body-content a:hover { color: var(--bs-blue-800); text-decoration: underline; }<br /> <br /> .bs-group-green .mw-body-content a,<br /> .bs-group-green .mw-body-content a:link { color: var(--bs-green-800); }<br /> .bs-group-green .mw-body-content a:visited { color: var(--bs-green-200); }<br /> .bs-group-green .mw-body-content a:hover { color: var(--bs-green-800); text-decoration: underline; }<br /> <br /> .bs-group-amber .mw-body-content a,<br /> .bs-group-amber .mw-body-content a:link { color: var(--bs-amber-800); }<br /> .bs-group-amber .mw-body-content a:visited { color: var(--bs-amber-200); }<br /> .bs-group-amber .mw-body-content a:hover { color: var(--bs-amber-800); text-decoration: underline; }<br /> <br /> .bs-group-coral .mw-body-content a,<br /> .bs-group-coral .mw-body-content a:link { color: var(--bs-coral-800); }<br /> .bs-group-coral .mw-body-content a:visited { color: var(--bs-coral-400); }<br /> .bs-group-coral .mw-body-content a:hover { color: var(--bs-coral-800); text-decoration: underline; }<br /> <br /> .bs-group-gray .mw-body-content a,<br /> .bs-group-gray .mw-body-content a:link { color: var(--bs-gray-800); }<br /> .bs-group-gray .mw-body-content a:visited { color: var(--bs-gray-400); }<br /> .bs-group-gray .mw-body-content a:hover { color: var(--bs-gray-800); text-decoration: underline; }<br /> <br /> .bs-group-pink .mw-body-content a,<br /> .bs-group-pink .mw-body-content a:link { color: var(--bs-pink-800); }<br /> .bs-group-pink .mw-body-content a:visited { color: var(--bs-pink-200); }<br /> .bs-group-pink .mw-body-content a:hover { color: var(--bs-pink-800); text-decoration: underline; }<br /> <br /> /* project list table inside groups */<br /> .bs-project-table {<br /> width: 100%;<br /> margin-top: 0.75rem;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-project-table td {<br /> width: 50%;<br /> vertical-align: top;<br /> padding: 0.2rem 0.5rem 0.2rem 0;<br /> border: none;<br /> background: transparent;<br /> }<br /> <br /> .bs-group-note {<br /> font-size: 0.85rem;<br /> margin: 0.5rem 0;<br /> }<br /> <br /> .bs-group-teal .bs-group-note { color: var(--bs-teal-800); }<br /> .bs-group-purple .bs-group-note { color: var(--bs-purple-800); }<br /> .bs-group-amber .bs-group-note { color: var(--bs-amber-800); }<br /> .bs-group-gray .bs-group-note { color: var(--bs-gray-850); }<br /> .bs-group-pink .bs-group-note { color: var(--bs-pink-800); }<br /> <br /> .bs-group-footer {<br /> font-size: 0.8rem;<br /> margin-top: 0.75rem;<br /> }<br /> <br /> .bs-group-amber .bs-group-footer { color: var(--bs-amber-400); }<br /> .bs-group-gray .bs-group-footer { color: var(--bs-gray-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> HOW TO PARTICIPATE CARDS<br /> ══════════════════════════════════════════════════════ */<br /> .bs-steps {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.75rem;<br /> margin: 0.75rem 0 1.5rem;<br /> }<br /> <br /> .bs-step {<br /> flex: 1;<br /> min-width: 180px;<br /> border-radius: 8px;<br /> padding: 0.9rem 1rem;<br /> border: 0.5px solid;<br /> }<br /> <br /> .bs-step-title {<br /> font-weight: 500;<br /> margin-bottom: 0.4rem;<br /> }<br /> <br /> .bs-step-body {<br /> font-size: 0.85rem;<br /> }<br /> <br /> .bs-step-purple {<br /> background: var(--bs-purple-50);<br /> border-color: var(--bs-purple-200);<br /> }<br /> .bs-step-purple .bs-step-title { color: var(--bs-purple-800); }<br /> .bs-step-purple .bs-step-body { color: var(--bs-purple-400); }<br /> <br /> .bs-step-teal {<br /> background: var(--bs-teal-50);<br /> border-color: var(--bs-teal-200);<br /> }<br /> .bs-step-teal .bs-step-title { color: var(--bs-teal-800); }<br /> .bs-step-teal .bs-step-body { color: var(--bs-teal-400); }<br /> <br /> .bs-step-blue {<br /> background: var(--bs-blue-50);<br /> border-color: var(--bs-blue-200);<br /> }<br /> .bs-step-blue .bs-step-title { color: var(--bs-blue-800); }<br /> .bs-step-blue .bs-step-body { color: var(--bs-blue-400); }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> FOOTER BAR<br /> ══════════════════════════════════════════════════════ */<br /> .bs-footer-bar {<br /> border-top: 0.5px solid var(--bs-gray-200);<br /> margin-top: 1.5rem;<br /> padding-top: 0.75rem;<br /> font-size: 0.8rem;<br /> color: var(--bs-gray-400);<br /> text-align: center;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> INFOBOX — light mode base<br /> ══════════════════════════════════════════════════════ */<br /> table.bs-infobox {<br /> background: #ffffff;<br /> color: #202122;<br /> border: 1px solid #c8ccd1;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #ffffff;<br /> color: #202122;<br /> padding: 4px 8px;<br /> border: none;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #2c3e50 !important;<br /> color: #ffffff !important;<br /> padding: 12px !important;<br /> font-size: 20px !important;<br /> text-align: center !important;<br /> font-weight: 700 !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #eaecf0 !important;<br /> color: #202122 !important;<br /> padding: 6px !important;<br /> text-align: center !important;<br /> font-size: 11px !important;<br /> text-transform: uppercase !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> text-align: center;<br /> padding: 12px;<br /> background: #f8f9fa !important;<br /> color: #202122 !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> font-size: 11px;<br /> color: #54595d;<br /> margin-top: 6px;<br /> }<br /> <br /> /* active status — green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #d4edda !important;<br /> color: #155724 !important;<br /> }<br /> <br /> /* inactive/other status — red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #f8d7da !important;<br /> color: #721c24 !important;<br /> }<br /> <br /> /* completed / discontinued dates */<br /> td.bs-infobox-ended {<br /> color: #b32424 !important;<br /> font-weight: 600 !important;<br /> }<br /> <br /> /* stats as of — purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #e8d5f5 !important;<br /> color: #4a235a !important;<br /> }<br /> <br /> /* ══════════════════════════════════════════════════════<br /> DARK MODE — ARTICLE PAGES &amp; VECTOR LEGACY CHROME<br /> Applies when the OS/browser is set to dark mode.<br /> Targets skin-vector (legacy 2010) selectors.<br /> ══════════════════════════════════════════════════════ */<br /> @media (prefers-color-scheme: dark) {<br /> <br /> /* ── Page shell ─────────────────────────────────── */<br /> html,<br /> body {<br /> background-color: #1a1a18;<br /> color: var(--bs-text-primary);<br /> color-scheme: dark;<br /> }<br /> <br /> /* ── Article content area ───────────────────────── */<br /> #content,<br /> .mw-body,<br /> .mw-body-content {<br /> background-color: #121212;<br /> border-color: #333331;<br /> }<br /> <br /> /* ensure core text elements get the light colour in dark mode */<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content dt,<br /> .mw-body-content dd {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* headings */<br /> #content h1, #content h2, #content h3,<br /> #content h4, #content h5, #content h6 {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* article title */<br /> #firstHeading {<br /> color: var(--bs-purple-900);<br /> border-bottom-color: #333331;<br /> }<br /> <br /> /* horizontal rules, table borders */<br /> #content hr { border-color: #333331; }<br /> <br /> /* standard wikitables */<br /> #content table.wikitable,<br /> #content table.wikitable &gt; * &gt; tr &gt; th,<br /> #content table.wikitable &gt; * &gt; tr &gt; td {<br /> background-color: #1e1e1c;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #content table.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #2a2a28;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* infoboxes and floated tables */<br /> #content table {<br /> color: var(--bs-text-primary);<br /> }<br /> <br /> /* code / pre blocks */<br /> #content pre,<br /> #content code {<br /> background-color: #1e1e1c;<br /> color: #c8c4e8;<br /> border-color: #333331;<br /> }<br /> <br /> /* blockquotes */<br /> #content blockquote {<br /> border-left-color: var(--bs-purple-200);<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* ── Tabs (article / talk / edit / history) ─────── */<br /> #p-cactions,<br /> div#mw-head {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */<br /> #p-cactions li a,<br /> #p-namespaces li a,<br /> #ca-nstab-main a,<br /> #ca-talk a,<br /> #ca-edit a,<br /> #ca-ve-edit a,<br /> #ca-viewsource a,<br /> #ca-history a,<br /> #ca-watch a,<br /> li.collapsible a,<br /> #mw-head .vectorTabs li a,<br /> #mw-head .vectorMenu li a {<br /> background-color: #252523 !important;<br /> color: #b0aeA6 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> /* active / selected tab */<br /> #p-cactions li.selected a,<br /> #p-namespaces li.selected a,<br /> #mw-head .vectorTabs li.selected a {<br /> background-color: #121212 !important;<br /> color: var(--bs-purple-900) !important;<br /> border-bottom-color: #121212 !important;<br /> }<br /> <br /> /* tab hover */<br /> #p-cactions li a:hover,<br /> #p-namespaces li a:hover,<br /> #mw-head .vectorTabs li a:hover,<br /> #mw-head .vectorMenu li a:hover {<br /> background-color: #2e2e2c !important;<br /> color: var(--bs-purple-400) !important;<br /> }<br /> <br /> /* tab background strip */<br /> #mw-head-base,<br /> div#mw-head-base {<br /> background-color: #252523;<br /> border-bottom: 1px solid #333331;<br /> }<br /> <br /> /* ── Image frames &amp; captions ────────────────────── */<br /> /* Dark mode for image frames is deferred — caption text darkened via base styles instead */<br /> <br /> /* ── Watchlist star ─────────────────────────────── */<br /> #ca-watch a,<br /> #ca-unwatch a,<br /> li#ca-watch,<br /> li#ca-unwatch {<br /> background-color: #252523 !important;<br /> border-color: #333331 !important;<br /> }<br /> <br /> #ca-watch img,<br /> #ca-unwatch img,<br /> #ca-watch span,<br /> #ca-unwatch span {<br /> background-color: transparent !important;<br /> }<br /> <br /> <br /> #mw-panel,<br /> div#mw-panel {<br /> background-color: #1a1a18;<br /> }<br /> <br /> /* sidebar portlet headings (Navigation, Tools, etc.) */<br /> #mw-panel .portal h3 {<br /> color: var(--bs-gray-400);<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* sidebar links */<br /> #mw-panel .portal a {<br /> color: var(--bs-link);<br /> }<br /> #mw-panel .portal a:visited {<br /> color: var(--bs-link-visited);<br /> }<br /> #mw-panel .portal a:hover {<br /> color: var(--bs-link-hover);<br /> text-decoration: underline;<br /> }<br /> <br /> /* ── Top toolbar / search bar ───────────────────── */<br /> #mw-head {<br /> background-color: #1a1a18;<br /> border-bottom: 1px solid #2e2e2c;<br /> }<br /> <br /> /* search input */<br /> #searchInput,<br /> #searchform input[type=&quot;search&quot;],<br /> #searchform input[type=&quot;text&quot;] {<br /> background-color: #252523;<br /> color: var(--bs-text-primary);<br /> border-color: #3a3a38;<br /> }<br /> #searchInput::placeholder {<br /> color: var(--bs-text-muted);<br /> }<br /> <br /> /* search button */<br /> #mw-searchButton,<br /> #searchButton {<br /> background-color: #252523;<br /> border-color: #3a3a38;<br /> color: var(--bs-gray-800);<br /> }<br /> <br /> /* personal tools (login, preferences, etc.) */<br /> #pt-login a,<br /> #pt-userpage a,<br /> #pt-preferences a,<br /> #pt-logout a,<br /> #p-personal a {<br /> color: var(--bs-link);<br /> }<br /> #p-personal a:hover {<br /> color: var(--bs-link-hover);<br /> }<br /> <br /> /* ── Site footer ────────────────────────────────── */<br /> #footer {<br /> background-color: #1a1a18;<br /> border-top: 1px solid #2e2e2c;<br /> color: var(--bs-text-muted);<br /> }<br /> #footer a { color: var(--bs-link); }<br /> #footer a:hover { color: var(--bs-link-hover); }<br /> <br /> /* ── Miscellaneous chrome ───────────────────────── */<br /> <br /> /* edit notices, system messages */<br /> .mw-editsection a { color: var(--bs-link); }<br /> .mw-editsection a:hover { color: var(--bs-link-hover); }<br /> <br /> /* category links at page bottom */<br /> #catlinks {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-muted);<br /> }<br /> #catlinks a { color: var(--bs-link); }<br /> #catlinks a:hover { color: var(--bs-link-hover); }<br /> <br /> /* TOC */<br /> #toc {<br /> background-color: #1e1e1c;<br /> border-color: #333331;<br /> color: var(--bs-text-primary);<br /> }<br /> #toc a { color: var(--bs-link); }<br /> #toc a:hover { color: var(--bs-link-hover); }<br /> <br /> /* notification / sitenotice bar */<br /> #siteNotice,<br /> #centralNotice {<br /> background-color: #1e1a3a;<br /> border-color: var(--bs-purple-200);<br /> color: var(--bs-purple-900);<br /> }<br /> <br /> /* diff view */<br /> .diff-addedline { background-color: #0d2b0d; color: #b8e6b8; }<br /> .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }<br /> .diff-context { background-color: #1e1e1c; color: var(--bs-text-muted); }<br /> <br /> /* ── Infobox ────────────────────────────────────── */<br /> table.bs-infobox {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #3a3a38 !important;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;<br /> }<br /> <br /> table.bs-infobox th,<br /> table.bs-infobox td {<br /> background: #1e1e1c !important;<br /> color: var(--bs-text-primary) !important;<br /> border-color: #2e2e2c !important;<br /> }<br /> <br /> .bs-infobox-title {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> .bs-infobox-section {<br /> background: #2a2a28 !important;<br /> color: var(--bs-gray-800) !important;<br /> }<br /> <br /> .bs-infobox-logo,<br /> .bs-infobox-screenshot {<br /> background: #252523 !important;<br /> color: var(--bs-text-primary) !important;<br /> }<br /> <br /> .bs-infobox-caption {<br /> color: var(--bs-text-muted) !important;<br /> }<br /> <br /> /* active status — dark green */<br /> tr.bs-infobox-active th,<br /> tr.bs-infobox-active td,<br /> th.bs-infobox-active,<br /> td.bs-infobox-active {<br /> background: #0d2b0d !important;<br /> color: #7ee8a2 !important;<br /> }<br /> <br /> /* inactive status — dark red */<br /> tr.bs-infobox-inactive th,<br /> tr.bs-infobox-inactive td,<br /> th.bs-infobox-inactive,<br /> td.bs-infobox-inactive {<br /> background: #2b0d0d !important;<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* completed / discontinued */<br /> td.bs-infobox-ended {<br /> color: #f5a8a8 !important;<br /> }<br /> <br /> /* stats as of — dark purple tint */<br /> th.bs-infobox-statsdate,<br /> td.bs-infobox-statsdate {<br /> background: #1e1a3a !important;<br /> color: var(--bs-purple-900) !important;<br /> }<br /> <br /> } /* end @media (prefers-color-scheme: dark) */</div> Admin