MediaWiki:Common.css: Difference between revisions
From FamiWiki
PanchamBro (talk | contribs) (Adjusting design of tabs) |
PanchamBro (talk | contribs) (adding CSS to fix images on mobile) |
||
Line 86: | Line 86: | ||
border-bottom: 1px solid #AAA; | border-bottom: 1px solid #AAA; | ||
border-radius: 0 !important | border-radius: 0 !important | ||
} | |||
/* Image fixes */ | |||
@media screen and (max-width: 850px) { | |||
img { | |||
height: auto !important; | |||
max-width: 100% !important; | |||
} | |||
} | } |
Latest revision as of 22:59, 7 April 2024
/* CSS placed here will be applied to all skins */ /* Infobox stylization, imported from Fanon Wiki: https://fanonwiki.org/wiki/MediaWiki:Common.css */ .infobox { border: 4px solid #ff8100; padding: .25rem; border-radius: .75rem; display: grid; gap: .33rem; } @media (min-width: 720px) { .infobox { float: right; margin: .25rem 0 .5rem .5rem; max-width: 420px; min-width: 300px; } } @media (min-width: 1000px) { .infobox { max-width: 300px; } } .infobox-head, .infobox-cell { border-radius: .25rem; } .infobox-head { font-weight: bold; text-align: center; } .infobox-cell:nth-child(4n+1) { background: rgba(0,0,0,.15); } .infobox-head.infobox-split, .infobox-head.infobox-Split { grid-column: 1; } .infobox-cell.infobox-split, .infobox-cell.infobox-Split { grid-column: span 3; } .infobox-wide, .infobox-widecenter, .infobox-img, .infobox-label, .infobox-imgnotitle, .infobox-Wide, .infobox-Widecenter, .infobox-Img, .infobox-Label, .infobox-Imgnotitle { grid-column: span 4; } .infobox-widecenter, .infobox-Widecenter { text-align: center; } .infobox-img, .infobox-imgnotitle, .infobox-Img, .infobox-Imgnotitle { text-align: center; color: var(--text, #000) !important; } .infobox-head.infobox-img, .infobox-head.infobox-Img { background: none !important; } .infobox-head.infobox-imgnotitle, .infobox-head.infobox-Imgnotitle { display: none !important; } .infobox-head.infobox-imgnotitle, .infobox-head.infobox-Imgnotitle { display: none !important; } .infobox-cell.infobox-img, .infobox-cell.infobox-Img { font-style: italic; background: none !important; } .infobox-collapsible { background-color: var(--page-content-background); color: var(--footer-text); font-weight: normal; padding: .25rem; } /* Tabs */ .tabs-tabbox > .tabs-label { border-bottom: 1px solid #AAA; border-radius: 0 !important } /* Image fixes */ @media screen and (max-width: 850px) { img { height: auto !important; max-width: 100% !important; } }