MediaWiki:Common.css - Revision history

Waldir: add sidebar icon for the "What If?" book

2025-07-04T14:44:04Z

add sidebar icon for the "What If?" book

Waldir: use a recent changes icon that's been designed to work at 16px (less blurry). Follow up of Special:Diff/6327

2025-07-04T14:33:20Z

use a recent changes icon that's been designed to work at 16px (less blurry). Follow up of Special:Diff/6327

Waldir: Fix ID of the Editing FAQ (fka Help) page, so the icon shows up in the sidebar

2025-07-04T13:57:17Z

Fix ID of the Editing FAQ (fka Help) page, so the icon shows up in the sidebar

Waldir: Fix ID of the Random comic page, so the icon shows up in the sidebar

2025-07-04T13:43:15Z

Fix ID of the Random comic page, so the icon shows up in the sidebar

Waldir: fix link to xkcd.com's favicon (File:Favicon.png → File:xkcd_favicon.png)

2025-07-04T13:41:24Z

fix link to xkcd.com's favicon (File:Favicon.png → File:xkcd_favicon.png)

Theusaf: fix sitesub css

2024-05-29T17:55:22Z

fix sitesub css

Waldir: normalize whitespace around section dividers; add a new section for style rules to improve the mobile experience.

2021-12-04T12:46:36Z

normalize whitespace around section dividers; add a new section for style rules to improve the mobile experience.

Waldir: tweak styles for Special:ContributionScores

2021-06-09T10:59:53Z

tweak styles for Special:ContributionScores

Dgbrt: Internal links without http or https and mrdiawiki link only https

2018-08-24T13:30:58Z

Internal links without http or https and mrdiawiki link only https

Waldir: widen username column of Special:ContributionScores, to prevent line-wrapping (which made the rows taller)

2018-01-19T09:30:49Z

widen username column of Special:ContributionScores, to prevent line-wrapping (which made the rows taller)

@@ Line 319: / Line 319: @@
 div#p-navigation li#n-All-comics a {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c0/Images.png");
+}
 div#p-navigation li#n-Browse-comics a {

@@ Line 312: / Line 312: @@
+}
 div#p-navigation li#n-recentchanges a {
-     background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Farm-Fresh_clock_edit.png/16px-Farm-Fresh_clock_edit.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/11/Clock_edit.png");
+}
 div#p-navigation li#n-Random-comic a {

@@ Line 326: / Line 326: @@
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/4/44/Feed.png");
+}
-div#p-navigation li#n-help a {
+div#p-navigation li#n-Editing-FAQ a {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/aa/Help.png");
+}

@@ Line 314: / Line 314: @@
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Farm-Fresh_clock_edit.png/16px-Farm-Fresh_clock_edit.png");
+}
-div#p-navigation li#n-randompage a {
+div#p-navigation li#n-Random-comic a {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b3/Silk_arrow_switch.png");
+}

@@ Line 309: / Line 309: @@
+}
 div#p-navigation li#n-xkcd-com a {
-     background-image: url("//www.explainxkcd.com/wiki/images/thumb/2/26/Favicon.png/16px-Favicon.png");
+     background-image: url("//www.explainxkcd.com/wiki/images/1/1f/xkcd_favicon.png");
+}
 div#p-navigation li#n-recentchanges a {

@@ Line 342: / Line 342: @@
      background-image:url('//www.explainxkcd.com/wiki/images/0/04/16px-BlackHat_head.png');
      padding-left:18px;
-     speak:none;
+     speak:never;
+}

@@ Line 2: / Line 2: @@
   * Styles for the Navbox (navigation box) template                    *
   **********************************************************************/
 .navbox {                    /* Navbox container style */
      border: 1px solid #aaa;
@@ Line 332: / Line 333: @@
   * Format tagline                                                     *
   **********************************************************************/
 #siteSub {
      display:block;
@@ Line 341: / Line 343: @@
      padding-left:18px;
      speak:none;
+}
@@ Line 346: / Line 357: @@
   * Bolden xkcd's main topics at Category:comics by topic              *
   **********************************************************************/
 .page-Category_Comics_by_topic a[title$=Romance],
 .page-Category_Comics_by_topic a[title$=Sarcasm],
@@ Line 356: / Line 368: @@
   * Main page formatting                                               *
   **********************************************************************/
 .page-Main_Page .firstHeading {
      display: none;
@@ Line 378: / Line 391: @@
      cursor: help;
+}
 /**********************************************************************
   * Special:ContributionScores                                         *
   **********************************************************************/
 table.contributionscores {
    text-align: right;
@@ Line 448: / Line 463: @@
      display: none;
+}
 /**********************************************************************
-  * Template:comic formatting                                          *
+  * {{Template:comic}} formatting                                      *
   **********************************************************************/

@@ Line 388: / Line 388: @@
+}
 .page-Special_ContributionScores table.contributionscores td:first-child { /* score column, only in Special:ContributionScores */
-   padding: 0;        /* remove padding so that the graphical meter touches the cell edges */
+   padding: 0 !important; /* remove padding so that the graphical meter touches the cell edges */
-   width: 25em;       /* use a constant width so all the tables in the page align */
+   width: 25em;           /* use a constant width so all the tables in the page align */
+}
 .page-Special_ContributionScores table.contributionscores td:last-child { /* username column, only in Special:ContributionScores */
@@ Line 417: / Line 417: @@
+}
 .contributionscores-meter {
-   line-height: 1.9em;           /* to make it full the default row height */
+   line-height: 2em;             /* to make it fill the default row height */
    display: inline-block;        /* so that it will align right */
    background-color: LightGreen;

@@ Line 251: / Line 251: @@
 /* Custom icon for links to xkcd.com */
 a.external[href*="xkcd.com"] {
-     background: url("http://www.explainxkcd.com/wiki/images/1/1f/xkcd_favicon.png") no-repeat scroll right center transparent !important;
+     background: url("//www.explainxkcd.com/wiki/images/1/1f/xkcd_favicon.png") no-repeat scroll right center transparent !important;
      padding-right: 18px !important;
+}
@@ Line 299: / Line 299: @@
+}
 div#p-navigation li#n-mainpage-description a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/3f/House_icon.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/3f/House_icon.png");
+}
 div#p-navigation li#n-Latest-comic a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/5b/New_silk.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5b/New_silk.png");
+}
 div#p-navigation li#n-portal a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/de/Group.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/d/de/Group.png");
+}
 div#p-navigation li#n-xkcd-com a {
-     background-image: url("http://www.explainxkcd.com/wiki/images/thumb/2/26/Favicon.png/16px-Favicon.png");
+     background-image: url("//www.explainxkcd.com/wiki/images/thumb/2/26/Favicon.png/16px-Favicon.png");
+}
 div#p-navigation li#n-recentchanges a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Farm-Fresh_clock_edit.png/16px-Farm-Fresh_clock_edit.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Farm-Fresh_clock_edit.png/16px-Farm-Fresh_clock_edit.png");
+}
 div#p-navigation li#n-randompage a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/b3/Silk_arrow_switch.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b3/Silk_arrow_switch.png");
+}
 div#p-navigation li#n-All-comics a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/c/c0/Images.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c0/Images.png");
+}
 div#p-navigation li#n-Browse-comics a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/36/Chart_organisation.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/36/Chart_organisation.png");
+}
 div#p-navigation li#n-RSS-feed a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/4/44/Feed.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/4/44/Feed.png");
+}
 div#p-navigation li#n-help a {
-     background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/aa/Help.png");
+     background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/aa/Help.png");
+}
@@ Line 338: / Line 338: @@
      padding-left:20px;
      background-repeat:no-repeat;
-     background-image:url('http://www.explainxkcd.com/wiki/images/0/04/16px-BlackHat_head.png');
+     background-image:url('//www.explainxkcd.com/wiki/images/0/04/16px-BlackHat_head.png');
      padding-left:18px;
      speak:none;

@@ Line 392: / Line 392: @@
+}
 .page-Special_ContributionScores table.contributionscores td:last-child { /* username column, only in Special:ContributionScores */
-   width: 25em;       /* use a constant width so all the tables in the page align */
+   width: 40em;       /* use a constant width so all the tables in the page align */
+}
 table.contributionscores tr {