Template:Support Page: Difference between revisions
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; |
||
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 |
.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 |
.sp-logo-vertical { |
||
width: 135px; |
width: 135px; |
||
display: none; |
display: none; |
||
| Line 76: | Line 93: | ||
@media (min-width: 1050px) { |
@media (min-width: 1050px) { |
||
.sp |
.sp-logo-horizontal { display: none; } |
||
.sp |
.sp-logo-vertical { display: block; } |
||
} |
} |
||
| Line 85: | Line 102: | ||
background: #f51a71; |
background: #f51a71; |
||
color: #fff !important; |
color: #fff !important; |
||
padding: |
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> |
||
| ⚫ | |||
<div class="sp-logo-nav-container"> |
|||
<div class="sp-logo-container"> |
|||
| ⚫ | |||
| ⚫ | |||
</div> |
|||
<div class="sp-nav-container"> |
|||
| ⚫ | |||
<nav class="sp-main-nav"> |
|||
Link link link link |
|||
</nav> |
|||
</div> |
|||
| ⚫ | |||
| ⚫ | |||
</header> |
|||
<div class="sp-content"> |
<div class="sp-content"> |
||
</html> |
</html> |
||