Template:Support Page: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly>{{ |
<includeonly>{{DISPLAYTITLE:{{{title}}}}} |
||
| ⚫ | |||
*, *:before, *:after { |
*, *:before, *:after { |
||
box-sizing: border-box; |
box-sizing: border-box; |
||
| Line 41: | Line 42: | ||
padding: 14px 40px; |
padding: 14px 40px; |
||
background: #eaecf0; |
background: #eaecf0; |
||
white-space: nowrap; |
|||
overflow: hidden; |
overflow: hidden; |
||
} |
} |
||
.sp-languages-icon { |
.sp-languages-icon { |
||
position: absolute; |
|||
margin-right: 16px; |
margin-right: 16px; |
||
vertical-align: middle; |
|||
} |
} |
||
.sp-languages ul { |
.sp-languages ul { |
||
padding-left: 40px; |
|||
| ⚫ | |||
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, |
||
.sp-languages a:visited { |
.sp-languages a:visited { |
||
color: #000; |
color: #000; |
||
padding: 0.5rem; |
|||
} |
} |
||
| Line 146: | Line 157: | ||
} |
} |
||
| ⚫ | |||
| ⚫ | |||
.sp-toc { |
|||
float: right; |
|||
padding-left: 1rem; |
|||
| ⚫ | |||
width: calc(100% - 50rem); |
|||
} |
|||
| ⚫ | |||
. |
.toc { |
||
margin-left: auto; |
|||
| ⚫ | |||
} |
} |
||
} |
} |
||
@media (min-width: 1280px) { |
@media (min-width: 1280px) { |
||
.sp- |
.sp-toc { |
||
padding-left: 2rem; |
|||
} |
} |
||
} |
} |
||
| Line 167: | Line 177: | ||
background: #f6f6f6; |
background: #f6f6f6; |
||
border-color: #e5e5e5; |
border-color: #e5e5e5; |
||
| ⚫ | |||
} |
} |
||
.toc .toctitle { |
.toc .toctitle { |
||
text-align: left; |
text-align: left; |
||
} |
|||
.toc .toctoggle { |
|||
display: none; |
|||
} |
} |
||
.toc .tocnumber { |
.toc .tocnumber { |
||
display: none; |
display: none; |
||
} |
} |
||
.toc li { |
|||
margin-bottom: 0.5rem; |
margin-bottom: 0.5rem; |
||
| ⚫ | |||
} |
} |
||
| ⚫ | |||
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 200: | Line 229: | ||
.sp-content li { |
.sp-content li { |
||
margin-bottom: 1rem; |
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; |
|||
} |
} |
||
| Line 230: | Line 269: | ||
<div class="sp-page"> |
<div class="sp-page"> |
||
<header class="sp-header"> |
<header class="sp-header"> |
||
<div class="sp-languages |
<div class="translation-bar sp-languages"> |
||
<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> |
<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> |
||
| Line 250: | Line 289: | ||
</div> |
</div> |
||
</header> |
</header> |
||
<article class="sp- |
<article class="sp-main mw-1360"> |
||
<div class="sp-toc"> |
|||
| ⚫ | |||
</html>__TOC__<html> |
|||
{{DISPLAYTITLE:{{{title}}}}} |
|||
</div> |
|||
__TOC__ |
|||
<div class="sp-content"> |
|||
</includeonly> |
</html></includeonly> |
||