Template:Support Page: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Undo revision 35250 by Pcoombe (talk)
Tag: Undo
add hover effect on language switcher button
 
(33 intermediate revisions by 2 users not shown)
Line 2: Line 2:
{{Add viewport tag.js}}<!-- Critical javascript to add the viewport tag. Other js is in MediaWiki:SupportPage.js -->
{{Add viewport tag.js}}<!-- Critical javascript to add the viewport tag. Other js is in MediaWiki:SupportPage.js -->
<html><style>
<html><style>
*,
*, *:before, *:after {
*:before,
*:after {
box-sizing: border-box;
box-sizing: border-box;
}
}


html, body {
html,
body {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
-ms-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
Line 21: Line 25:


#mw-navigation, #mw-page-base, #mw-head-base,
#mw-navigation, #mw-page-base, #mw-head-base,
#firstHeading, #siteSub, #contentSub, #jump-to-nav,
#firstHeading, #siteSub, #contentSub, #contentSub2, #jump-to-nav,
#catlinks, #footer, .mw-editsection {
#catlinks, #footer, .mw-editsection {
display: none;
display: none;
Line 45: Line 49:
.sp-dir-rtl {
.sp-dir-rtl {
direction: rtl;
direction: rtl;
}

/* Resets */
.sp-page li {
margin-bottom: 0;
}

/* OOUI focus styles are applied to buttons */
.sp-page .sp-btn:focus {
outline: 0;
}
}


/* Global font-size and line-height settings */
/* Global font-size and line-height settings */
html, body {
font-size: 16px;
}


p, li, dl,
p, li, dl, .sp-page table {
.sp-page table {
font-weight: 400;
font-weight: 400;
font-size: .875rem;
font-size: 0.875rem;
line-height: 1.5;
line-height: 1.5;
}
}


@media all and (min-width: 1281px) {
@media (min-width: 1281px) {
p, li, dl,
p, li, dl, .sp-page table {
font-size: 0.9375rem;
.sp-page table {
font-size: .9375rem;
}
}
}
}


.sp-footer-text {
.sp-footer-text {
font-size: .875rem;
font-size: 0.875rem;
line-height: 1.5; /*24px @16px*/
line-height: 1.5; /* 24px @16px */
}
}


Line 92: Line 81:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
border: none;
border: 0;
}
}


.sp-page h1,
.sp-page h1,
.sp-page h2,
.sp-page h2 {
.sp-page h3,
.sp-page h4,
.sp-page h5,
.sp-page h6 {
font-weight: bold;
font-weight: bold;
}
}
Line 109: Line 94:
border-bottom: 3px solid #000;
border-bottom: 3px solid #000;
margin-bottom: 1rem;
margin-bottom: 1rem;
/* letter-spacing: 0.03125rem; */
}
}

@media all and (min-width: 768px) {
@media (min-width: 768px) {
.sp-page h1 {
.sp-page h1 {
font-size: 2.375rem;
font-size: 2.375rem;
Line 120: Line 105:
margin-bottom: 1rem;
margin-bottom: 1rem;
font-size: 1.125rem;
font-size: 1.125rem;
line-height: 1.5; /*36px @24px*/
line-height: 1.5; /* 36px @24px */
/* border-bottom: 2px solid #000; */
}
}


.sp-page h2:not(:first-child) {
.sp-page h2:not(:first-child) {
margin-top: 4rem;
margin-top: 4rem;
}

@media all and (min-width: 1024px) {
.sp-page h2:not(:first-child) {
margin-top: 6rem;
}
}
}

@media all and (min-width: 1281px) {
@media (min-width: 1281px) {
.sp-page h2 {
.sp-page h2 {
font-size: 1.375rem;
font-size: 1.375rem;
Line 142: Line 121:
font-size: 1.05rem;
font-size: 1.05rem;
margin-top: 2rem;
margin-top: 2rem;
font-weight: normal;
}
}


.sp-page {
.sp-page {
font-size: 18px;
font-size: 18px;
line-height: 1.5555555556; /*28px @18px*/
line-height: 1.5555555556; /* 28px @18px */
}
}

@media all and (min-width: 768px) {
@media (min-width: 768px) {
.sp-page {
.sp-page {
font-size: 20px;
font-size: 20px;
line-height: 1.5; /*30px @20px*/
line-height: 1.5; /* 30px @20px */
}
}
}
}
Line 160: Line 141:
.sp-content ol,
.sp-content ol,
.sp-content dl {
.sp-content dl {
margin-bottom: 1rem; /*16px*/
margin-bottom: 1rem; /* 16px */
}
}


Line 187: Line 168:
.sp-page blockquote {
.sp-page blockquote {
font-style: italic;
font-style: italic;
}

/* Language Header */
.sp-languages {
height: 56px;
overflow: hidden;
position: relative;
}
.sp-languages.-expanded {
height: auto;
}

.sp-languages-icon {
position: absolute;
top: 10px;
left: 16px
}
.sp-dir-rtl .sp-languages-icon {
left: auto;
right: 16px;
}

.sp-languages-expand {
position: absolute;
top: 11px;
right: 16px;
cursor: pointer;
transition: all 100ms;
}
.sp-dir-rtl .sp-languages-expand {
right: auto;
left: 16px;
transform: rotate(180deg);
}

.sp-languages-expand:hover g {
fill: #222;
}
.sp-languages.-expanded .sp-languages-expand {
transform: rotate(90deg);
}

.sp-languages ul {
margin: 0 56px 0 56px;
list-style: none;
}

.sp-languages ul .sp-language-divider:last-of-type {
display: none;
}

.sp-languages ul li {
display: inline-block;
padding: 12px;
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
text-transform: capitalize;
}

/* .sp-languages ul li:after {
content: "·";
padding: 0 .2em 0 .4em;
} */
.sp-dir-rtl .sp-languages ul li:after {
padding: 0 .4em 0 .2em;
}

.sp-languages ul li:last-of-type:after {
display: none;
}

.sp-languages a,
.sp-languages a:visited {
color: #54595D;
font-size: 14px;
font-weight: 600;
border-bottom: 4px solid transparent;
padding: 12px 0;
}

.sp-languages ul li:hover a,
.sp-languages ul li:focus a,
.sp-languages ul li a:hover,
.sp-languages ul li a:focus,
.sp-languages a.selflink {
text-decoration: none;
border-color: #3a25ff;
color: #3a25ff;
}
}


Line 283: Line 175:
margin: 0 auto;
margin: 0 auto;
}
}

@media (min-width: 768px) {
@media (min-width: 768px) {
.mw-1360 {
.mw-1360 {
Line 303: Line 196:
}
}
}
}



/* Header */
/* Header */
.sp-header {
.sp-header {
padding-bottom: 3rem;
padding-top: 6rem;
padding-bottom: 2rem;
}
@media all and (min-width: 1024px){
.sp-header {
padding-top: 61px;
}
}
}


.sp-top-nav {

position: fixed;
.sp-header-inner {
position: relative;
z-index: 2;
margin-top: 3rem;
width: 100%;
width: 100%;
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%);
}
}


Line 326: Line 220:
text-align: center;
text-align: center;
border-bottom: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
width: 100%;
width: 100%;
max-width: 980px;
margin: 0 auto;
background-color: #ffffff;
z-index: 9999;
left: 0;
left: 0;
right: 0;
right: 0;
position: fixed;
}
@media all and (max-width: 768px) {
.sp-logo-nav-container {
padding: 0 1rem;
}
}
}


Line 360: Line 238:
vertical-align: middle;
vertical-align: middle;
}
}

@media all and (min-width: 640px) {
@media (min-width: 640px) {
.sp-logo-horizontal {
.sp-logo-horizontal {
height: 60px;
height: 60px;
}
}
}
}

/* Switch logo in low resolutions to save space */
/*.sp-logo-vertical {
height: 100px;
}
@media all and (min-width: 640px) {
.sp-logo-horizontal {
display: block;
}
.sp-logo-vertical {
display: none;
}
}*/


.sp-nav-container {
.sp-nav-container {
display: flex;
gap: 0.5rem;
text-align: inherit;
text-align: inherit;
}
}

@media all and (min-width: 768px) {
@media (min-width: 768px) {
.sp-nav-container {
.sp-nav-container {
text-align: right;
text-align: right;
Line 388: Line 257:
}
}


/* Buttons */
/* A standard blue button (used e.g. for bitcoin on Ways to Give) */
.sp-page .sp-btn {
.sp-btn {
font-size: 1rem;
padding: 13px 18px 11px;
border: 0;
border-radius: 2px;
border-radius: 2px;
font-weight: bold;
font-weight: 700;
line-height: 1.25; /*20px @16px*/
padding: 0.4rem 0.8rem;
background: #36c;
font-size: 15px;
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;
}
}

.sp-page .sp-btn:hover {
.sp-btn:focus {
color: #3a25ff;
border-color: currentColor;
}

.language-switcher__button:hover {
color: #3a25ff;
border-color: currentColor;
}

.btn-label-a11y {
display: block;
font-size: 0;
height: 1px;
overflow: hidden;
}

.dropdown-backdrop {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0;
pointer-events: none;
transition: .3s opacity;
z-index: 2;
}

body[data-dropdown-open=true] .dropdown-backdrop {
opacity: .6;
pointer-events: auto;
}

.language-switcher {
text-align: left;
position: relative;
}

.language-switcher__icon {
height: 1.25rem;
width: 1.25rem;
}

.language-switcher__expand {
height: 0.875rem;
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: 0;
padding: 0;
display: flex;
flex-direction: column;
}

.language-switcher__content ul li {
font-size: .875rem;
font-weight: 700;
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;
display: block;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
transition: background-color 0.3s;
}

.language-switcher__content a:hover {
background-color: #eeeaff;
text-decoration: none;
text-decoration: none;
background: #447ff5;
}
}

.sp-page .sp-btn:active {
.language-switcher__content a.selflink {
box-shadow: none;
background: #2a4b8d;
color: #3a25ff;
}
}

.sp-page .sp-btn:focus {
.language-switcher .language-name {
border-color: #36c;
display: inline-block;
box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
}

.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 */
/* Donate Now button */
.sp-page .sp-donate-now-btn {
.sp-page .sp-donate-now-btn {
border: none;
background: 0 0;
border-radius: 2px;
background: #fde8f0;
background: #fde8f0;
border: 1px solid #fde8f0;
border-color: #fde8f0;
color: #d40356;
color: #d40356;
font-weight: 700;
padding: .4rem .8rem;
font-size: 15px;
height: 34px;
}

.sp-donate-now-btn svg.secure {
height: 14px;
margin-right: 4px;
margin-bottom: -1px;
vertical-align: initial;
}
}


Line 436: Line 436:
border-color: #f61971;
border-color: #f61971;
background: #fde8f0;
background: #fde8f0;
outline: none;
outline: 0;
}
}


.sp-donate-now-btn .icon-lock,
.sp-main-nav {
.sp-donate-now-btn .icon-heart {
display: block;
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 447: Line 466:
.toc {
.toc {
background: none;
background: none;
border: none;
border: 0;
padding: 0;
padding: 0;
font-weight: bold;
font-weight: bold;
margin-bottom: 3rem;
margin-bottom: 3rem;
}
}

.toc .toctogglecheckbox,
.toc .toctogglecheckbox,
.toc .toctitle,
.toc .toctitle,
.toc .tocnumber {
.toc .tocnumber {
display: none;
display: none;
}
}

.toc ul {
.toc ul {
margin-left: 0;
margin-left: 0;
margin-bottom: 0;
margin-bottom: 0;
}
}

.toc li {
.toc li {
font-size: 16px;
margin-top: 12px;
margin-bottom: 12px;
}
}

/* Second level navigation */
.toc li ul {
.toc > ul > li:first-child {
margin: 8px 0 0 8px;
margin-top: 0;
}
}


Line 477: Line 498:
.toc a {
.toc a {
display: block;
display: block;
font-size: .875rem;
font-size: 0.875rem;
font-weight: 600;
font-weight: 600;
color: #3a25ff;
color: #3a25ff;
margin-bottom: 15px;
}
}

.toc a:hover {
.toc a:hover {
text-decoration: none;
text-decoration: none;
color: #000;
color: #000;
}

@media (min-width: 1281px) {
.toc a {
font-size: 1rem;
}
}
}


Line 497: Line 512:
position: sticky;
position: sticky;
float: left;
float: left;
top: 5.5rem;
top: 4.5rem;
overflow-y: auto;
overflow-y: auto;
width: 32%;
width: 32%;
height: calc(100vh - 4.5rem);
margin-bottom: 0;
margin-bottom: 0;
padding-bottom: 2rem; /*32px*/
padding-bottom: 2rem; /* 32px */
padding-right: 1.5rem;
padding-right: 0.5rem;
}
}

.sp-dir-rtl .sp-toc {
.sp-dir-rtl .sp-toc {
float: left;
float: left;
padding-left: 0;
padding-left: 0.5rem;
padding-right: 2rem;
padding-right: 2rem;
}
}

.sp-toc::-webkit-scrollbar {
background: transparent; /* Hide scrollbar in Chrome */
}
.toc li {
font-size: 14px;
margin-bottom: 12px;
}
.toc a {
.toc a {
border-left: 4px solid transparent;
border-left: 4px solid transparent;
}
}

.sp-dir-rtl .toc a {
.sp-dir-rtl .toc a {
padding-left: 0;
padding-left: 0;
Line 527: Line 539:
}
}


@media all and (min-width: 1280px) {
@media (min-width: 1280px) {
.sp-largetoc .toc li {
.sp-largetoc .toc li {
font-size: 16px;
margin-top: 16px;
margin-bottom: 16px;
}
}
}
}
Line 539: Line 550:
margin-bottom: 2.5rem;
margin-bottom: 2.5rem;
}
}

@media (min-width: 768px) {
@media (min-width: 768px) {
.sp-content {
.sp-content {
Line 544: Line 556:
}
}
}
}

@media (min-width: 1024px) {
@media (min-width: 1024px) {
.sp-content {
.sp-content {
Line 549: Line 562:
margin-bottom: 2.5rem;
margin-bottom: 2.5rem;
margin-left: 34%;
margin-left: 34%;
padding-left: 1.5rem;
}
}
}
}


/* Links */
/* Links */

.sp-content a,
.sp-content a,
.sp-content a:visited,
.sp-content a:visited,
Line 564: Line 579:
background-image: none;
background-image: none;
}
}

.sp-content a:hover,
.sp-content a:hover,
.sp-content a.external:hover,
.sp-content a.external:hover,
Line 571: Line 587:


.sp-content a.no-underline {
.sp-content a.no-underline {
background: none;
background: none;
}
}


Line 587: Line 603:
flex-direction: column;
flex-direction: column;
}
}

@media (min-width: 768px) {
@media (min-width: 768px) {
.sp-footer-row {
.sp-footer-row {
flex-direction: row;
flex-direction: row;
}
}

.sp-footer-text {
.sp-footer-text {
width: 57%;
width: 57%;
Line 609: Line 627:


/* Footnotes */
/* Footnotes */
.sp-page .references {
.sp-page .references,
.sp-page .sp-endnote {
margin-top: 2rem;
margin-top: 2rem;
padding-top: 2rem;
padding-top: 2rem;
Line 616: Line 635:
}
}


/* Tables */
/* NL info table */
.wikitable th {
text-align: left !important;
}
.wikitable ul {
margin-bottom: 0;
}
.NL-info-summary {
.NL-info-summary {
font-size: 16px;
font-size: 16px;
}
}

.NL-info-summary th {
text-align: left !important;
}

.NL-info-summary ul {
.NL-info-summary ul {
list-style-type: none;
list-style-type: none;
margin-left: 0;
margin-left: 0;
margin-bottom: 0;
}
}
</style>
</style>
<div class="dropdown-backdrop"></div>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<div class="sp-logo-nav-container">
<div class="sp-top-nav">
<div class="sp-logo-container">
<div class="sp-logo-nav-container mw-980">
<div class="sp-logo-container">
<svg class="sp-logo-horizontal" role="img" aria-labelledby="sp-logo-horizontal-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 797.3 185.2"><title id="sp-logo-wmf-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>
<a href="https://wikimediafoundation.org/">
<!--<svg class="sp-logo-vertical" role="img" aria-labelledby="sp-logo-vertical-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 80"><title id="sp-logo-wmf-vertical-title">Wikimedia Foundation</title><g fill="#000"><path d="M5.848 61.871l2.319-7.524h3.041l2.3 7.524 2.592-7.524h3.158l-4.561 13.08h-2.164l-2.865-9.103-2.846 9.103H4.659L.097 54.347h3.158zm14.989-7.524h2.923v13.08h-2.923zm6.139 0H29.9v5.38l4.932-5.38h3.606l-5.205 5.79c.449.623 1.287 1.793 2.495 3.489 1.209 1.696 2.105 2.963 2.71 3.8h-3.411l-3.82-5.165-1.307 1.462v3.704h-2.924v-13.08zm13.274 0h2.924v13.08H40.25zm17.855 4.854l-3.528 7.154h-1.755l-3.508-7.154v8.226H46.39v-13.08h3.957l3.372 7.193 3.392-7.193h3.937v13.08h-2.924v-8.226zm15.574-4.854v2.593h-6.511v2.69h5.848v2.495h-5.848v2.709h6.705v2.573h-9.628v-13.08h9.434zm12.786 1.715c1.248 1.15 1.871 2.73 1.871 4.757 0 2.027-.604 3.645-1.832 4.834-1.208 1.19-3.08 1.774-5.575 1.774h-4.463v-13.08h4.62c2.358 0 4.132.585 5.379 1.715zm-2.144 7.778c.721-.682 1.072-1.657 1.072-2.943 0-1.287-.35-2.281-1.072-2.963-.721-.702-1.813-1.033-3.294-1.033H79.39v7.953h1.851c1.345 0 2.378-.332 3.08-1.014zm6.549-9.493h2.924v13.08H90.87zm15.457 13.08L105.12 64.6h-5.48l-1.208 2.827h-3.1l5.653-13.08h2.827l5.652 13.08h-3.138zm-3.957-9.181l-1.637 3.8h3.275l-1.638-3.8zM12.923 75.322v1.501h2.417v.857h-2.417v2.242h-.916v-5.458h3.625v.858h-2.709zm11.851 3.84c-.546.546-1.228.799-2.047.799-.818 0-1.5-.273-2.046-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.819-2.008.545-.546 1.228-.799 2.046-.799.819 0 1.501.273 2.047.8.546.545.819 1.208.819 2.007 0 .8-.254 1.462-.82 2.008zm-.663-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585s.994-.195 1.364-.585c.37-.39.565-.857.565-1.403s-.194-1.033-.565-1.404zm7.388 2.905c.253.292.584.429 1.013.429.429 0 .76-.137 1.014-.429.253-.292.37-.682.37-1.19v-3.02h.916v3.06c0 .78-.214 1.384-.643 1.813-.429.429-.994.643-1.657.643-.682 0-1.228-.214-1.657-.643-.429-.43-.643-1.033-.643-1.813v-3.06h.916v3.02c0 .508.117.898.37 1.19zm12.357-4.191h.916v5.458h-.994l-3.079-3.977v3.977h-.917v-5.458h.917l3.157 4.074v-4.074zm10.058.702c.526.468.78 1.13.78 1.988 0 .838-.254 1.52-.76 2.008-.507.487-1.287.74-2.34.74h-1.812v-5.458h1.87c.995.02 1.755.254 2.262.722zm-.136 2.007c0-1.247-.722-1.87-2.145-1.87h-.916v3.742h1.014c.663 0 1.17-.156 1.52-.468.351-.312.527-.78.527-1.404zm6.393 1.501l-.546 1.248h-.975l2.398-5.458h.974l2.398 5.458h-.975l-.545-1.248h-2.73zm2.358-.857l-.994-2.242-.994 2.242h1.988zm7.797-2.515v4.601h-.916v-4.601h-1.657v-.838h4.23v.838zm6.159-.838h.916v5.458h-.916zm10.506 4.698c-.545.546-1.228.799-2.046.799-.819 0-1.501-.273-2.047-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.82-2.008.545-.526 1.227-.799 2.046-.799.818 0 1.5.273 2.046.8.546.545.819 1.208.819 2.007 0 .8-.273 1.462-.819 2.008zm-.682-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585.545 0 .994-.195 1.364-.585.37-.39.565-.857.565-1.403s-.195-1.033-.565-1.404zm10.253-1.286h.916v5.458h-.994l-3.08-3.977v3.977h-.916v-5.458h.916l3.158 4.074z"></path><g transform="translate(31.231)"><path d="M25.544 38.075c6.984-.996 12.354-7.01 12.354-14.313 0-4.432-1.985-8.396-5.117-11.031l-7.256 7.283v18.06h.019zm-4.066 0V20.014L14.22 12.73a14.434 14.434 0 0 0-5.116 11.031c.02 7.283 5.389 13.317 12.373 14.313z"></path><path d="M36.03 11.208c3.346 3.358 5.175 7.81 5.175 12.554 0 4.745-1.848 9.197-5.175 12.555a17.521 17.521 0 0 1-12.51 5.194c-4.727 0-9.162-1.855-12.509-5.194-3.346-3.339-5.175-7.81-5.175-12.555 0-4.744 1.849-9.196 5.175-12.554.292-.293.584-.567.876-.82L7.84 6.326c-.292.274-.583.547-.875.84a23.631 23.631 0 0 0-5.02 7.459 23.311 23.311 0 0 0-1.848 9.137c0 3.164.623 6.249 1.848 9.138 1.187 2.792 2.86 5.311 5.02 7.459a23.536 23.536 0 0 0 7.431 5.038 23.082 23.082 0 0 0 9.105 1.854c3.152 0 6.226-.624 9.105-1.854 2.782-1.191 5.292-2.87 7.432-5.038a23.631 23.631 0 0 0 5.019-7.459 23.311 23.311 0 0 0 1.848-9.138c0-3.163-.622-6.248-1.848-9.137-1.187-2.793-2.86-5.311-5.02-7.46a34.803 34.803 0 0 0-.875-.839l-4.046 4.062c.33.253.622.527.914.82z"></path><ellipse cx="23.521" cy="7.478" rx="7.295" ry="7.322"></ellipse></g></g></svg>-->
<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">
</div>
<title id="sp-logo-horizontal-title">Wikimedia Foundation</title>
<div class="sp-nav-container">
<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>
<a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/</html>?uselang={{pagelang}}&utm_medium=donatewiki_page&utm_campaign=donate_now_btn&utm_source={{urlencode:{{#titleparts:{{PAGENAME}}|1}}|WIKI}}<html>"><svg class="secure" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<title>
</svg>
lock
</a>
</title>
</div>
<div class="sp-nav-container">
<path fill="#f61971" 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"/>
<div class="language-switcher">
</svg></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a>
<button class="sp-btn language-switcher__button" aria-expanded="false">
<!--
<svg class="language-switcher__icon" role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
<nav class="sp-main-nav">
Lorem Ipsum Dolor Sit Amet
<title>Language</title>
<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>
</nav>
-->
</svg>
<span class="language-switcher__label">
</html>{{#invoke:Main|page_language}}<html>
</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}}&utm_medium=donatewiki_page&utm_campaign=donate_now_btn&utm_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>
</div>
</div>
<header class="sp-header mw-980">
<header class="sp-header mw-980">
<h1></html>{{{title|Example title}}}<html></h1>
<div class="translation-bar sp-languages">
<svg class="sp-languages-icon" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><g fill="#000"><title id="sp-languages-icon-title">Language</title><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"/></g></svg>
</html>{{Languages2}}<html>
<svg class="sp-languages-expand" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" onclick="$('.sp-languages').toggleClass('-expanded');"><g fill="#6c8699"><title>more languages</title><path d="M6.2 1L4.8 2.5l7.4 7.5-7.4 7.5L6.2 19l9-9z"/></g></svg>
</div>
<div class="sp-header-inner">
<h1></html>{{{title|Example title}}}<html></h1>
</div>
</header>
</header>
<article class="sp-main mw-980">
<article class="sp-main mw-980">
Line 716: Line 750:
<references/>
<references/>
{{Support Page end}}
{{Support Page end}}
__NOINDEX__
</noinclude>
</noinclude>

Latest revision as of 12:55, 25 January 2024

Example title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu gravida augue, id blandit tellus. Internal link, ultricies lectus eu, facilisis libero. In in blandit purus, eget fermentum lectus. Nunc risus orci, porta nec tristique vitae, ornare et ipsum. Proin rhoncus vestibulum elementum. Maecenas leo sem, fermentum et odio ac, efficitur ullamcorper ipsum. External link. External interwiki link.

Heading

Nulla est risus, vehicula sit amet lectus convallis, tristique lobortis nisl.[1] 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.[2]

3rd level heading

  • Lorem ipsum
  • Dolor sit amet
  • 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 donate@wikimedia.org.

Another heading

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.

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

This is some smallprint. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu gravida augue, id blandit tellus. Internal link.

Yet another heading

Quisque mattis luctus pulvinar. Quisque vel felis sed leo finibus convallis. Nam non felis venenatis, faucibus quam id, ultrices dolor. Etiam posuere tortor ac euismod faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vitae dignissim nulla, at porttitor nibh. Ut quis molestie arcu.

  1. Example footnote
  2. Another example footnote