MediaWiki:Common.css

From bits & Bytes Minecraft Wiki
Revision as of 11:36, 31 July 2023 by Alee (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: →‎**** Portable Infobox ****: .portable-infobox { overflow: hidden; border: 1px solid #C0C0C0; border-radius: 3px; } .portable-infobox.pi-theme-scroll{ } .portable-infobox.pi-theme-scroll .pi-background { background-color: maroon; } .portable-infobox.pi-theme-scroll .pi-secondary-background { background-color: maroon; } .pi-section-navigation, .pi-media-collection-tabs { -ms-flex-wrap...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/***** Portable Infobox  *****/

.portable-infobox {    
    overflow: hidden;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
}

.portable-infobox.pi-theme-scroll{

}


.portable-infobox.pi-theme-scroll .pi-background {
    background-color: maroon;
}

.portable-infobox.pi-theme-scroll .pi-secondary-background {
    background-color: maroon;
}

.pi-section-navigation, .pi-media-collection-tabs {
    -ms-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: unset;
    overflow-x: auto;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
    max-width: none;
    overflow: unset;
    text-overflow: unset;
    -ms-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: unset;
    overflow-x: auto;
}

.portable-infobox .pi-media {
    margin-top: 15px;
    max-width: 95%;
    text-align: center;
}