Template:Support Page: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
Line 41: Line 41:
padding: 16px 40px;
padding: 16px 40px;
background: #eaecf0;
background: #eaecf0;
border-bottom: 1px solid #cacaf1;
white-space: nowrap;
overflow: hidden;
}
}
.sp-languages-icon {
.sp-languages-icon {
float: left;
float: left;
margin-right: 16px;
margin-right: 16px;
}
.sp-languages a,
.sp-languages a:visited {
color: #000;
}
}


Line 65: Line 70:
}
}


.sp-wmf-logo-horizontal {
.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;
}

.sp-logo-horizontal {
width: 50%;
width: 50%;
max-width: 280px;
max-width: 280px;
display: block;
display: block;
}
}
.sp-wmf-logo-vertical {
.sp-logo-vertical {
width: 135px;
width: 135px;
display: none;
display: none;
Line 76: Line 93:


@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; }
}
}


Line 85: Line 102:
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;
Line 98: Line 115:
display: block;
display: block;
}
}
}

.sp-main-nav {
display: block;
}
}


Line 183: Line 204:
}
}
}
}

</style>
</style>
<div class="sp-page">
<div class="sp-page">
<div class="sp-languages hlist">
<div class="sp-languages hlist">
<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="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>
</html>{{Languages2}}<html>
</html>{{Languages2}}<html>
</div>
<div class="sp-header">
<a class="sp-donate-btn" href="https://donate.wikimedia.org/">Donate now</a>
<img class="sp-wmf-logo-horizontal" src="//upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg" alt="Wikimedia Foundation"/>
<img class="sp-wmf-logo-vertical" src="/static/images/project-logos/donatewiki-2x.png" alt="Wikimedia Foundation"/>
<h1></html>{{{title}}}<html></h1>
</div>
</div>
<header class="sp-header">
<div class="sp-logo-nav-container">
<div class="sp-logo-container">
<img class="sp-logo-horizontal" src="//upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg" alt="Wikimedia Foundation"/>
<img class="sp-logo-vertical" src="/static/images/project-logos/donatewiki-2x.png" alt="Wikimedia Foundation"/>
</div>
<div class="sp-nav-container">
<a class="sp-donate-btn" href="https://donate.wikimedia.org/">Donate now</a>
<nav class="sp-main-nav">
Link link link link
</nav>
</div>
</div>
<h1></html>{{{title}}}<html></h1>
</header>
<div class="sp-content">
<div class="sp-content">
</html>
</html>

Revision as of 13:47, 8 June 2018