Template:Support Page: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
No edit summary
No edit summary
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{Support Page/js}}<html><style>
<includeonly>{{DISPLAYTITLE:{{{title}}}}}
<html><style>
*, *:before, *:after {
*, *:before, *:after {
box-sizing: border-box;
box-sizing: border-box;
Line 9: Line 10:
font-size: 16px;
font-size: 16px;
line-height: 2;
line-height: 2;
}

@media (min-width: 768px) {
html, body {
font-size: 18px;
}
}
}


Line 36: Line 31:
.mw-parser-output > p:first-child {
.mw-parser-output > p:first-child {
display: none;
display: none;
}

.mw-body-content {
font-size: inherit;
line-height: inherit;
}
}


.sp-languages {
.sp-languages {
font-size: 16px;
font-size: 16px;
padding: 16px 40px;
padding: 14px 40px;
background: #eaecf0;
background: #eaecf0;
overflow: hidden;
border-bottom: 1px solid #cacaf1;
}
}
.sp-languages-icon {
.sp-languages-icon {
float: left;
position: absolute;
margin-right: 16px;
margin-right: 16px;
}
.sp-languages ul {
padding-left: 40px;
margin: 0;
list-style: none;
}
.sp-languages ul:focus {
outline: none;
}
.sp-languages ul .sp-language-divider:last-of-type {
display: none;
}
.sp-languages ul li {
display: inline-block;
}
.sp-languages a,
.sp-languages a:visited {
color: #000;
padding: 0.5rem;
}
}


.sp-header,
.mw-1360 {
max-width: 90rem;
.sp-content {
padding: 20px;
padding: 0 1.25rem;
margin: 0 auto;
}
}

@media (min-width: 768px) {
@media (min-width: 768px) {
.sp-header,
.mw-1360 {
padding: 0 2.5rem;
.sp-content {
padding: 40px;
}
}
}
}


.sp-header {
.sp-header {
padding-top: 20px;
background: #f6f6f6;
background: #f6f6f6;
box-shadow: 0 1px 0 0 rgba(204,204,204,0.50);
box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5);
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
}
}


@media (min-width: 768px) {
.sp-wmf-logo-horizontal {
.sp-header {
margin-bottom: 5rem;
}
}

.sp-logo-nav-container {
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;
padding-top: 1.5rem;
padding-bottom: 3rem;
}

.sp-logo-container {
width: 50%;
width: 50%;
}

.sp-logo-horizontal {
max-width: 280px;
max-width: 280px;
display: block;
display: block;
}
}
.sp-wmf-logo-vertical {
.sp-logo-vertical {
width: 135px;
width: 145px;
display: none;
display: none;
}
}


@media (min-width: 1050px) {
@media (min-width: 1050px) {
.sp-wmf-logo-horizontal { display: none; }
.sp-logo-horizontal { display: none; }
.sp-wmf-logo-vertical { display: block; }
.sp-logo-vertical { display: block; }
}

.sp-nav-container {
text-align: right;
}
}


.sp-donate-btn {
.sp-donate-btn {
display: none;
display: none;
float: right;
background: #f51a71;
background: #f51a71;
color: #fff !important;
color: #fff !important;
padding: 12px 24px;
padding: 4px 24px;
text-transform: uppercase;
text-transform: uppercase;
font-weight: 500;
font-weight: 500;
transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 1.5rem;
}
}
.sp-donate-btn:hover {
.sp-donate-btn:hover {
Line 97: Line 145:
@media (min-width: 768px) {
@media (min-width: 768px) {
.sp-donate-btn {
.sp-donate-btn {
display: block;
display: inline-block;
}
}
}
}


.sp-content {
.sp-main-nav {
max-width: 800px;
display: block;
}

.sp-header h1 {
margin-top: 0;
}

@media (min-width: 1100px) {
.sp-toc {
float: right;
padding-left: 1rem;
width: calc(100% - 50rem);
}
.toc {
margin-left: auto;
}
}
@media (min-width: 1280px) {
.sp-toc {
padding-left: 2rem;
}
}
}


.toc {
.toc {
padding: 16px;
padding: 1rem;
background: #f6f6f6;
background: #f6f6f6;
border-color: #e5e5e5;
border-color: #e5e5e5;
line-height: 1.6;
}
}
.toc .toctitle {
.toc .toctitle {
text-align: left;
text-align: left;
}
.toc .toctoggle {
display: none;
}
}
.toc .tocnumber {
.toc .tocnumber {
display: none;
display: none;
}
}
.sp-content .toc li {
.toc li {
margin-bottom: 0.1em;
margin-bottom: 0.5rem;
}
}


.sp-content {
max-width: 50rem;
margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
.sp-content {
font-size: 1.125rem;
margin-bottom: 5rem;
}
}
@media (min-width: 1280px) {
.sp-content {
font-size: 1.25rem;
}
}


h1, h2 {
h1, h2 {
Line 127: Line 215:
}
}
.sp-content p {
.sp-content p {
margin: 0 0 2em 0;
margin: 0 0 2rem 0;
}
}
.sp-content h2 {
.sp-content h2 {
margin-top: 2em;
margin-top: 2rem;
margin-bottom: 1em;
margin-bottom: 1rem;
}
}
.sp-content ul {
.sp-content ul {
Line 140: Line 228:
}
}
.sp-content li {
.sp-content li {
margin-bottom: 1em;
margin-bottom: 1rem;
}
}


.sp-content a,
.sp-content a:visited,
.sp-content a.external,
.sp-content a.external:visited {
color: #36c;
/* Remove external link arrows */
background: none;
padding: 0;
}


.sp-footer {
.sp-footer {
padding: 64px 20px;
background: #000;
background: #000;
color: #fff;
color: #fff;
font-size: 16px;
padding-top: 4rem;
line-height: 2;
padding-bottom: 4rem;
}
@media (min-width: 768px) {
.sp-footer {
padding: 96px 40px;
}
}
}


Line 175: Line 266:
}
}
}
}

</style>
</style>
<div class="sp-page">
<div class="sp-page">
<div class="sp-languages hlist">
<header class="sp-header">
<div class="translation-bar sp-languages">
<svg class="sp-languages-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="#000"><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" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><g fill="#000"><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>{{Languages2}}<html>
</div>
</div>
<div class="sp-header">
<div class="sp-header-inner mw-1360">
<a class="sp-donate-btn" href="https://donate.wikimedia.org/">Donate now</a>
<div class="sp-logo-nav-container">
<img class="sp-wmf-logo-horizontal" src="//upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg" alt="Wikimedia Foundation"/>
<div class="sp-logo-container">
<img class="sp-wmf-logo-vertical" src="/static/images/project-logos/donatewiki-2x.png" alt="Wikimedia Foundation"/>
<img class="sp-logo-horizontal" src="//upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg" alt="Wikimedia Foundation"/>
<h1></html>{{{title}}}<html></h1>
<img class="sp-logo-vertical" src="/static/images/project-logos/donatewiki-2x.png" alt="Wikimedia Foundation"/>
</div>
</div>
<div class="sp-content">
<div class="sp-nav-container">
</html>
<a class="sp-donate-btn" href="https://donate.wikimedia.org/">Donate now</a>
{{DISPLAYTITLE:{{{title}}}}}
<nav class="sp-main-nav">
__TOC__
Lorem Ipsum Dolor Sit Amet
</includeonly>
</nav>
</div>
</div>
<h1></html>{{{title}}}<html></h1>
</div>
</header>
<article class="sp-main mw-1360">
<div class="sp-toc">
</html>__TOC__<html>
</div>
<div class="sp-content">
</html></includeonly>

Revision as of 20:26, 12 July 2018

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:Support_Page&oldid=30025"