MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* This style is loaded on all media. */ | |||
/* Hide the content of the TOC when the checkbox is checked. */ | |||
/* stylelint-disable-next-line selector-class-pattern */ | |||
.toctogglecheckbox:checked ~ ul { | |||
display: none; | |||
} | |||
.wiz-grid { | |||
outline: 5px solid red !important; | |||
} | |||
.wiz-grid-item { | |||
width: 100%; | |||
} | |||
.wiz-grid-item img { | |||
display: block; | |||
width: 100%; | |||
height: auto; | |||
border: 0; | |||
background: transparent; | |||
box-shadow: none; | |||
} | |||
.wiz-grid-text { | |||
margin-top: 8px; | |||
} | |||
/* TOC PAGE DIV */ | /* TOC PAGE DIV */ | ||
/* ------------ */ | /* ------------ */ | ||
/* Wrap __TOC__ in <div class="toc-page">...</div> to float it right. */ | |||
.toc-page #toc, | .toc-page #toc, | ||
.toc-page .toc { | .toc-page .toc { | ||
| Line 11: | Line 41: | ||
} | } | ||
.toc-page | .toc-page::after { | ||
content: ""; | |||
display: block; | |||
clear: | clear: both; | ||
} | } | ||
@media (max-width: 1100px) { | |||
. | .wiz-grid { | ||
grid-template-columns: repeat(3, minmax(0, 1fr)) !important; | |||
} | |||
} | } | ||
@media (max-width: 700px) { | |||
.wiz-grid { | |||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important; | |||
} | |||
. | |||
} | } | ||
Revision as of 22:56, 4 June 2026
/* This style is loaded on all media. */
/* Hide the content of the TOC when the checkbox is checked. */
/* stylelint-disable-next-line selector-class-pattern */
.toctogglecheckbox:checked ~ ul {
display: none;
}
.wiz-grid {
outline: 5px solid red !important;
}
.wiz-grid-item {
width: 100%;
}
.wiz-grid-item img {
display: block;
width: 100%;
height: auto;
border: 0;
background: transparent;
box-shadow: none;
}
.wiz-grid-text {
margin-top: 8px;
}
/* TOC PAGE DIV */
/* ------------ */
/* Wrap __TOC__ in <div class="toc-page">...</div> to float it right. */
.toc-page #toc,
.toc-page .toc {
float: right;
width: 320px;
margin: 0 0 16px 24px;
clear: right;
font-size: 0.95em;
box-sizing: border-box;
}
.toc-page::after {
content: "";
display: block;
clear: both;
}
@media (max-width: 1100px) {
.wiz-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 700px) {
.wiz-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}