Template:Support Page: Difference between revisions

Content deleted Content added
new language switcher, plus other minor changes for mobile
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 28:
#catlinks, #footer, .mw-editsection {
display: none;
 
/* and because we have to deal with minerva now for some reason */
.pre-content, .header-container, .minerva-footer {
display: none;
}
.content {
max-width: none !important;
width: auto !important;
}
 
/* more minerva nonsense for the toc */
.toc {
display: block;
}
.client-js .toc .toctogglecheckbox ~ ul {
visibility: visible;
height: auto;
margin-left: 6px0;
}
.content .mw-heading2, .content h2 {
clear: none;
}
 
Line 70 ⟶ 92:
}
 
.sp-page h1.mw-heading1,
.sp-page h2.mw-heading2,
.sp-page h3.mw-heading3,
.sp-page h4.mw-heading4,
.sp-page h5.mw-heading5,
.sp-page h6.mw-heading6,
.sp-page ol,
.sp-page ul,
Line 85 ⟶ 107:
 
.sp-page h1,
.sp-page h2, {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
.sp-page h3,
.sp-page h4,
.sp-page h5,
.sp-page h6 {
font-weight: bold;
}
 
.sp-page h1.mw-heading1 {
font-size: 2.25rem;
font-weight: 500;
Line 101 ⟶ 119:
 
@media (min-width: 768px) {
.sp-page h1.mw-heading1 {
font-size: 2.375rem;
}
}
 
.sp-page h2.mw-heading2 {
margin-bottom: 1rem;
font-size: 1.125rem;
Line 112 ⟶ 130:
}
 
.sp-page h2.mw-heading2:not(:first-child) {
margin-top: 4rem;
}
 
@media (min-width: 1281px) {
.sp-page h2.mw-heading2 {
font-size: 1.375rem;
}
}
 
.sp-page h3.mw-heading3 {
font-size: 1.05rem;
margin-top: 2rem;
font-weight: boldnormal;
}
 
Line 250 ⟶ 269:
.sp-nav-container {
display: flex;
margin-leftgap: 0.5rem;
text-align: inherit;
}
Line 275 ⟶ 295:
color: #202122;
cursor: pointer;
margin-rightgap: 6px;
}
 
.sp-btn:focus {
color: #3a25ff;
border-color: currentColor;
}
 
.language-switcher__button:hover {
color: #3a25ff;
border-color: currentColor;
Line 289 ⟶ 315:
}
 
[data-.dropdown-backdrop] {
/* Language switcher */
[data-dropdown-backdrop] {
display: block;
position: fixed;
Line 304 ⟶ 329:
}
 
body[data-dropdown-backdropopen=activetrue] .dropdown-backdrop {
opacity: .6;
pointer-events: auto;
Line 317 ⟶ 342:
height: 1.25rem;
width: 1.25rem;
margin-right: 6px;
}
 
Line 323 ⟶ 347:
height: 0.875rem;
width: 0.875rem;
margin-left: 6px;
}
 
Line 339 ⟶ 362:
top: 62px;
width: 100%;
overflow: scrollauto;
max-height: 80vh;
}
Line 418 ⟶ 441:
.language-switcher a.selflink .language-name::after {
border-color: #3a25ff;
}
 
.scroll-shadow {
box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1);
}
 
Line 425 ⟶ 452:
border-color: #fde8f0;
color: #d40356;
margin-left: .5rem;
}
 
Line 440 ⟶ 466:
width: 1rem;
fill: currentColor;
 
.sp-donate-now-btn .icon-lock {
margin-right: 6px;
}
 
Line 627 ⟶ 649:
 
/* Footnotes */
.sp-page .references {,
.sp-page h3,.sp-endnote {
margin-top: 2rem;
padding-top: 2rem;
Line 649 ⟶ 672:
}
</style>
<div data-class="dropdown-backdrop="inactive"></div>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<div class="sp-top-nav">
<div class="sp-logo-nav-container mw-980">
<div class="sp-logo-container">
<svga classhref="sp-logo-horizontal" role="img" xmlns="httphttps://www.w3wikimediafoundation.org/2000/svg" viewBox="0 0 797.3 185.2">
<svg class="sp-logo-horizontal" aria-labelledby="sp-logo-horizontal-title" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 797.3 185.2">
<title id="sp-logo-horizontal-title">Wikimedia Foundation</title>
<path d="M243.2 78.4l11.9-38.6h15.6l11.8 38.6 13.3-38.6H312l-23.4 67.1h-11.1l-14.7-46.7-14.6 46.7h-11.1l-23.4-67.1h16.2l13.3 38.6zM320.1 39.8h15v67.1h-15V39.8zM351.6 39.8h15v27.6l25.3-27.6h18.5l-26.7 29.7c2.3 3.2 6.6 9.2 12.8 17.9 6.2 8.7 10.8 15.2 13.9 19.5h-17.5l-19.7-26.5-6.7 7.5v19h-15V39.8zM419.7 39.8h15v67.1h-15V39.8zM511.3 64.7l-18.1 36.7h-8.9l-18-36.7v42.2h-15V39.8h20.3l17.3 36.9 17.4-36.9h20.2v67.1h-15V64.7zM591.2 39.8v13.3h-33.4V67h30v12.8h-30v13.9h34.5v13.2h-49.4V39.8h48.3zM656.8 48.6c6.4 5.9 9.6 14 9.6 24.4 0 10.4-3.1 18.7-9.4 24.8-6.2 6.1-15.8 9.1-28.6 9.1h-22.9V39.8h23.7c12.1 0 21.2 3 27.6 8.8zm-10.9 39.9c3.7-3.5 5.5-8.5 5.5-15.1s-1.8-11.7-5.5-15.2c-3.7-3.6-9.3-5.3-16.9-5.3h-8.4v40.8h9.5c6.8 0 12.1-1.7 15.8-5.2zM679.4 39.8h15v67.1h-15V39.8zM758.7 106.9l-6.2-14.5h-28.1l-6.2 14.5h-15.9l29-67.1h14.5l29 67.1h-16.1zm-20.3-47.1L730 79.3h16.8l-8.4-19.5z"/><g><path d="M241 137.4v8.1h13v4.6h-13v12.1h-5v-29.4h19.6v4.6H241zM311.2 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM353.7 155.4c1.3 1.6 3.2 2.4 5.5 2.4s4.1-.8 5.5-2.4 2-3.7 2-6.4v-16.3h5v16.5c0 4.2-1.2 7.5-3.5 9.8-2.3 2.3-5.3 3.4-8.9 3.4-3.6 0-6.6-1.1-8.9-3.4s-3.5-5.5-3.5-9.8v-16.5h5V149c-.2 2.7.5 4.8 1.8 6.4zM426.6 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9zM487.1 136.6c2.8 2.6 4.2 6.1 4.2 10.7s-1.4 8.2-4.1 10.8c-2.7 2.7-6.9 4-12.6 4h-9.7v-29.4H475c5.2 0 9.3 1.3 12.1 3.9zm-.7 10.8c0-6.7-3.9-10.1-11.5-10.1h-5v20.1h5.5c3.6 0 6.3-.8 8.2-2.5 1.8-1.7 2.8-4.2 2.8-7.5zM527.1 155.4l-2.9 6.7h-5.3l12.9-29.4h5.3l12.9 29.4h-5.3l-2.9-6.7h-14.7zm12.7-4.6l-5.3-12.1-5.3 12.1h10.6zM588.1 137.3v24.8h-5v-24.8h-8.9v-4.5H597v4.5h-8.9zM627.6 132.7h5v29.4h-5v-29.4zM690.4 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM748.3 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9z"/></g><g><path d="M108.3 144.4c25.3-3.6 44.7-25.3 44.7-51.5 0-16-7.2-30.2-18.5-39.8l-26.2 26.2v65.1zM93.6 144.4V79.3L67.4 53a51.86 51.86 0 0 0-18.5 39.8c0 26.3 19.4 48 44.7 51.6z"/><path d="M146.2 47.6c12.1 12.1 18.7 28.2 18.7 45.2s-6.7 33.2-18.7 45.2c-12.1 12.1-28.2 18.7-45.2 18.7S67.8 150 55.8 138 37 109.9 37 92.8s6.7-33.2 18.7-45.2c1-1 2.1-2 3.2-3L44.3 30c-1.1 1-2.1 2-3.2 3-7.8 7.8-13.9 16.8-18.1 26.9-4.4 10.4-6.7 21.5-6.7 32.9 0 11.4 2.2 22.5 6.7 32.9 4.3 10.1 10.4 19.1 18.1 26.9 7.8 7.8 16.8 13.9 26.9 18.1 10.4 4.4 21.5 6.7 32.9 6.7 11.4 0 22.5-2.2 32.9-6.7 10.1-4.3 19.1-10.4 26.9-18.1 7.8-7.8 13.9-16.8 18.1-26.9 4.4-10.4 6.7-21.5 6.7-32.9 0-11.4-2.2-22.5-6.7-32.9-4.3-10.1-10.4-19.1-18.1-26.9-1-1-2.1-2-3.2-3L143 44.6c1.1.9 2.1 1.9 3.2 3z"/><circle cx="100.9" cy="34.1" r="26.4"/></g>
</svg>
</svg>
</svga>
</div>
<div class="sp-nav-container">
Line 675 ⟶ 700:
</div>
</div>
<a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/</html>?uselang={{pagelang}}&utm_mediumwmf_medium=donatewiki_page&utm_campaignwmf_campaign=donate_now_btn&utm_sourcewmf_source={{urlencode:{{#titleparts:{{PAGENAME}}|1}}|WIKI}}<html>">
<svg class="icon-lock" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" role="img" aria-hidden="true">
<path d="M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z"/>