MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
mNo edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url("/vswiki/index.php?action=raw&ctype=text/css&title=MediaWiki:MainPage.css") | /*@import url("/vswiki/index.php?action=raw&ctype=text/css&title=MediaWiki:MainPage.css")*/ | ||
.centered { | .centered { | ||
| Line 7: | Line 7: | ||
justify-items: center; | justify-items: center; | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* ========================== MAIN PAGE ========================== */ | |||
.mainpage-wrapper{ | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.mainpage-box{ | |||
padding: 8px; | |||
border-radius: 8px; | |||
border: 2px solid var(--border-color-base); | |||
overflow: hidden; | |||
h1,h2,h3,h4,h5,h6{ | |||
margin: -8px -8px 0px; | |||
padding: 8px; | |||
background: var(--color-progressive); | |||
border-bottom: 2px solid var(--border-color-base); | |||
} | |||
} | |||
@media (min-width: 1100px) { | |||
.mainpage-wrapper{ | |||
flex-direction: row; | |||
} | |||
.mainpage-left{ | |||
flex: 2; | |||
} | |||
.mainpage-right{ | |||
flex: 1; | |||
} | |||
} | |||
*{outline: 2px solid green;} | |||
Revision as of 01:24, 15 March 2026
/* CSS placed here will be applied to all skins */
/*@import url("/vswiki/index.php?action=raw&ctype=text/css&title=MediaWiki:MainPage.css")*/
.centered {
justify-content: center;
justify-items: center;
text-align: center;
}
/* ========================== MAIN PAGE ========================== */
.mainpage-wrapper{
display: flex;
flex-direction: column;
}
.mainpage-box{
padding: 8px;
border-radius: 8px;
border: 2px solid var(--border-color-base);
overflow: hidden;
h1,h2,h3,h4,h5,h6{
margin: -8px -8px 0px;
padding: 8px;
background: var(--color-progressive);
border-bottom: 2px solid var(--border-color-base);
}
}
@media (min-width: 1100px) {
.mainpage-wrapper{
flex-direction: row;
}
.mainpage-left{
flex: 2;
}
.mainpage-right{
flex: 1;
}
}
*{outline: 2px solid green;}