Template:Support Page: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
add hover effect on language switcher button
 
(60 intermediate revisions by 2 users not shown)
Line 1:
{{DISPLAYTITLE:{{{title|Example title}}}}}
{{SupportAdd Page/viewport tag.js}}<!-- This is just the criticalCritical javascript to add the viewport tag. EverythingOther elsejs is in MediaWiki:SupportPage.js -->
<html><style>
*,
*, *:before, *:after {
*: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;
Line 42 ⟶ 51:
}
 
/* Global font-size and line-height settings */
/* Resets */
.sp-page li {
margin-bottom: 0;
}
 
p, li, dl, .sp-page table {
/* OOUI focus styles are applied to buttons */
font-weight: 400;
.sp-page .sp-btn:focus {
outlinefont-size: 0.875rem;
line-height: 1.5;
}
 
@media (min-width: 1281px) {
/* Global font-size and line-height settings */
p, li, dl, .sp-page table {
html, body {
font-size: 16px0.9375rem;
}
}
 
.sp-footer-text {
font-size: 16px0.875rem;
line-height: 1.5; /* 24px @16px */
}
 
Line 70 ⟶ 78:
.sp-page ol,
.sp-page ul,
.sp-page p, {
.sp-page dl,
.sp-page dd,
.sp-page dt {
margin: 0;
padding: 0;
border: none0;
}
 
.sp-page h1,
.sp-page h2, {
.sp-page h3,
.sp-page h4,
.sp-page h5,
.sp-page h6 {
font-weight: bold;
}
 
.sp-page h1 {
font-size: 2rem2.25rem; /*32px*/
font-weight: 500;
letter-spacing: 0.03125rem; /*0.5px*/
border-bottom: 3px solid #000;
margin-bottom: 1rem;
}
 
@media all and (min-width: 768px) {
@media (min-width: 768px) {
.sp-page h1 {
font-size: 3rem2.375rem; /*48px*/
}
}
 
.sp-page h2 {
margin-bottom: 2rem 0 1rem;
font-size: 24px1.125rem;
line-height: 1.5; /* 36px @24px */
}
 
@media all and (min-width: 768px) {
.sp-page h2:not(:first-child) {
margin-top: 4rem;
}
 
@media (min-width: 1281px) {
.sp-page h2 {
marginfont-size: 3rem 0 1rem1.375rem;
font-size: 28px;
line-height: 1.4285714286; /*40px @28px*/
}
}
 
.sp-page h3 {
font-size: 1.05rem;
margin-top: 2rem;
font-weight: normal;
}
 
.sp-page {
font-size: 18px;
line-height: 1.5555555556; /* 28px @18px */
}
 
@media all and (min-width: 768px) {
@media (min-width: 768px) {
.sp-page {
font-size: 20px;
line-height: 1.5; /* 30px @20px */
}
}
 
.sp-pagecontent h3,
.sp-pagecontent p,
.sp-pagecontent ul,
.sp-pagecontent ol,
.sp-pagecontent dl {
margin-bottom: 1rem; /* 16px */
}
 
.sp-pagecontent ul,
.sp-pagecontent ol {
margin-left: 1em;
margin-right: 1em;
}
 
.sp-pagecontent ul ul,
.sp-pagecontent ol ol {
margin-top: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
 
Line 154 ⟶ 170:
}
 
.mw-1360 {
/* Language Header */
max-width: 90rem;
.sp-languages {
backgroundpadding: #eaecf00 1.25rem;
heightmargin: 56px0 auto;
overflow: hidden;
}
 
.sp-languages.-expanded {
@media (min-width: 768px) {
height: auto;
.mw-1360 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 2.5rem;
}
}
 
.mw-980 {
.sp-languages-icon {
positionmax-width: absolute66.25rem;
toppadding: 16px0 1.25rem;
leftmargin: 16px0 auto;
}
 
.sp-languages-expand {
@media (min-width: 768px) {
position: absolute;
top:.mw-980 16px;{
right padding: 16px0 2.5rem;
}
cursor: pointer;
transition: all 100ms;
}
 
.sp-languages-expand:hover g {
/* Header */
fill: #222;
.sp-header {
}
padding-top: 6rem;
.sp-languages.-expanded .sp-languages-expand {
transformpadding-bottom: rotate(90deg)2rem;
}
 
.sp-languages ultop-nav {
marginposition: 0 56px 0 56pxfixed;
list-stylewidth: none100%;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 9999;
}
 
.sp-top-nav.pinned {
.sp-languages ul .sp-language-divider:last-of-type {
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
display: none;
}
 
.sp-languages ul lilogo-nav-container {
displaytext-align: inline-blockcenter;
paddingborder-bottom: 12px1px 0solid #f4f4f4;
margin-topdisplay: 0flex;
marginjustify-bottomcontent: 0space-between;
whitealign-spaceitems: nowrapcenter;
width: 100%;
left: 0;
right: 0;
}
 
.sp-languages ul li:afterlogo-container {
contentwidth: "·"145px;
padding: 0 .2em 0 .4em;
}
.sp-languages ul li:last-of-type:after {
display: none;
}
 
.sp-languageslogo-horizontal a,{
width: 100%;
.sp-languages a:visited {
colormax-width: #00017.4375rem;
height: 62px;
border-bottom: 4px solid transparent;
vertical-align: middle;
-webkit-transition: all 300ms;
transition: all 300ms;
padding: 12px 0;
}
 
@media (min-width: 640px) {
.sp-languages ul li:hover a,
.sp-logo-horizontal {
.sp-languages ul li:focus a,
height: 60px;
.sp-languages ul li a:hover,
}
.sp-languages ul li a:focus,
.sp-languages a.selflink {
text-decoration: none;
border-color: #000;
}
 
.mwsp-1360nav-container {
max-widthdisplay: 90remflex;
paddinggap: 0 1.25rem5rem;
margintext-align: 0 autoinherit;
}
 
@media (min-width: 768px) {
.mwsp-1360nav-container {
paddingtext-align: 0 2.5remright;
}
}
 
/* HeaderButtons */
.sp-headerbtn {
backgroundborder-radius: #f6f6f62px;
font-weight: 700;
box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5);
padding-bottom: 10.5rem;4rem /*24px*/0.8rem;
marginfont-bottomsize: 2rem15px; /*32px*/
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;
}
 
@media (min-width: 768px) {
.sp-headerbtn:focus {
color: #3a25ff;
padding-bottom: 2rem; /*32px*/
border-color: currentColor;
margin-bottom: 2.5rem; /*40px*/
}
}
 
.language-switcher__button:hover {
.sp-logo-nav-container {
color: #3a25ff;
border-color: currentColor;
}
 
.btn-label-a11y {
display: block;
textfont-alignsize: center0;
padding-topheight: 1.5rem1px;
padding-bottomoverflow: 3remhidden;
}
 
@media all and (min-width: 640px) {
.dropdown-backdrop {
.sp-logo-nav-container {
display: -webkit-boxblock;
displayposition: -ms-flexboxfixed;
displaytop: flex0;
-webkit-box-packbottom: justify0;
-ms-flex-packleft: justify0;
right: 0;
justify-content: space-between;
-webkit-box-alignbackground: center#000;
-ms-flex-alignopacity: center0;
alignpointer-itemsevents: centernone;
transition: .3s opacity;
text-align: left;
}z-index: 2;
}
 
body[data-dropdown-open=true] .dropdown-backdrop {
.sp-logo-horizontal {
heightopacity: 52px.6;
marginpointer-bottomevents: 8pxauto;
}
 
@media all and (min-width: 640px) {
.language-switcher {
.sp-logo-horizontal {
heighttext-align: 60pxleft;
margin-bottomposition: 0relative;
}
}
 
.language-switcher__icon {
/* Switch logo in low resolutions to save space */
height: 1.25rem;
/*.sp-logo-vertical {
heightwidth: 100px1.25rem;
}
 
@media all and (min-width: 640px) {
.language-switcher__expand {
.sp-logo-horizontal {
displayheight: block0.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;
}
}
.sp-logo-vertical {
 
display: none;
@media (min-width: 1060px) {
.language-switcher__content {
left: 0;
right: unset;
}
}*/
 
.language-switcher__content ul {
.sp-nav-container {
margin-top: 1.5rem0; /*24px*/
text-alignpadding: inherit0;
display: flex;
flex-direction: column;
}
 
@media all and (min-width: 768px) {
.language-switcher__content ul li {
.sp-nav-container {
marginfont-topsize: 0.875rem;
textfont-alignweight: right700;
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 {
/* A standard blue button (used e.g. for bitcoin on Ways to Give) */
color: #000;
.sp-page .sp-btn {
font-sizedisplay: 1remblock;
padding-left: 13px 18px 11px !important0.5rem;
padding-right: 0.5rem;
color: #fff !important;
borderpadding-top: 0.25rem;
transition: background-color 0.3s;
border-radius: 2px;
transition: all 300ms ease;
font-weight: bold;
line-height: 1.25; /*20px @16px*/
background: #36c;
}
 
.sp-page .sp-btn:hover {
.language-switcher__content a:hover {
background-color: #eeeaff;
text-decoration: none;
background: #447ff5;
}
 
.sp-page .sp-btn:active {
.language-switcher__content a.selflink {
box-shadow: none;
backgroundcolor: #2a4b8d3a25ff;
}
 
.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 */
.sp-page .sp-donate-now-btn {
background-color: #f51a71fde8f0;
textborder-transformcolor: uppercase#fde8f0;
color: #d40356;
letter-spacing: 0.03125rem; /*0.5px*/
}
 
.sp-page .sp-donate-now-btn:hover,
.sp-page .sp-donate-now-btn:active {
backgroundborder-color: #b71da0f61971;
background: #fde8f0;
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 351 ⟶ 466:
.toc {
background: none;
border: none0;
padding: 0;
font-weight: bold;
margin-bottom: 2rem3rem;
}
 
.toc .toctogglecheckbox,
.toc .toctogglecheckbox,
.toc .toctitle,
.toc .tocnumber {
display: none;
}
 
.toc ul {
margin-left: 0;
margin-bottom: 0;
}
 
.toc li {
fontmargin-sizetop: 16px12px;
margin-bottom: 12px;
}
 
/* Second level navigation */
.toc li> ul > li:first-child {
margin-top: 8px 0 0 8px;
}
 
Line 381 ⟶ 498:
.toc a {
display: block;
colorfont-size: #6c86990.875rem;
font-weight: 600;
-webkit-transition: color 300ms, border 300ms;
color: #3a25ff;
transition: color 300ms, border 300ms;
}
 
.toc a:hover {
color: #000;
text-decoration: none;
color: #000;
}
 
Line 393 ⟶ 511:
.sp-toc {
position: sticky;
float: rightleft;
top: 14.5rem;
overflow-y: scrollauto;
width: 33.33333332%;
height: calc(100vh - 4.5rem);
margin-bottom: 0;
padding-leftbottom: 2rem; /* 32px */
padding-bottomright: 2rem0.5rem; /*32px*/
}
 
.sp-dir-rtl .sp-toc {
float: left;
padding-left: 0.5rem;
padding-right: 2rem;
}
 
.sp-toc::-webkit-scrollbar {
background: transparent; /* Hide scrollbar in Chrome */
}
.toc li {
font-size: 14px;
margin-bottom: 12px;
}
.toc a {
padding-left: 1rem; /*16px*/
border-left: 4px solid transparent;
}
 
.toc a.-active {
.sp-dir-rtl .toc a {
color: #000;
borderpadding-left: 4px solid #36c0;
padding-right: 1rem;
border-left: 0;
border-right: 4px solid transparent;
}
}
 
@media all and (min-width: 1280px) {
.sp-largetoc .toc li {
fontmargin-sizetop: 16px;
margin-bottom: 16px;
}
}
Line 433 ⟶ 550:
margin-bottom: 2.5rem;
}
 
@media (min-width: 768px) {
.sp-content {
Line 438 ⟶ 556:
}
}
 
@media (min-width: 1024px) {
.sp-content {
/* width: 66.66666668%; */
margin-bottom: 2.5rem;
margin-left: 34%;
padding-left: 1.5rem;
}
}
 
/* Links */
 
.sp-content a,
.sp-content a:visited,
Line 452 ⟶ 574:
.sp-content a.extiw,
.sp-content a.extiw:visited {
color: inherit#3a25ff;
/* No external link arrows */
padding: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#36c), to(#36c))none;
background-image: linear-gradient(to top, #36c, #36c);
background-size: 100% .2rem;
background-position: bottom;
background-repeat: no-repeat;
-webkit-transition: all 300ms;
transition: all 300ms;
}
 
.sp-content a:hover,
.sp-content a.external:hover,
.sp-content a.extiw:hover {
backgroundtext-sizedecoration: 100% 1.5remunderline;
color: #fff;
text-decoration: none;
}
 
.sp-content a.no-underline {
background: none;
}
 
.sp-footer {
background: #00054595d;
color: #fff;
font-weight: bold;
margin-top: 4rem;
padding-top: 4rem3rem;
padding-bottom: 8rem3rem;
}
 
Line 489 ⟶ 603:
flex-direction: column;
}
 
@media (min-width: 768px) {
.sp-footer-row {
flex-direction: row;
}
 
.sp-footer-text {
width: 57%;
Line 502 ⟶ 618:
margin-bottom: 24px;
margin-right: 24px;
}
 
/* Collapsible content */
 
.sp-page .mw-collapsible-toggle {
padding: 0.875rem 1rem 0.8125rem; /*14px 16px 13px*/
}
 
@media all and (min-width: 768px) {
.sp-page .mw-collapsible-toggle {
padding: 0.8125rem 1rem 0.75rem; /*13px 16px 12px*/
}
}
 
.sp-page .mw-collapsible-content {
padding-left: 0;
}
 
.sp-page .mw-collapsible-content ul {
margin: 0 0 1rem 0; /*0 0 16px 0*/
}
 
.sp-page .mw-collapsible-content li {
margin: 0.75rem 1rem; /*12px 16px*/
}
 
Line 531 ⟶ 623:
.sp-muted,
.sp-muted p {
font-size: 0.9em;
color: #54595d;
}
 
/* Footnotes */
.sp-page .references {,
.sp-page .sp-endnote {
margin-top: 2rem;
padding-top: 2rem;
Line 543 ⟶ 635:
}
 
/* TablesNL info table */
.wikitable th {
text-align: left !important;
}
.wikitable ul {
margin-bottom: 0;
}
.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>">
<headerdiv class="sp-headertop-nav">
<div class="translationsp-barlogo-nav-container spmw-languages980">
<div class="sp-logo-container">
<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>
<a href="https://wikimediafoundation.org/">
</html>{{Languages2}}<html>
<svg class="sp-languageslogo-expand" role="imghorizontal" aria-labelledby="sp-languageslogo-iconhorizontal-title" role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" onclick="$('797.sp-languages').toggleClass('-expanded');"><g3 fill="#6c8699"><title>more languages</title><path d="M6185.2 1L4.8 2.5l7.4 7.5-7.4 7.5L6.2 19l9-9z"/></g></svg>
<title id="sp-logo-horizontal-title">Wikimedia Foundation</title>
</div>
<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 class="sp-header-inner mw-1360">
<div class="sp-logo-nav-container" </svg>
<div class="sp-logo-container"/a>
</div>
<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>
<div class="sp-nav-container">
<!--<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>-->
</div class="language-switcher">
<divbutton class="sp-navbtn language-containerswitcher__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">
<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>"></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a>
<!--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 class="sp-main-nav">
Lorem Ipsum Dolor Sit Amet</svg>
</navspan 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>
<h1></html>{{{title|Example title}}}<html></h1>
</div>
</div>
<header class="sp-header mw-980">
<h1></html>{{{title|Example title}}}<html></h1>
</header>
<article class="sp-main mw-1360980">
<div class="sp-toc </html>{{#if:{{{smalltoc|}}}|sp-smalltoc|sp-largetoc}}<html>">
</html>__TOC__<html>
Line 593 ⟶ 705:
==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 631 ⟶ 750:
<references/>
{{Support Page end}}
__NOINDEX__
</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