MediaWiki:Timeless.css: различия между версиями
Материал из Saltyverse Wiki
Нет описания правки |
Нет описания правки |
||
(не показана 31 промежуточная версия этого же участника) | |||
Строка 1: | Строка 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
/* Top bar font modernization */ | /* Top bar font modernization */ | ||
@media (max-device-width: 400px) { | |||
#p-logo-text { | |||
display: none; | |||
} | |||
} | |||
#firstHeading, #mw-content-container { | #firstHeading, #mw-content-container { | ||
border-bottom: solid 1px #9b0909; | border-bottom: solid 1px #9b0909; | ||
Строка 15: | Строка 21: | ||
h2 { | h2 { | ||
margin: 23px 0 9px!important; | margin: 23px 0 9px!important; | ||
font-family: 'Georgia', sans-serif!important; | |||
} | |||
.mw-headline { | |||
font-size: 0.9em!important; | |||
} | } | ||
#mw-header-container h2, | #mw-header-container h2, | ||
Строка 21: | Строка 31: | ||
margin: 0 0 9px!important; | margin: 0 0 9px!important; | ||
} | } | ||
h3 { | #bodyContent h3 { | ||
margin-top: 12px !important; | margin-top: 12px !important; | ||
margin-bottom: 12px !important; | margin-bottom: 12px !important; | ||
font-size: 21px!important; | font-size: 21px!important; | ||
font-family: 'Georgia', sans-serif!important; | |||
} | } | ||
#bodyContent .pi-secondary-font { | |||
.pi-secondary-font { | |||
margin: 0!important; | margin: 0!important; | ||
font-size: 11px!important; | font-size: 11px!important; | ||
font-family: 'Inter', sans-serif!important; | |||
} | } | ||
.pi-title { | #bodyContent .pi-title { | ||
margin: 0!important; | margin: 0!important; | ||
font-family: 'Inter', sans-serif!important; | |||
font-size: 16px!important; | |||
} | } | ||
h4 { | h4 { | ||
margin-top: 12px !important; | margin-top: 12px !important; | ||
font-family: 'Georgia', sans-serif!important; | |||
} | |||
h1 { | |||
font-family: 'Georgia', sans-serif!important; | |||
} | |||
h5 { | |||
font-family: 'Georgia', sans-serif!important; | |||
} | |||
h6 { | |||
font-family: 'Georgia', sans-serif!important; | |||
} | |||
h7 { | |||
font-family: 'Georgia', sans-serif!important; | |||
} | } | ||
p { | p { | ||
Строка 44: | Строка 68: | ||
#p-banner { | #p-banner { | ||
padding-top: 10px!important; | padding-top: 10px!important; | ||
} | |||
.gallery { | |||
margin-top: 20px!important; | |||
} | } | ||
Текущая версия от 18:56, 27 июля 2024
/* All CSS here will be loaded for users of the Timeless skin */
/* Top bar font modernization */
@media (max-device-width: 400px) {
#p-logo-text {
display: none;
}
}
#firstHeading, #mw-content-container {
border-bottom: solid 1px #9b0909;
}
.tools-inline li.selected {
border-color: transparent;
}
.color-middle,
.color-left,
.color-right{
background: #9b0909;
}
h2 {
margin: 23px 0 9px!important;
font-family: 'Georgia', sans-serif!important;
}
.mw-headline {
font-size: 0.9em!important;
}
#mw-header-container h2,
#mw-site-navigation h2,
#mw-related-navigation h2 {
margin: 0 0 9px!important;
}
#bodyContent h3 {
margin-top: 12px !important;
margin-bottom: 12px !important;
font-size: 21px!important;
font-family: 'Georgia', sans-serif!important;
}
#bodyContent .pi-secondary-font {
margin: 0!important;
font-size: 11px!important;
font-family: 'Inter', sans-serif!important;
}
#bodyContent .pi-title {
margin: 0!important;
font-family: 'Inter', sans-serif!important;
font-size: 16px!important;
}
h4 {
margin-top: 12px !important;
font-family: 'Georgia', sans-serif!important;
}
h1 {
font-family: 'Georgia', sans-serif!important;
}
h5 {
font-family: 'Georgia', sans-serif!important;
}
h6 {
font-family: 'Georgia', sans-serif!important;
}
h7 {
font-family: 'Georgia', sans-serif!important;
}
p {
margin: 7px 0 20px 0!important;
}
#p-banner {
padding-top: 10px!important;
}
.gallery {
margin-top: 20px!important;
}
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation * {
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
height: 1.5em;
position:relative;
bottom:0.1em
}
/* Triangle position patch */
#personal h2::after {
position: relative;
bottom: 0.5em;
}
.mw-headline:target {
background-color: gold;
}