Jump to content

🚨 Get your Google Knowledge Panel
◉ Displays your name, photo, and profession in Google Search
Click here to get started now

MediaWiki:Common.css: Difference between revisions

From Knowlepedia
No edit summary
No edit summary
Line 6: Line 6:




/* Custom wrapper for infobox that floats right on desktop and centers on mobile */
/* Make infobox responsive: right on desktop, center on mobile */
.custom-infobox-wrapper {
.responsive-infobox {
   float: right;
   float: right;
   margin: 0 0 1em 1em;
   margin: 0 0 1em 1em;
  max-width: 100%;
}
}


@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {
   .custom-infobox-wrapper {
   .responsive-infobox {
     float: none !important;
     float: none !important;
     margin: 0 auto 1em auto !important;
     margin: 0 auto 1em auto !important;

Revision as of 09:20, 21 June 2025

/* CSS placed here will be applied to all skins */

.mw-parser-output > :first-child {
  margin-top: 0 !important;
}


/* Make infobox responsive: right on desktop, center on mobile */
.responsive-infobox {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 100%;
}

@media screen and (max-width: 600px) {
  .responsive-infobox {
    float: none !important;
    margin: 0 auto 1em auto !important;
    display: flex;
    justify-content: center;
  }
}