MediaWiki:Common.css: Difference between revisions
From DMT-Nexus Wiki
Jump to navigationJump to search
TheTraveler (talk | contribs) New page: →CSS placed here will be applied to all skins: →Pad Google AdSense box in portlet in sidebar: #p-googleadsense .pBody { padding-top: 5px; text-align: center; } |
No edit summary |
||
| (19 intermediate revisions by one other user not shown) | |||
| Line 5: | Line 5: | ||
padding-top: 5px; | padding-top: 5px; | ||
text-align: center; | text-align: center; | ||
} | |||
body.page-Main_Page h1.firstHeading { display:none; } | |||
body.page-DMT-Nexus_Wiki_Community_Portal h1.firstHeading { display:none; } | |||
.mainpage-row { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
gap: 1em; | |||
} | |||
.mainpage-row > * { | |||
flex: 1 1 12em; | |||
} | |||
.mainpage-columns { | |||
display: flex; | |||
gap: 1em; | |||
} | |||
.mainpage-columns > * { | |||
flex: 1 1 auto; | |||
} | |||
@container (max-width: 51em) { | |||
.mainpage-columns { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); | |||
} | |||
} | |||
.mainpage-box { | |||
border: 1px solid #676767; | |||
} | |||
.mainpage-box-title { | |||
display: flex; | |||
align-items: center; | |||
background: #454545; | |||
border-bottom: 1px solid #676767; | |||
padding: 0.5em; | |||
} | |||
.mainpage-box-title > :first-child { | |||
flex: 1; | |||
text-align: center; | |||
} | |||
.mainpage-box-content { | |||
padding: 0.5em; | |||
container-type: inline-size; | |||
} | |||
.mainpage-header-title { | |||
background: #454545; | |||
border-bottom: 1px solid #676767; | |||
padding: 1em; | |||
} | |||
.mainpage-header-body { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 1em; | |||
padding: 1em 0.5em; | |||
} | |||
.mainpage-header-text { | |||
flex: 1 1 12em; | |||
} | |||
.mainpage-header-aside { | |||
flex: 0 0 auto; | |||
} | } | ||
Latest revision as of 12:14, 11 November 2026
/* CSS placed here will be applied to all skins */
/* Pad Google AdSense box in portlet in sidebar */
#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}
body.page-Main_Page h1.firstHeading { display:none; }
body.page-DMT-Nexus_Wiki_Community_Portal h1.firstHeading { display:none; }
.mainpage-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 1em;
}
.mainpage-row > * {
flex: 1 1 12em;
}
.mainpage-columns {
display: flex;
gap: 1em;
}
.mainpage-columns > * {
flex: 1 1 auto;
}
@container (max-width: 51em) {
.mainpage-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
}
}
.mainpage-box {
border: 1px solid #676767;
}
.mainpage-box-title {
display: flex;
align-items: center;
background: #454545;
border-bottom: 1px solid #676767;
padding: 0.5em;
}
.mainpage-box-title > :first-child {
flex: 1;
text-align: center;
}
.mainpage-box-content {
padding: 0.5em;
container-type: inline-size;
}
.mainpage-header-title {
background: #454545;
border-bottom: 1px solid #676767;
padding: 1em;
}
.mainpage-header-body {
display: flex;
flex-wrap: wrap;
gap: 1em;
padding: 1em 0.5em;
}
.mainpage-header-text {
flex: 1 1 12em;
}
.mainpage-header-aside {
flex: 0 0 auto;
}