Template:Support Page WMF redesign: Difference between revisions

Content deleted Content added
replace languages bar with Template:LanguagesTest. Change this back to Template:Languages2 for actual use
No edit summary
Line 9:
margin: 0;
padding: 0;
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato',Helvetica 'Neue,Helvetica', 'Arial', sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
Line 300:
/* Header */
.sp-header {
padding-bottom: 1.5rem3rem; /*24px*/
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) {
.sp-header {
padding-bottom: 2rem; /*32px*/
margin-bottom: 2.5rem; /*40px*/
}
}
 
 
.sp-header-inner {
Line 467 ⟶ 460:
.toc a {
display: block;
colorfont-size: #6c8699.875rem;
font-weight: 600;
-webkit-transition: color 300ms, border 300ms;
color: #0003a25ff;
transition: color 300ms, border 300ms;
margin-bottom: 2rem15px; /*32px*/
}
.toc a:hover {
color: #000;
text-decoration: none;
color: #000;
 
@media (min-width: 768px1281px) {
.sp-headertoc a {
font-size: 1rem;
}
}
 
Line 484:
width: 32%;
margin-bottom: 0;
padding-left: 2rem; /*32px*/
padding-bottom: 2rem; /*32px*/
padding-bottomright: 2rem1.5rem; /*32px*/
}
.sp-dir-rtl .sp-toc {
Line 647:
<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>
</html>{{LanguagesTestLanguages2}}<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>
</div>
<div class="sp-header-inner mw-980">
<h1></html>{{{title|Example title}}}<html></h1>
</div>