Template:Support Page: Difference between revisions

Content deleted Content added
RSchoenbaechler (WMF) (talk | contribs)
No edit summary
RSchoenbaechler (WMF) (talk | contribs)
No edit summary
Line 71:
line-height: 1.5; /*24px @16px*/
}
}
 
.sp-page h1,
.sp-page h2,
.sp-page h3,
.sp-page h4,
.sp-page h5,
.sp-page h6,
.sp-page ol,
.sp-page ul
.sp-page p {
margin: 0;
padding: 0;
border: none;
}
 
.sp-page h1 {
fontmargin-sizebottom: 40px2rem;
linefont-heightsize: 1.332px; /*52px @40px*/
line-height: 1.375; /*44px @32px*/
}
@media all and (min-width: 768px) {
.sp-page h1 {
margin-bottom: 3rem;
font-size: 40px;
line-height: 1.3; /*52px @40px*/
}
}
 
.sp-page h2 {
fontmargin-sizebottom: 28px1rem;
font-size: 24px;
line-height: 1.2857142857; /*36px @28px*/
line-height: 1.3333333333; /*32px @24px*/
}
@media all and (min-width: 768px) {
.sp-page h2 {
margin-bottom: 2rem;
font-size: 28px;
line-height: 1.2857142857; /*36px @28px*/
}
}
 
.sp-page h3,
.sp-page p,
.sp-page ul {,
.sp-page ol {
font-size: 20px;
linemargin-heightbottom: 1.51rem; /*30px @20px*/
font-size: 18px;
line-height: 1.5555555556; /*28px @18px*/
}
@media all and (min-width: 768px) {
.sp-page h3,
.sp-page p,
.sp-page ul,
.sp-page ol {
margin-bottom: 1rem;
font-size: 20px;
line-height: 1.5; /*30px @20px*/
}
}
 
.sp-page h3ul {
borderlist-bottomstyle: none !important;
}
@media all and (min-width: 768px) {
.sp-page li {
margin-bottom: 0.5rem;
}
}
 
Line 98 ⟶ 145:
background: #eaecf0;
}
 
.sp-languages-icon {
position: absolute;
Line 103 ⟶ 151:
left: 20px
}
 
.sp-languages ul {
overflow-x: hidden;
Line 110 ⟶ 159:
list-style: none;
}
 
.sp-languages ul {
overflow-x: scroll;
}
 
.sp-languages .flickity-enabled {
overflow-x: hidden;
}
 
.sp-languages ul:focus {
outline: none;
}
 
.sp-languages ul .sp-language-divider:last-of-type {
display: none;
}
 
.sp-languages ul li {
display: inline-block;
Line 127 ⟶ 181:
white-space: nowrap;
}
 
.sp-languages ul li:hover a,
.sp-languages ul li:focus a,
Line 134 ⟶ 189:
border-bottom: 4px solid #000;
}
 
.sp-languages ul li a {
padding-bottom: 6px;
}
 
.is-selected span,
.selflink {
border-bottom: 4px solid #000;
}
 
.sp-languages a,
.sp-languages a:visited {
Line 151 ⟶ 209:
margin: 0 auto;
}
 
@media (min-width: 768px) {
.mw-1360 {
Line 165 ⟶ 222:
margin-bottom: 1.5rem; /*24px @16px*/
}
 
@media (min-width: 768px) {
.sp-header {
Line 178 ⟶ 234:
padding-bottom: 1.5rem;
}
 
@media all and (min-width: 768px) {
.sp-logo-nav-container {
Line 206 ⟶ 261:
height: 60px;
}
 
/* Switch logo in low resolutions to save space */
@media all and (min-width: 768px) {
Line 221 ⟶ 275:
text-align: inherit;
}
 
@media all and (min-width: 768px) {
.sp-nav-container {
Line 273 ⟶ 326:
padding: 0;
}
 
.toc .: {
display: none;
}
 
.toc .tocnumber {
display: none;
}
 
.toc li,
.toc .toctitle {
Line 289 ⟶ 345:
}
}
 
.toc .toctitle {
text-align: left;
}
 
.toc .toctitle h2:after {
content: ":";
}
 
.toc .toctogglespan {
display: none;
}
 
.sp-content {
margin-bottom: 2.5rem;
Line 311 ⟶ 371:
margin-bottom: 2.5rem;
}
}
 
h1, h2 {
border: 0;
font-family: sans-serif;
font-weight: bold;
}
.sp-content p {
margin: 0 0 2rem 0;
}
.sp-content h2 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.sp-content ul {
list-style-image: none;
}
.sp-content ol {
margin-left: 1em;
}
.sp-content li {
margin-bottom: 1rem;
}
 
Line 356 ⟶ 394:
flex-wrap: nowrap;
flex-direction: column;
}
.sp-footer-logo-container {
flex-basis: 32%;
margin-bottom: 24px;
margin-right: 24px;
}
@media (min-width: 768px) {
Line 369 ⟶ 402:
width: 57%;
}
}
 
.sp-footer-logo-container {
flex-basis: 32%;
margin-bottom: 24px;
margin-right: 24px;
}
</style>