Template:Support Page: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
(25 intermediate revisions by the same user not shown)
Line 1:
<includeonly>{{Support Page/jsDISPLAYTITLE:{{{title}}}}}<html><style>
<html><style>
*, *:before, *:after {
box-sizing: border-box;
Line 39 ⟶ 40:
.sp-languages {
font-size: 16px;
padding: 16px14px 40px;
background: #eaecf0;
overflow: hidden;
border-bottom: 1px solid #cacaf1;
}
.sp-languages-icon {
floatposition: leftabsolute;
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;
}
 
.spmw-header,1360 {
max-width: 90rem;
.sp-content {
padding: 20px0 1.25rem;
margin: 0 auto;
}
 
@media (min-width: 768px) {
.spmw-header,1360 {
padding: 0 2.5rem;
.sp-content {
padding: 40px;
}
}
 
.sp-header {
padding-top: 20px;
background: #f6f6f6;
box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.505);
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%;
}
 
.sp-logo-horizontal {
max-width: 280px;
display: block;
}
.sp-wmf-logo-vertical {
width: 135px145px;
display: none;
}
 
@media (min-width: 1050px) {
.sp-wmf-logo-horizontal { display: none; }
.sp-wmf-logo-vertical { display: block; }
}
 
.sp-nav-container {
text-align: right;
}
 
.sp-donate-btn {
display: none;
float: right;
background: #f51a71;
color: #fff !important;
padding: 12px4px 24px;
text-transform: uppercase;
font-weight: 500;
transition: all 300ms ease;
margin-bottom: 1.5rem;
}
.sp-donate-btn:hover {
Line 96 ⟶ 145:
@media (min-width: 768px) {
.sp-donate-btn {
display: inline-block;
}
}
 
.sp-contentmain-nav {
max-widthdisplay: 800pxblock;
}
 
.sp-header h1 {
@media (min-width: 768px) and (max-width: 1280px) {
.spmargin-contenttop: {0;
}
font-size: 1.125rem;
 
@media (min-width: 1100px) {
.sp-toc {
float: right;
padding-left: 1rem;
width: calc(100% - 50rem);
}
.toc {
margin-left: auto;
}
}
@media (min-width: 1280px) {
.sp-contenttoc {
fontpadding-sizeleft: 1.25rem2rem;
}
}
 
.toc {
padding: 16px1rem;
background: #f6f6f6;
border-color: #e5e5e5;
line-height: 1.6;
}
.toc .toctitle {
text-align: left;
}
.toc .toctoggle {
display: none;
}
.toc .tocnumber {
display: none;
}
.sp-content .toc li {
margin-bottom: 0.1em5rem;
}
 
.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 {
Line 153 ⟶ 231:
}
 
.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 {
padding: 64px 20px;
background: #000;
color: #fff;
padding-top: 4rem;
}
padding-bottom: 4rem;
@media (min-width: 768px) {
.sp-footer {
padding: 96px 40px;
}
}
 
Line 183 ⟶ 266:
}
}
 
</style>
<div class="sp-page">
<divheader class="sp-languages hlistheader">
<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