Template:Support Page: Difference between revisions
Content deleted Content added
Tag: Undo |
Sadok's updated version from Template:Support Page WMF redesign |
||
Line 9:
margin: 0;
padding: 0;
font-family: -apple-system,
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Line 56 ⟶ 60:
html, body {
font-size: 16px;
}
p, li {
font-weight: 400;
font-size: .8125rem;
line-height: 1.466;
}
@media all and (min-width: 1281px) {
p, li {
font-size: .9375rem;
}
}
.sp-footer-text {
font-size:
line-height: 1.5; /*24px @16px*/
}
Line 90 ⟶ 106:
.sp-page h1 {
font-size:
font-weight: 500;
border-bottom: 3px solid #000;
margin-bottom: 1rem;
/* letter-spacing: 0.03125rem; */
}
@media all and (min-width: 768px) {
.sp-page h1 {
font-size:
}
}
.sp-page h2 {
margin-bottom:
font-size:
line-height: 1.5; /*36px @24px*/
/* border-bottom: 2px solid #000; */
}
.sp-page h2:not(:first-of-type) {
margin-top: 4rem;
}
@media all and (min-width: 1024px) {
.sp-page h2:not(:first-of-type) {
margin-top: 6rem;
}
}
@media all and (min-width: 1281px) {
.sp-page h2 {
}
}
Line 159 ⟶ 187:
/* Language Header */
.sp-languages {
height: 56px;
overflow: hidden;
position: relative;
}
.sp-languages.-expanded {
Line 169 ⟶ 197:
.sp-languages-icon {
position: absolute;
top:
left: 16px
}
Line 179 ⟶ 207:
.sp-languages-expand {
position: absolute;
top:
right: 16px;
cursor: pointer;
Line 208 ⟶ 236:
.sp-languages ul li {
display: inline-block;
padding: 12px
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
text-transform: capitalize;
}
/* .sp-languages ul li:after {
content: "·";
padding: 0 .2em 0 .4em;
} */
.sp-dir-rtl .sp-languages ul li:after {
padding: 0 .4em 0 .2em;
Line 228 ⟶ 257:
.sp-languages a,
.sp-languages a:visited {
color: #
font-size: 14px;
font-weight: 600;
border-bottom: 4px solid transparent;
padding: 12px 0;
}
Line 241 ⟶ 270:
.sp-languages a.selflink {
text-decoration: none;
border-color: #
color: #3a25ff;
}
Line 251 ⟶ 281:
@media (min-width: 768px) {
.mw-1360 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 2.5rem;
}
}
.mw-980 {
max-width: 66.25rem;
padding: 0 1.25rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.mw-980 {
padding: 0 2.5rem;
}
}
/* Header */
.sp-header {
}
@media all and (min-width:
.sp-header {
padding-
}
}
.sp-header-inner {
position: relative;
z-index: 2;
margin-top: 3rem;
width: 100%;
}
.sp-logo-nav-container {
text-align: center;
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;
width: 100%;
max-width: 980px;
margin: 0 auto;
background-color: #ffffff;
z-index: 9999;
left: 0;
right: 0;
position: fixed;
}
@media all and (
.sp-logo-nav-container {
}
}
.sp-logo-container {
width: 145px;
}
.sp-logo-horizontal {
height: 62px;
vertical-align: middle;
}
@media all and (min-width: 640px) {
.sp-logo-horizontal {
height: 60px;
}
}
Line 315 ⟶ 376:
.sp-nav-container {
text-align: inherit;
}
@media all and (min-width: 768px) {
.sp-nav-container {
text-align: right;
}
Line 328 ⟶ 387:
.sp-page .sp-btn {
font-size: 1rem;
padding: 13px 18px 11px
border: 0;
border-radius: 2px;
font-weight: bold;
line-height: 1.25; /*20px @16px*/
Line 352 ⟶ 409:
/* Donate Now button */
.sp-page .sp-donate-now-btn {
border-radius: 2px;
background: #fde8f0;
border: 1px solid #fde8f0;
color: #d40356;
font-weight: 700;
padding: .4rem .8rem;
font-size: 15px;
height: 34px;
}
.sp-donate-now-btn svg.secure {
height: 14px;
margin-right: 4px;
margin-bottom: -1px;
vertical-align: initial;
}
.sp-page .sp-donate-now-btn:hover,
.sp-page .sp-donate-now-btn:active {
background: #fde8f0;
outline: none;
}
Line 372 ⟶ 446:
padding: 0;
font-weight: bold;
margin-bottom:
}
.toc .toctogglecheckbox,
Line 399 ⟶ 473:
.toc a {
display: block;
font-weight: 600;
color: #3a25ff;
margin-bottom: 15px;
}
.toc a:hover {
text-decoration: none;
color: #000;
}
@media (min-width: 1281px) {
.toc a {
font-size: 1rem;
}
}
Line 411 ⟶ 492:
.sp-toc {
position: sticky;
float:
top:
overflow-y: scroll;
width:
margin-bottom: 0;
padding-bottom: 2rem; /*32px*/
padding-right: 1.5rem;
}
.sp-dir-rtl .sp-toc {
Line 432 ⟶ 513:
}
.toc a {
border-left: 4px solid transparent;
}
Line 466 ⟶ 546:
@media (min-width: 1024px) {
.sp-content {
/* width:
margin-bottom: 2.5rem;
margin-left: 34%;
}
}
Line 478 ⟶ 559:
.sp-content a.extiw,
.sp-content a.extiw:visited {
color:
/* No external link arrows */
padding: 0;
background-image:
}
.sp-content a:hover,
.sp-content a.external:hover,
.sp-content a.extiw:hover {
}
Line 502 ⟶ 575:
.sp-footer {
background: #
color: #fff;
margin-top: 4rem;
padding-top:
padding-bottom:
}
Line 561 ⟶ 633:
</style>
<div class="sp-page sp-dir-</html>{{dir|{{pagelang}}}}<html>">
<
<div class="sp-logo-container">
<svg class="sp-logo-horizontal" role="img" aria-labelledby="sp-logo-horizontal-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 797.3 185.2"><title id="sp-logo-wmf-horizontal-title">Wikimedia Foundation</title><path d="M243.2 78.4l11.9-38.6h15.6l11.8 38.6 13.3-38.6H312l-23.4 67.1h-11.1l-14.7-46.7-14.6 46.7h-11.1l-23.4-67.1h16.2l13.3 38.6zM320.1 39.8h15v67.1h-15V39.8zM351.6 39.8h15v27.6l25.3-27.6h18.5l-26.7 29.7c2.3 3.2 6.6 9.2 12.8 17.9 6.2 8.7 10.8 15.2 13.9 19.5h-17.5l-19.7-26.5-6.7 7.5v19h-15V39.8zM419.7 39.8h15v67.1h-15V39.8zM511.3 64.7l-18.1 36.7h-8.9l-18-36.7v42.2h-15V39.8h20.3l17.3 36.9 17.4-36.9h20.2v67.1h-15V64.7zM591.2 39.8v13.3h-33.4V67h30v12.8h-30v13.9h34.5v13.2h-49.4V39.8h48.3zM656.8 48.6c6.4 5.9 9.6 14 9.6 24.4 0 10.4-3.1 18.7-9.4 24.8-6.2 6.1-15.8 9.1-28.6 9.1h-22.9V39.8h23.7c12.1 0 21.2 3 27.6 8.8zm-10.9 39.9c3.7-3.5 5.5-8.5 5.5-15.1s-1.8-11.7-5.5-15.2c-3.7-3.6-9.3-5.3-16.9-5.3h-8.4v40.8h9.5c6.8 0 12.1-1.7 15.8-5.2zM679.4 39.8h15v67.1h-15V39.8zM758.7 106.9l-6.2-14.5h-28.1l-6.2 14.5h-15.9l29-67.1h14.5l29 67.1h-16.1zm-20.3-47.1L730 79.3h16.8l-8.4-19.5z"/><g><path d="M241 137.4v8.1h13v4.6h-13v12.1h-5v-29.4h19.6v4.6H241zM311.2 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM353.7 155.4c1.3 1.6 3.2 2.4 5.5 2.4s4.1-.8 5.5-2.4 2-3.7 2-6.4v-16.3h5v16.5c0 4.2-1.2 7.5-3.5 9.8-2.3 2.3-5.3 3.4-8.9 3.4-3.6 0-6.6-1.1-8.9-3.4s-3.5-5.5-3.5-9.8v-16.5h5V149c-.2 2.7.5 4.8 1.8 6.4zM426.6 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9zM487.1 136.6c2.8 2.6 4.2 6.1 4.2 10.7s-1.4 8.2-4.1 10.8c-2.7 2.7-6.9 4-12.6 4h-9.7v-29.4H475c5.2 0 9.3 1.3 12.1 3.9zm-.7 10.8c0-6.7-3.9-10.1-11.5-10.1h-5v20.1h5.5c3.6 0 6.3-.8 8.2-2.5 1.8-1.7 2.8-4.2 2.8-7.5zM527.1 155.4l-2.9 6.7h-5.3l12.9-29.4h5.3l12.9 29.4h-5.3l-2.9-6.7h-14.7zm12.7-4.6l-5.3-12.1-5.3 12.1h10.6zM588.1 137.3v24.8h-5v-24.8h-8.9v-4.5H597v4.5h-8.9zM627.6 132.7h5v29.4h-5v-29.4zM690.4 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM748.3 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9z"/></g><g><path d="M108.3 144.4c25.3-3.6 44.7-25.3 44.7-51.5 0-16-7.2-30.2-18.5-39.8l-26.2 26.2v65.1zM93.6 144.4V79.3L67.4 53a51.86 51.86 0 0 0-18.5 39.8c0 26.3 19.4 48 44.7 51.6z"/><path d="M146.2 47.6c12.1 12.1 18.7 28.2 18.7 45.2s-6.7 33.2-18.7 45.2c-12.1 12.1-28.2 18.7-45.2 18.7S67.8 150 55.8 138 37 109.9 37 92.8s6.7-33.2 18.7-45.2c1-1 2.1-2 3.2-3L44.3 30c-1.1 1-2.1 2-3.2 3-7.8 7.8-13.9 16.8-18.1 26.9-4.4 10.4-6.7 21.5-6.7 32.9 0 11.4 2.2 22.5 6.7 32.9 4.3 10.1 10.4 19.1 18.1 26.9 7.8 7.8 16.8 13.9 26.9 18.1 10.4 4.4 21.5 6.7 32.9 6.7 11.4 0 22.5-2.2 32.9-6.7 10.1-4.3 19.1-10.4 26.9-18.1 7.8-7.8 13.9-16.8 18.1-26.9 4.4-10.4 6.7-21.5 6.7-32.9 0-11.4-2.2-22.5-6.7-32.9-4.3-10.1-10.4-19.1-18.1-26.9-1-1-2.1-2-3.2-3L143 44.6c1.1.9 2.1 1.9 3.2 3z"/><circle cx="100.9" cy="34.1" r="26.4"/></g></svg>
<!--<svg class="sp-logo-vertical" role="img" aria-labelledby="sp-logo-vertical-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 80"><title id="sp-logo-wmf-vertical-title">Wikimedia Foundation</title><g fill="#000"><path d="M5.848 61.871l2.319-7.524h3.041l2.3 7.524 2.592-7.524h3.158l-4.561 13.08h-2.164l-2.865-9.103-2.846 9.103H4.659L.097 54.347h3.158zm14.989-7.524h2.923v13.08h-2.923zm6.139 0H29.9v5.38l4.932-5.38h3.606l-5.205 5.79c.449.623 1.287 1.793 2.495 3.489 1.209 1.696 2.105 2.963 2.71 3.8h-3.411l-3.82-5.165-1.307 1.462v3.704h-2.924v-13.08zm13.274 0h2.924v13.08H40.25zm17.855 4.854l-3.528 7.154h-1.755l-3.508-7.154v8.226H46.39v-13.08h3.957l3.372 7.193 3.392-7.193h3.937v13.08h-2.924v-8.226zm15.574-4.854v2.593h-6.511v2.69h5.848v2.495h-5.848v2.709h6.705v2.573h-9.628v-13.08h9.434zm12.786 1.715c1.248 1.15 1.871 2.73 1.871 4.757 0 2.027-.604 3.645-1.832 4.834-1.208 1.19-3.08 1.774-5.575 1.774h-4.463v-13.08h4.62c2.358 0 4.132.585 5.379 1.715zm-2.144 7.778c.721-.682 1.072-1.657 1.072-2.943 0-1.287-.35-2.281-1.072-2.963-.721-.702-1.813-1.033-3.294-1.033H79.39v7.953h1.851c1.345 0 2.378-.332 3.08-1.014zm6.549-9.493h2.924v13.08H90.87zm15.457 13.08L105.12 64.6h-5.48l-1.208 2.827h-3.1l5.653-13.08h2.827l5.652 13.08h-3.138zm-3.957-9.181l-1.637 3.8h3.275l-1.638-3.8zM12.923 75.322v1.501h2.417v.857h-2.417v2.242h-.916v-5.458h3.625v.858h-2.709zm11.851 3.84c-.546.546-1.228.799-2.047.799-.818 0-1.5-.273-2.046-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.819-2.008.545-.546 1.228-.799 2.046-.799.819 0 1.501.273 2.047.8.546.545.819 1.208.819 2.007 0 .8-.254 1.462-.82 2.008zm-.663-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585s.994-.195 1.364-.585c.37-.39.565-.857.565-1.403s-.194-1.033-.565-1.404zm7.388 2.905c.253.292.584.429 1.013.429.429 0 .76-.137 1.014-.429.253-.292.37-.682.37-1.19v-3.02h.916v3.06c0 .78-.214 1.384-.643 1.813-.429.429-.994.643-1.657.643-.682 0-1.228-.214-1.657-.643-.429-.43-.643-1.033-.643-1.813v-3.06h.916v3.02c0 .508.117.898.37 1.19zm12.357-4.191h.916v5.458h-.994l-3.079-3.977v3.977h-.917v-5.458h.917l3.157 4.074v-4.074zm10.058.702c.526.468.78 1.13.78 1.988 0 .838-.254 1.52-.76 2.008-.507.487-1.287.74-2.34.74h-1.812v-5.458h1.87c.995.02 1.755.254 2.262.722zm-.136 2.007c0-1.247-.722-1.87-2.145-1.87h-.916v3.742h1.014c.663 0 1.17-.156 1.52-.468.351-.312.527-.78.527-1.404zm6.393 1.501l-.546 1.248h-.975l2.398-5.458h.974l2.398 5.458h-.975l-.545-1.248h-2.73zm2.358-.857l-.994-2.242-.994 2.242h1.988zm7.797-2.515v4.601h-.916v-4.601h-1.657v-.838h4.23v.838zm6.159-.838h.916v5.458h-.916zm10.506 4.698c-.545.546-1.228.799-2.046.799-.819 0-1.501-.273-2.047-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.82-2.008.545-.526 1.227-.799 2.046-.799.818 0 1.5.273 2.046.8.546.545.819 1.208.819 2.007 0 .8-.273 1.462-.819 2.008zm-.682-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585.545 0 .994-.195 1.364-.585.37-.39.565-.857.565-1.403s-.195-1.033-.565-1.404zm10.253-1.286h.916v5.458h-.994l-3.08-3.977v3.977h-.916v-5.458h.916l3.158 4.074z"></path><g transform="translate(31.231)"><path d="M25.544 38.075c6.984-.996 12.354-7.01 12.354-14.313 0-4.432-1.985-8.396-5.117-11.031l-7.256 7.283v18.06h.019zm-4.066 0V20.014L14.22 12.73a14.434 14.434 0 0 0-5.116 11.031c.02 7.283 5.389 13.317 12.373 14.313z"></path><path d="M36.03 11.208c3.346 3.358 5.175 7.81 5.175 12.554 0 4.745-1.848 9.197-5.175 12.555a17.521 17.521 0 0 1-12.51 5.194c-4.727 0-9.162-1.855-12.509-5.194-3.346-3.339-5.175-7.81-5.175-12.555 0-4.744 1.849-9.196 5.175-12.554.292-.293.584-.567.876-.82L7.84 6.326c-.292.274-.583.547-.875.84a23.631 23.631 0 0 0-5.02 7.459 23.311 23.311 0 0 0-1.848 9.137c0 3.164.623 6.249 1.848 9.138 1.187 2.792 2.86 5.311 5.02 7.459a23.536 23.536 0 0 0 7.431 5.038 23.082 23.082 0 0 0 9.105 1.854c3.152 0 6.226-.624 9.105-1.854 2.782-1.191 5.292-2.87 7.432-5.038a23.631 23.631 0 0 0 5.019-7.459 23.311 23.311 0 0 0 1.848-9.138c0-3.163-.622-6.248-1.848-9.137-1.187-2.793-2.86-5.311-5.02-7.46a34.803 34.803 0 0 0-.875-.839l-4.046 4.062c.33.253.622.527.914.82z"></path><ellipse cx="23.521" cy="7.478" rx="7.295" ry="7.322"></ellipse></g></g></svg>-->
</div>
<div class="sp-nav-container">
<a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/</html>?uselang={{pagelang}}&utm_medium=donatewiki_page&utm_campaign=donate_now_btn&utm_source={{urlencode:{{#titleparts:{{PAGENAME}}|1}}|WIKI}}<html>"><svg class="secure" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<title>
lock
</title>
<path fill="#f61971" d="M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z"/>
</svg></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a>
<!--
<nav class="sp-main-nav">
Lorem Ipsum Dolor Sit Amet
</nav>
-->
</div>
</div>
<header class="sp-header mw-980">
<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>{{
<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
<h1></html>{{{title|Example title}}}<html></h1>
</div>
</header>
<article class="sp-main mw-
<div class="sp-toc </html>{{#if:{{{smalltoc|}}}|sp-smalltoc|sp-largetoc}}<html>">
</html>__TOC__<html>
| |||