MediaWiki:Mobile.css: Difference between revisions
(fix infoboxes for mobile) |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 71: | Line 71: | ||
.pi-data-value { | .pi-data-value { | ||
margin: auto; | margin: auto; | ||
} | |||
/* Site Notice */ | |||
#siteNotice { | |||
padding: 10px; | |||
border-radius: 10px; | |||
border: 2px solid white; | |||
text-align: center; | |||
margin-bottom: 10px; | |||
} | } |
Latest revision as of 08:09, 1 September 2022
/* All CSS here will be loaded for users of the mobile site */ @font-face { font-family: "Rocket Rinder"; src: url("/fonts/Rocket Rinder.otf") format('opentype') } @font-face { font-family: "OriginTech"; src: url("/fonts/OriginTech personal use.ttf") format('truetype') } @font-face { font-family: "Ethno Centric"; src: url("/fonts/ethnocentric rg.ttf") format('truetype') } @font-face { font-family: "Star Jedi"; src: url("/fonts/Starjedi.ttf") format('truetype') } .bannerpedia { color: black !important; } .homenavigation { display: none; } @font-face { font-family: "Rocket Rinder"; src: url("/fonts/Rocket Rinder.otf") format('opentype') } /* Infobox styling */ .portable-infobox { border-radius: 5px; overflow: hidden; position: relative; box-shadow: black 2px 2px 10px; right: 5px; background: #1b1e1f; } .portable-infobox .pi-border-color { border-color: #484e51; } .portable-infobox .pi-secondary-background { background-color: #222526; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: #222526; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { border-color: #353a3c; } .portable-infobox .pi-header, .portable-infobox .pi-title { text-align: center; } .portable-infobox .pi-title { font-family: "Rocket Rinder"; letter-spacing: 1px; } .pi-data-value { margin: auto; } /* Site Notice */ #siteNotice { padding: 10px; border-radius: 10px; border: 2px solid white; text-align: center; margin-bottom: 10px; }