Template:Support Page WMF redesign: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
 
(29 intermediate revisions by 2 users not shown)
Line 9: Line 9:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
-ms-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
Line 75: Line 75:


.sp-footer-text {
.sp-footer-text {
font-size: 16px;
font-size: .875rem;
line-height: 1.5; /*24px @16px*/
line-height: 1.5; /*24px @16px*/
}
}
Line 114: Line 114:
@media all and (min-width: 768px) {
@media all and (min-width: 768px) {
.sp-page h1 {
.sp-page h1 {
font-size: 2.9375rem;
font-size: 2.375rem;
}
}
}
}


.sp-page h2 {
.sp-page h2 {
margin: 2rem 0 1rem;
margin-bottom: 1rem;
font-size: 24px;
font-size: 1.125rem;
line-height: 1.5; /*36px @24px*/
line-height: 1.5; /*36px @24px*/
/* border-bottom: 2px solid #000; */
}
}

@media all and (min-width: 768px) {
.sp-page h2:not(:first-of-type) {
margin-top: 4rem;
}

@media all and (min-width: 1024px) {
.sp-page h2:not(:first-of-type) {
margin-top: 6rem;
}
}
@media all and (min-width: 1281px) {
.sp-page h2 {
.sp-page h2 {
margin: 3rem 0 1rem;
font-size: 1.375rem;
font-size: 28px;
line-height: 1.4285714286; /*40px @28px*/
}
}
}
}
Line 178: Line 187:
/* Language Header */
/* Language Header */
.sp-languages {
.sp-languages {
background: #eaecf0;
height: 56px;
height: 56px;
overflow: hidden;
overflow: hidden;
Line 189: Line 197:
.sp-languages-icon {
.sp-languages-icon {
position: absolute;
position: absolute;
top: 16px;
top: 10px;
left: 16px
left: 16px
}
}
Line 199: Line 207:
.sp-languages-expand {
.sp-languages-expand {
position: absolute;
position: absolute;
top: 16px;
top: 11px;
right: 16px;
right: 16px;
cursor: pointer;
cursor: pointer;
Line 228: Line 236:
.sp-languages ul li {
.sp-languages ul li {
display: inline-block;
display: inline-block;
padding: 12px 0;
padding: 12px;
margin-top: 0;
margin-top: 0;
margin-bottom: 0;
margin-bottom: 0;
white-space: nowrap;
white-space: nowrap;
text-transform: capitalize;
}
}


.sp-languages ul li:after {
/* .sp-languages ul li:after {
content: "·";
content: "·";
padding: 0 .2em 0 .4em;
padding: 0 .2em 0 .4em;
}
} */
.sp-dir-rtl .sp-languages ul li:after {
.sp-dir-rtl .sp-languages ul li:after {
padding: 0 .4em 0 .2em;
padding: 0 .4em 0 .2em;
Line 248: Line 257:
.sp-languages a,
.sp-languages a,
.sp-languages a:visited {
.sp-languages a:visited {
color: #000;
color: #54595D;
font-size: 14px;
font-weight: 600;
border-bottom: 4px solid transparent;
border-bottom: 4px solid transparent;
-webkit-transition: all 300ms;
transition: all 300ms;
padding: 12px 0;
padding: 12px 0;
}
}
Line 261: Line 270:
.sp-languages a.selflink {
.sp-languages a.selflink {
text-decoration: none;
text-decoration: none;
border-color: #000;
border-color: #3a25ff;
color: #3a25ff;
}
}


Line 293: Line 303:
/* Header */
/* Header */
.sp-header {
.sp-header {
padding-bottom: 3rem;
box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5);
padding-bottom: 1.5rem; /*24px*/
margin-bottom: 2rem; /*32px*/
}
}
@media (min-width: 768px) {
@media all and (min-width: 1024px){
.sp-header {
.sp-header {
padding-bottom: 2rem; /*32px*/
padding-top: 61px;
margin-bottom: 2.5rem; /*40px*/
}
}
}
}



.sp-header-inner {
.sp-header-inner {
position: relative;
position: relative;
z-index: 2;
z-index: 2;
margin-top: 75px;
margin-top: 3rem;
width: 100%;
width: 100%;
}
}


.sp-logo-nav-container {
.sp-logo-nav-container {
display: block;
text-align: center;
text-align: center;
border-bottom: 1px solid #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 980px;
margin: 0 auto;
background-color: #ffffff;
z-index: 9999;
left: 0;
right: 0;
position: fixed;
}
}
@media all and (min-width: 640px) {
@media all and (max-width: 768px) {
.sp-logo-nav-container {
.sp-logo-nav-container {
display: -webkit-box;
padding: 0 1rem;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
}
}
}
Line 338: Line 354:
max-width: 17.4375rem;
max-width: 17.4375rem;
height: 62px;
height: 62px;
margin-bottom: 8px;
vertical-align: middle;
}
}
@media all and (min-width: 640px) {
@media all and (min-width: 640px) {
.sp-logo-horizontal {
.sp-logo-horizontal {
height: 60px;
height: 60px;
margin-bottom: 0;
}
}
}
}
Line 361: Line 376:


.sp-nav-container {
.sp-nav-container {
margin-top: 1.5rem; /*24px*/
text-align: inherit;
text-align: inherit;
}
}
@media all and (min-width: 768px) {
@media all and (min-width: 768px) {
.sp-nav-container {
.sp-nav-container {
margin-top: 0;
text-align: right;
text-align: right;
}
}
Line 377: Line 390:
border: 0;
border: 0;
border-radius: 2px;
border-radius: 2px;
transition: all 300ms ease;
font-weight: bold;
font-weight: bold;
line-height: 1.25; /*20px @16px*/
line-height: 1.25; /*20px @16px*/
Line 402: Line 414:
background: #fde8f0;
background: #fde8f0;
border: 1px solid #fde8f0;
border: 1px solid #fde8f0;
color: #f61971;
color: #d40356;
font-weight: 700;
font-weight: 700;
padding: .4rem .8rem;
padding: .4rem .8rem;
font-size: 15px;
font-size: 15px;
height: 34px;
height: 34px;
margin-left: 5px;
}
}


.sp-donate-now-btn img.secure {
.sp-donate-now-btn svg.secure {
height: 14px;
height: 14px;
margin-right: 6px;
margin-right: 4px;
margin-bottom: -1px;
margin-bottom: -1px;
vertical-align: initial;
vertical-align: initial;
Line 419: Line 430:
.sp-page .sp-donate-now-btn:hover,
.sp-page .sp-donate-now-btn:hover,
.sp-page .sp-donate-now-btn:active {
.sp-page .sp-donate-now-btn:active {
background-color: #b71da0;
border-color: #f61971;
background: #fde8f0;
outline: none;
}
}


Line 433: Line 446:
padding: 0;
padding: 0;
font-weight: bold;
font-weight: bold;
margin-bottom: 2rem;
margin-bottom: 3rem;
}
}
.toc .toctogglecheckbox,
.toc .toctogglecheckbox,
Line 460: Line 473:
.toc a {
.toc a {
display: block;
display: block;
color: #6c8699;
font-size: .875rem;
font-weight: 600;
-webkit-transition: color 300ms, border 300ms;
color: #3a25ff;
transition: color 300ms, border 300ms;
margin-bottom: 15px;
}
}
.toc a:hover {
.toc a:hover {
color: #000;
text-decoration: none;
text-decoration: none;
color: #000;
}

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


Line 473: Line 493:
position: sticky;
position: sticky;
float: left;
float: left;
top: 1.5rem;
top: 5.5rem;
overflow-y: scroll;
overflow-y: scroll;
width: 32%;
width: 32%;
margin-bottom: 0;
margin-bottom: 0;
padding-left: 2rem; /*32px*/
padding-bottom: 2rem; /*32px*/
padding-bottom: 2rem; /*32px*/
padding-right: 1.5rem;
}
}
.sp-dir-rtl .sp-toc {
.sp-dir-rtl .sp-toc {
Line 493: Line 513:
}
}
.toc a {
.toc a {
padding-left: 1rem; /*16px*/
border-left: 4px solid transparent;
border-left: 4px solid transparent;
}
}
Line 527: Line 546:
@media (min-width: 1024px) {
@media (min-width: 1024px) {
.sp-content {
.sp-content {
width: 68%;
/* width: 68%; */
margin-bottom: 2.5rem;
margin-bottom: 2.5rem;
margin-left: 32%;
margin-left: 34%;
}
}
}
}
Line 540: Line 559:
.sp-content a.extiw,
.sp-content a.extiw,
.sp-content a.extiw:visited {
.sp-content a.extiw:visited {
color: inherit;
color: #3a25ff;
/* No external link arrows */
/* No external link arrows */
padding: 0;
padding: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#36c), to(#36c));
background-image: none;
background-image: linear-gradient(to top, #36c, #36c);
background-size: 100% .15em;
background-position: bottom;
background-repeat: no-repeat;
-webkit-transition: all 300ms;
transition: all 300ms;
}
}
.sp-content a:hover,
.sp-content a:hover,
.sp-content a.external:hover,
.sp-content a.external:hover,
.sp-content a.extiw:hover {
.sp-content a.extiw:hover {
background-size: 100% 1.5em;
text-decoration: underline;
color: #fff;
text-decoration: none;
}
}


Line 564: Line 575:


.sp-footer {
.sp-footer {
background: #000;
background: #54595d;
color: #fff;
color: #fff;
font-weight: bold;
margin-top: 4rem;
margin-top: 4rem;
padding-top: 4rem;
padding-top: 3rem;
padding-bottom: 8rem;
padding-bottom: 3rem;
}
}


Line 623: Line 633:
</style>
</style>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<header class="sp-header mw-980">
<div class="sp-logo-nav-container">
<div class="sp-logo-nav-container">
<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>
<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>
<!--<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-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>
<div class="sp-nav-container">
<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>"><img src="https://wikimediafoundation.org/wp-content/themes/shiro/assets/src/svg/lock-pink.svg" alt="" class="secure"></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a>
<!--
<nav class="sp-main-nav">
Lorem Ipsum Dolor Sit Amet
</nav>
-->
</div>
</div>
</div>
<div class="sp-nav-container">
<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>
lock
</title>
<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"/>
</svg></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a>
<!--
<nav class="sp-main-nav">
Lorem Ipsum Dolor Sit Amet
</nav>
-->
</div>
</div>
<header class="sp-header mw-980">
<div class="translation-bar sp-languages">
<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>
<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>
</html>{{LanguagesTest}}<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>
<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>
<div class="sp-header-inner mw-980">
<div class="sp-header-inner">
<h1></html>{{{title|Example title}}}<html></h1>
<h1></html>{{{title|Example title}}}<html></h1>
</div>
</div>

Latest revision as of 17:20, 10 October 2019

Wikimedia Foundation

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]

  • Lorem ipsum
  • Dolor sit amet
  • Coffee

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