MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
(29 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Logo */ | |||
.vector-header-start .mw-logo { | |||
min-width:10rem !important; | |||
} | |||
.vector-header-start .mw-logo img { | |||
width: 10rem !important; | |||
height: auto !important; | |||
} | |||
.vector-header-start .mw-logo span { | |||
display:none !important; | |||
} | |||
/* InfoBox */ | /* InfoBox */ | ||
Line 22: | Line 34: | ||
} | } | ||
.page- | .page-Main_Page main header, | ||
.page-Main_Page main .page-heading { | |||
display: none !important; | |||
} | |||
.page-Main_Page .catlinks { | |||
display: none !important; | display: none !important; | ||
} | |||
.main-page-layout { | |||
display: flex; | |||
flex-direction: row; | |||
gap: 4px; | |||
} | |||
.main-page-column { | |||
display:flex; | |||
flex-direction: column; | |||
gap:4px; | |||
} | |||
.image-flex-basis { | |||
flex-basis:150px; | |||
} | |||
@media screen and (max-width: 767px){ | |||
.main-page-layout{ | |||
flex-direction:column; | |||
} | |||
.image-flex-basis { | |||
flex-basis:350px; | |||
} | |||
} | } |
Latest revision as of 05:52, 15 July 2025
/* CSS placed here will be applied to all skins */ /* Logo */ .vector-header-start .mw-logo { min-width:10rem !important; } .vector-header-start .mw-logo img { width: 10rem !important; height: auto !important; } .vector-header-start .mw-logo span { display:none !important; } /* InfoBox */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; float: right; margin: 0 0 1em 1em; width: 250px; font-size: 90%; line-height: 1.4em; } .infobox th { background-color: #efefef; text-align: left; padding: 4px; } .infobox td { padding: 4px; } .page-Main_Page main header, .page-Main_Page main .page-heading { display: none !important; } .page-Main_Page .catlinks { display: none !important; } .main-page-layout { display: flex; flex-direction: row; gap: 4px; } .main-page-column { display:flex; flex-direction: column; gap:4px; } .image-flex-basis { flex-basis:150px; } @media screen and (max-width: 767px){ .main-page-layout{ flex-direction:column; } .image-flex-basis { flex-basis:350px; } }