Template:Support Page: Difference between revisions
Content deleted Content added
adding option for small TOC |
No edit summary |
||
(83 intermediate revisions by 2 users not shown) | |||
Line 1:
{{DISPLAYTITLE:{{{title|Example title}}}}}
{{
<html><style>
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body { margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Line 16 ⟶ 25:
#mw-navigation, #mw-page-base, #mw-head-base,
#firstHeading, #siteSub, #contentSub, #contentSub2, #jump-to-nav,
#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: 0;
}
.content .mw-heading2, .content h2 {
clear: none;
}
Line 42 ⟶ 73:
}
/* Global font-size and line-height settings */
p, li, dl, .sp-page table {
font-weight: 400;
line-height: 1.5;
}
@media (min-width: 1281px) {
p, li, dl, .sp-page table {
font-size:
}
}
.sp-footer-text {
font-size:
line-height: 1.5; /* 24px @16px */
}
.sp-page
.sp-page
.sp-page
.sp-page
.sp-page
.sp-page
.sp-page ol,
.sp-page ul,
.sp-page p
margin: 0;
padding: 0;
border:
}
.sp-page h1,
.sp-page h2
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.sp-page
font-size:
font-weight: 500;
border-bottom: 3px solid #000;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.sp-page .mw-heading1 {
font-size: 2.375rem;
}
}
.sp-page
margin-bottom:
font-size:
line-height: 1.5; /* 36px @24px */
}
.sp-page
margin-top: 4rem;
}
@media (min-width: 1281px) {
.sp-page
}
}
.sp-page
font-size: 1.05rem;
margin-top: 2rem;
font-weight: normal;
}
.sp-page
font-size: 18px;
line-height: 1.5555555556; /* 28px @18px */
}
@media
.sp-page
line-height: 1.5; /* 30px @20px */
}
}
.sp-
.sp-
.sp-content ul,
.sp-content ol,
.sp-content dl {
margin-bottom: 1rem; /* 16px */
}
.sp-content ul,
.sp-content ol {
margin-left: 1em;
margin-right: 1em;
}
.sp-
.sp-
margin-top: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
Line 176 ⟶ 184:
.sp-page li {
margin-
margin-bottom: 0.25em;
}
Line 183 ⟶ 192:
}
.mw-1360 {
max-width: 90rem;
padding: 0 1.25rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.
padding: 0 2.5rem;
}
}
.mw-980 {
max-width: 66.25rem;
padding: 0 1.25rem;
margin: 0 auto;
}
@media (min-width: 768px) {
}
/* Header */
.sp-header {
}
.sp-
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 9999;
}
.sp-top-nav.pinned {
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
}
.sp-
align-items: center;
width: 100%;
left: 0;
right: 0;
}
.sp-
}
.sp-
width: 100%;
height: 62px;
vertical-align: middle;
}
@media (min-width: 640px) {
.sp-logo-horizontal {
height: 60px;
}
}
.
}
@media (min-width: 768px) {
.
}
}
/*
.sp-
font-weight: 700;
padding
height: 34px;
display: inline-flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
border: 1px solid;
border-color: #a2a9b1;
background: #f8f9fa;
color: #202122;
cursor: pointer;
gap: 6px;
}
color: #3a25ff;
border-color: currentColor;
}
.language-switcher__button:hover {
color: #3a25ff;
border-color: currentColor;
}
.btn-label-a11y {
display: block;
}
.dropdown-backdrop {
right: 0;
transition: .3s opacity;
}
body[data-dropdown-open=true] .dropdown-backdrop {
}
.language-switcher {
}
.language-switcher__icon {
height: 1.25rem;
}
.language-switcher__expand {
width: 0.875rem;
}
.language-switcher__label {
text-transform: uppercase;
}
.language-switcher__content {
background: #fff;
box-sizing: border-box;
flex-direction: column;
padding: 1.875rem 0.75rem;
position: fixed;
right: 0;
top: 62px;
width: 100%;
overflow: auto;
max-height: 80vh;
}
@media (min-width: 768px) {
.language-switcher__content {
border: 1px solid #3a25ff;
max-width: 100vw;
padding: 0.75rem;
position: absolute;
right: 0;
top: calc(100% - 1px);
width: 200px;
}
}
@media (min-width: 1060px) {
.language-switcher__content {
left: 0;
right: unset;
}
}
.language-switcher__content ul {
margin
display: flex;
flex-direction: column;
}
.language-switcher__content ul li {
line-height: 175%;
list-style: none;
margin: 0;
margin-bottom: 1.1875rem;
}
@media (min-width: 768px) {
.language-switcher__content ul li {
margin-bottom: .875rem;
}
}
.language-switcher__content a {
color: #000;
padding-left:
padding-right: 0.5rem;
transition: background-color 0.3s;
}
.language-switcher__content a:hover {
background-color: #eeeaff;
text-decoration: none;
}
.language-switcher__content a.selflink {
}
.language-switcher .language-name {
display: inline-block;
}
.language-switcher .language-name::first-letter {
text-transform: uppercase;
}
.language-switcher .language-name::after {
border-bottom: 3px solid transparent;
content: "";
display: block;
}
.language-switcher a.selflink .language-name::after {
border-color: #3a25ff;
}
.scroll-shadow {
box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1);
}
/* Donate Now button */
.sp-page .sp-donate-now-btn {
background
color: #d40356;
}
.sp-page .sp-donate-now-btn:hover,
.sp-page .sp-donate-now-btn:active {
background: #fde8f0;
outline: 0;
}
.sp-donate-now-btn .icon-lock,
.sp-donate-now-btn .icon-heart {
height: 1rem;
width: 1rem;
fill: currentColor;
}
.sp-donate-now-btn .icon-lock,
.sp-donate-now-txt {
display: none;
}
@media (min-width: 768px) {
.sp-donate-now-btn .icon-lock,
.sp-donate-now-txt {
display: inline;
}
.sp-donate-now-btn .icon-heart {
display: none;
}
}
Line 380 ⟶ 488:
.toc {
background: none;
border:
padding: 0;
font-weight: bold;
margin-bottom:
}
.toc .toctogglecheckbox,
.toc .toctitle,
.toc .tocnumber {
display: none;
}
.toc ul {
margin-left: 0;
margin-bottom: 0;
}
.toc li {
}
.toc
margin-top:
}
Line 410 ⟶ 520:
.toc a {
display: block;
font-weight: 600;
color: #3a25ff;
}
.toc a:hover {
text-decoration: none;
color: #000;
}
Line 422 ⟶ 533:
.sp-toc {
position: sticky;
float:
top:
overflow-y:
width:
height: calc(100vh - 4.5rem);
margin-bottom: 0;
padding-
padding-
}
.sp-dir-rtl .sp-toc {
float: left;
padding-left: 0.5rem;
padding-right: 2rem;
}
.toc a {
border-left: 4px solid transparent;
}
.sp-dir-rtl .toc a {
padding-right: 1rem;
border-left: 0;
border-right: 4px solid transparent;
}
}
@media
.sp-largetoc .toc li {
}
}
Line 462 ⟶ 572:
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.sp-content {
Line 467 ⟶ 578:
}
}
@media (min-width: 1024px) {
.sp-content {
/* width:
margin-bottom: 2.5rem;
margin-left: 34%;
padding-left: 1.5rem;
}
}
/* Links */
.sp-content a,
.sp-content a:visited,
Line 481 ⟶ 596:
.sp-content a.extiw,
.sp-content a.extiw:visited {
color:
/* No external link arrows */
padding: 0;
background-image:
}
.sp-content a:hover,
.sp-content a.external:hover,
.sp-content a.extiw:hover {
}
.sp-content a.no-underline {
background: none;
}
.sp-footer {
background: #
color: #fff;
margin-top: 4rem;
padding-top:
padding-bottom:
}
Line 518 ⟶ 625:
flex-direction: column;
}
@media (min-width: 768px) {
.sp-footer-row {
flex-direction: row;
}
.sp-footer-text {
width: 57%;
Line 531 ⟶ 640:
margin-bottom: 24px;
margin-right: 24px;
}
Line 560 ⟶ 645:
.sp-muted,
.sp-muted p {
color: #54595d;
}
/* Footnotes */
.sp-page .references
.sp-page .sp-endnote {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #a2a9b1;
font-size: 1rem;
}
/* NL info table */
.NL-info-summary {
font-size: 16px;
}
.NL-info-summary th {
text-align: left !important;
}
.NL-info-summary ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}
</style>
<div class="dropdown-backdrop"></div>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<
<div class="
<div class="sp-logo-container">
<a href="https://wikimediafoundation.org/">
<svg class="sp-
<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>
<
</div>
<div class="sp-nav-container">
<
<
<svg class="language-switcher__icon" role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
<
<path d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z"></path>
<
</span>
<svg class="language-switcher__expand" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>expand</title><path d="M19 6.25l-1.5-1.5-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>
</button>
<div class="language-switcher__content" hidden="">
</html>{{Languages2}}<html>
</div>
</div>
<a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/</html>?uselang={{pagelang}}&wmf_medium=donatewiki_page&wmf_campaign=donate_now_btn&wmf_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"/>
</svg>
<svg class="icon-heart" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" role="img" aria-hidden="true">
<path d="M14.75 1A5.24 5.24 0 0 0 10 4 5.24 5.24 0 0 0 0 6.25C0 11.75 10 19 10 19s10-7.25 10-12.75A5.25 5.25 0 0 0 14.75 1z"/>
</svg>
<span class="sp-donate-now-txt">
</html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html>
</span>
</a>
</div>
</div>
</div>
<header class="sp-header mw-980">
<h1></html>{{{title|Example title}}}<html></h1>
</header>
<article class="sp-main mw-
<div class="sp-toc </html>{{#if:{{{smalltoc|}}}|sp-smalltoc|sp-largetoc}}<html>">
</html>__TOC__<html>
Line 607 ⟶ 727:
==Heading==
Nulla est risus, vehicula sit amet lectus convallis, tristique lobortis nisl.<ref>Example footnote</ref> Nulla vel hendrerit orci, ''in vehicula justo''. Integer condimentum elit bibendum, ultricies metus ut, sagittis odio. Nunc sagittis lacus in tellus placerat, nec viverra erat aliquet. Proin vitae ipsum vestibulum augue pulvinar commodo et nec eros.<ref>Another example footnote</ref>
===3rd level heading===
* Lorem ipsum
* Dolor sit amet
* [[Ways to Give|Coffee]]
; Definition list
: Foo
: Bar
: Baz
Sed nisi risus, ultrices ac nisl vel, elementum viverra quam. In hac habitasse platea dictumst. Praesent eu porttitor massa [mailto:donate@wikimedia.org donate@wikimedia.org].
Line 618 ⟶ 745:
In blandit quis ipsum id euismod. Curabitur ut nisi sit amet orci hendrerit finibus ac nec purus. Etiam dignissim felis vel diam elementum vulputate. Pellentesque varius odio ut neque vulputate, id laoreet eros feugiat. Integer commodo interdum tortor eu varius. Nam felis odio, rutrum in neque eu, faucibus vehicula odio. Vivamus non tortor fringilla, congue urna et, fermentum nulla. Suspendisse potenti. Praesent quis nulla libero. In condimentum nulla varius pellentesque consequat. Aenean fringilla facilisis ligula, nec malesuada lacus euismod in.
{| class="wikitable"
|+ A table
|-
! Hey
| Quisque mattis luctus pulvinar. Quisque vel felis sed leo finibus convallis. Nam non felis venenatis, faucibus quam id, ultrices dolor.
|-
! Header
| Interdum et malesuada fames ac ante ipsum primis in faucibus. In vitae dignissim nulla, at porttitor nibh. In blandit quis ipsum id euismod. Curabitur ut nisi sit amet orci hendrerit finibus ac nec purus. Etiam dignissim felis vel diam elementum vulputate. Pellentesque varius odio ut neque vulputate, id laoreet eros feugiat.
|-
! List
|
* Sometimes
* tables
* need
* a list
|}
<div class="sp-muted">
Line 628 ⟶ 772:
<references/>
{{Support Page end}}
__NOINDEX__
</noinclude>
|