No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
[[File:Manual:custom page template selection.png|alt=Customized page templates selection|center|thumb|750x750px|Customized page templates selection]]Simply add the following css information to your global style sheet <u>''MediaWiki:Common.css''</u> (admin permissions required):<syntaxhighlight lang="text"> | [[File:Manual:custom page template selection.png|alt=Customized page templates selection|center|thumb|750x750px|Customized page templates selection]]Simply add the following css information to your global style sheet <u>''MediaWiki:Common.css''</u> (admin permissions required):<syntaxhighlight lang="text"> | ||
/** Customized page templates selection **/ | /** Customized page templates selection **/ | ||
.bs-pt- | .bs-pt-sect { | ||
margin-top: | margin-top:1em | ||
} | |||
.bs-pt-subsect h3 { | |||
margin:0 0.8em; | |||
} | |||
.bs-pt-items { | |||
margin-left: 0; | margin-left: 0; | ||
display: flex; | display: flex; | ||
| Line 12: | Line 17: | ||
position: relative; | position: relative; | ||
} | } | ||
.bs-pt-item {position: relative; | .bs-pt-item { | ||
position: relative; | |||
word-wrap: break-word; | word-wrap: break-word; | ||
background-color: #e9e9ee; | background-color: #e9e9ee; | ||
| Line 18: | Line 24: | ||
width: 31%; | width: 31%; | ||
border-radius: 5px; | border-radius: 5px; | ||
padding:20px | padding:20px 12pt | ||
} | |||
.pt-desc { | |||
margin-left:1.1em | |||
} | |||
@media only screen and (max-width: 576px) { | |||
.bs-pt-item { | |||
width:100%} | |||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
[[Category:Customization]] | [[Category:Customization]] | ||
Revision as of 12:08, 6 May 2022
If you want a card layout for the individual templates, you can add some custom-css to the page MediaWiki:Common.css.
Custom page templates selection
Simply add the following css information to your global style sheet MediaWiki:Common.css (admin permissions required):
/** Customized page templates selection **/
.bs-pt-sect {
margin-top:1em
}
.bs-pt-subsect h3 {
margin:0 0.8em;
}
.bs-pt-items {
margin-left: 0;
display: flex;
flex-flow: row wrap;
position: relative;
}
.bs-pt-item {
position: relative;
word-wrap: break-word;
background-color: #e9e9ee;
margin: 1.16%;
width: 31%;
border-radius: 5px;
padding:20px 12pt
}
.pt-desc {
margin-left:1.1em
}
@media only screen and (max-width: 576px) {
.bs-pt-item {
width:100%}
}
