995
pakeitimai
MediaWiki:Common.css: Skirtumas tarp puslapio versijų
S
nėra keitimo aprašymo
Nėra keitimo santraukos |
SNėra keitimo santraukos |
||
| (nerodomos 38 tarpinės versijos, sukurtos to paties naudotojo) | |||
| 9 eilutė: | 9 eilutė: | ||
*/ | */ | ||
/ | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap'); | |||
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap'); | |||
/* Main body text */ | |||
body { | |||
font-family: 'Source Sans 3', 'Atkinson Hyperlegible', Arial, sans-serif !important; | |||
line-height: 1.6; | |||
font-size: 16px; | |||
} | |||
/* Headings */ | |||
h1, h2, h3, h4, h5, h6 { | |||
font-family: 'Source Sans 3', 'Atkinson Hyperlegible', Arial, sans-serif !important; | |||
padding-bottom: 8px !important; | |||
font-weight: 600; | |||
} | |||
/* Code blocks */ | |||
code, pre { | |||
font-family: 'JetBrains Mono', monospace !important; | |||
} | |||
.mw-editsection { | |||
float: right; | |||
margin-left: 8px; | |||
} | |||
.mw-editsection-bracket { | |||
display: none; | |||
} | |||
.mw-editsection a { | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 18px; | |||
height: 18px; | |||
margin-left: 6px; | |||
opacity: 0.7; | |||
transition: opacity 0.2s ease; | |||
text-decoration: none; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-indent: -9999px; | |||
} | |||
.mw-editsection a:hover { | |||
opacity: 1; | |||
} | } | ||
/* Base icon */ | |||
.mw-editsection a::before { | |||
content: ""; | |||
display: block; | |||
width: 14px; | |||
height: 14px; | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
/* IMPORTANT for dark themes */ | |||
filter: invert(1); | |||
} | |||
/* Base */ | |||
.mw-editsection a::before { | |||
content: ""; | |||
display: block; | |||
width: 14px; | |||
height: 14px; | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
filter: invert(1); | |||
} | |||
/* Visual (first link) */ | |||
.mw-editsection a:first-of-type::before { | |||
background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/pencil.svg"); | |||
} | |||
/* Source (second link) */ | |||
.mw-editsection a:last-of-type::before { | |||
background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/code-slash.svg"); | |||
} | } | ||
| 932 eilutė: | 1 005 eilutė: | ||
} | } | ||
@media only screen and (max-width: 720px) { | |||
.mainpage-trailblazer .tile-row { | |||
grid-template-columns: none; | |||
} | |||
.mainpage-trailblazer .tile-row .tile-top { | |||
height: 20vw; | |||
min-height: 9em; | |||
} | |||
} | } | ||
@media only screen and (max-width: 1200px) { | |||
.mainpage-contents { | |||
grid-template-columns: repeat(3, 1fr); | |||
} | |||
} | |||
} | } | ||
@media only screen and (max-width: 1000px) { | |||
.mainpage-body { | |||
grid-template-areas: "event event event" "update update update" "content content content" "left left left" "right right right"; | |||
} | |||
} | |||
.tile. | .mainpage-recent-updates { | ||
grid-template-columns: repeat(2, 1fr); | |||
} | } | ||
.mainpage-recent-updates .tile-halves:last-child { | |||
display: none; | |||
} | |||
.mainpage-recent-updates .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-recent-updates .tile-top { | |||
height: 18vw; | |||
min-height: 9em; | |||
} | |||
. | .mainpage-header .header-stats { | ||
display: none; | |||
} | } | ||
. | .mainpage-left > *:last-child, | ||
.mainpage-right > *:last-child { | |||
} | margin-bottom: 0; | ||
} | |||
. | .popular-pages ul { | ||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | |||
} | } | ||
.tile- | @media only screen and (max-width: 720px) { | ||
.mainpage-recent-updates { | |||
grid-template-columns: none; | |||
} | |||
.mainpage-recent-updates .tile-halves:last-child { | |||
display: flex; | |||
} | |||
.mainpage-contents { | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | |||
.tile { | |||
background: #ffffff; | |||
border: 1px solid #146433; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: 1.5em 2em 1em; | |||
max-width: 40em; | |||
} | |||
body.wgl-theme-dark .tile { | |||
background-color: #484b54; | |||
} | } | ||
.tile- | .tile-full { | ||
background: #ffffff; | |||
border: 1px solid #146433; | |||
border: 1px solid | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | ||
padding: 1.5em 2em 1em; | |||
} | } | ||
.tile | .tile h2 { | ||
font-size: 1.4em; | font-size: 1.4em; | ||
font-weight: bold; | font-weight: bold; | ||
| 1 007 eilutė: | 1 103 eilutė: | ||
} | } | ||
.tile | .tile .byline + h2 { | ||
margin-top: -0.5em; | margin-top: -0.5em; | ||
} | } | ||
.tile- | .tile.dark { | ||
color: var(--tile-dark-color); | |||
background: var(--tile-dark-bg); | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | } | ||
.tile | .tile.dark h2 { | ||
color: var(--tile-dark-header-color); | |||
} | } | ||
.tile | .tile.dark a { | ||
color: var(--tile-dark-link-color); | |||
} | } | ||
.tile | .tile.dark .byline { | ||
color: var(--tile-dark-byline-color); | |||
} | } | ||
. | .byline { | ||
font-size: 0.9em; | |||
color: var(--byline-color); | |||
} | } | ||
. | .byline a { | ||
color: var(--byline-color); | |||
} | } | ||
. | body.wgl-theme-dark .byline { | ||
color: white !important; | |||
} | } | ||
.tile- | .tile-row { | ||
display: | display: flex; | ||
flex-flow: row wrap; | |||
margin-bottom: 1em; | |||
} | } | ||
.tile- | .tile-halves { | ||
background: | display: flex; | ||
flex-flow: row wrap; | |||
border: 1px solid #146433; | |||
background: #ffffff; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
.tile- | .tile-halves h2 { | ||
font-size: 1.4em; | |||
font-weight: bold; | font-weight: bold; | ||
border: none; | |||
margin: 0 0 0.4em; | |||
} | } | ||
.tile- | .tile-halves .byline + h2 { | ||
margin-top: -0.5em; | |||
} | } | ||
.tile- | .tile-top { | ||
width: 100%; | |||
padding: 1.3rem 1.5rem 0.6rem; | |||
} | } | ||
.tile- | .tile-top.tile-image { | ||
display: flex; | |||
align-items: center; | |||
transition: 0. | background-color: var(--byline-color); | ||
overflow: hidden; | |||
padding: 0; | |||
height: 13vw; | |||
max-height: 12em; | |||
transition: 0.4s ease-out; | |||
} | } | ||
.tile. | .tile-halves:hover .tile-top.tile-image img { | ||
transform: scale(1.1); | |||
transition: 0.5s ease-out; | |||
} | } | ||
.tile-top.tile-image a { | |||
width: 100%; | |||
} | |||
.tile-top.tile-image img { | |||
max- | width: 100%; | ||
object-fit: cover; | |||
max-height: 200px; | |||
transition: 0.4s ease-out; | |||
} | } | ||
.tile-bottom { | |||
background: #ffffff; | |||
border-top: 1px solid #146433; | |||
width: 100%; | |||
padding: 1rem 1.5rem 0.6rem; | |||
} | } | ||
. | .tile-bottom.link-button { | ||
align-self: flex-end; | |||
padding: 0; | |||
} | } | ||
. | .tile-bottom.link-button a { | ||
display: block; | |||
text-align: center; | |||
padding: 0.75em 1.5em 0.8em; | |||
text-decoration: none; | |||
} | } | ||
. | .tile-bottom.read-more { | ||
background: var(--tile-link-button-color); | |||
transition: 0.3s ease-out; | |||
} | } | ||
. | .tile-bottom.read-more a { | ||
font- | color: var(--byline-color); | ||
font-weight: bold; | |||
text-align: right; | |||
} | } | ||
. | .tile-bottom.read-more:hover { | ||
background: var(--tile-link-button-highlight-color); | |||
} | } | ||
. | .tile-bottom.read-more:hover .arrow { | ||
transform: translateX(50%); | |||
} | } | ||
. | .tile-bottom.read-more .arrow { | ||
filter: var(--byline-arrow-filter); | |||
margin-left: 0.4em; | |||
transition: 0.3s ease-out; | |||
} | } | ||
. | .tile.oswf-day { | ||
margin-left: 0.5em; | |||
} | } | ||
. | |||
width: | body.page-Sveiki_atvykę_į_MCSlime_LT_Viki .mw-parser-output { | ||
margin | max-width: 75em; | ||
margin: 0 auto; | |||
} | } | ||
. | body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view .catlinks, | ||
display: | body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #contentSub, | ||
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #siteNotice { | |||
display: none; | |||
} | } | ||
.mainpage- | .mainpage-header { | ||
display: flex; | display: flex; | ||
margin: 2.6em 1.75em 1.5em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro { | ||
flex: 2; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro h1 { | ||
font-size: 2.5em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | } | ||
. | .mainpage-header .header-stats { | ||
flex: 1; | |||
display: | display: flex; | ||
justify-content: center; | |||
align-items: center; | |||
margin-top: -1em; | |||
} | } | ||
. | .mainpage-body { | ||
display: grid; | |||
grid-template-areas: "event event event" "update update update" "content content content" "left left right"; | |||
gap: 0.9rem; | |||
grid-template-columns: repeat(3, 1fr); | grid-template-columns: repeat(3, 1fr); | ||
} | } | ||
.mainpage- | .mainpage-body h2 a { | ||
color: var(--text-color); | |||
} | } | ||
.mainpage- | .mainpage-body .tile { | ||
padding-left: 1.75em; | |||
padding-right: 1.75em; | |||
max-width: 100%; | |||
} | } | ||
.mainpage- | .mainpage-body .tile-row { | ||
width: 100%; | |||
margin-bottom: 0; | |||
} | } | ||
.mainpage- | .mainpage-body .tile-row { | ||
display: grid; | |||
gap: 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-left { | ||
grid-area: left; | |||
flex: 2; | |||
display: flex; | |||
flex-flow: column wrap; | |||
} | } | ||
.mainpage- | .mainpage-left > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-right { | ||
grid-area: right; | |||
flex: 1; | flex: 1; | ||
display: flex; | |||
flex-flow: column wrap; | |||
} | } | ||
.mainpage- | .mainpage-right > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
. | .arrow { | ||
background: url('filepath://White-chevron.svg') no-repeat; | |||
display: inline-block; | |||
height: 0.7rem; | |||
width: 0.45rem; | |||
vertical-align: middle; | |||
} | } | ||
. | .arrow.dark { | ||
filter: invert(80%); | |||
} | } | ||
.mainpage- | .mainpage-recent-updates { | ||
grid-area: update; | |||
grid-template-columns: repeat(3, 1fr); | |||
} | } | ||
.mainpage- | .mainpage-recent-updates .tile-halves { | ||
flex: 1; | |||
align-content: flex-start; | |||
} | } | ||
.mainpage- | .mainpage-recent-updates .tile-halves:hover .tile-top img { | ||
transform: scale(1.04); | |||
} | } | ||
.mainpage- | .mainpage-recent-updates .tile-bottom.link-button a { | ||
text-align: left; | |||
padding: 1rem 1.5rem 0.75rem; | |||
padding | |||
} | } | ||
.mainpage- | .mainpage-recent-updates h2 { | ||
margin: -0.5em 0 0.3em; | |||
} | } | ||
.mainpage- | .mainpage-recent-updates p:not(.byline) { | ||
font-size: 0.9em; | |||
line-height: 1.75em; | |||
color: var(--text-color); | |||
} | } | ||
.mainpage-contents { | |||
grid-area: content; | |||
grid-template-columns: repeat(6, 1fr); | |||
} | } | ||
. | .mainpage-contents .tile-halves { | ||
flex: 1; | |||
} | |||
margin: | .mainpage-contents .tile-top { | ||
padding: 0 | position: relative; | ||
} | |||
.mainpage-contents h2 { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
.mainpage-contents .tile-bottom.link-button a { | |||
padding: 0.75em 0.2em; | |||
} | |||
.mainpage-skills ul { | |||
columns: 3 9em; | |||
margin: 1em 0.7em 0.7em 1em; | |||
} | } | ||
. | .mainpage-skills li { | ||
display: flex; | |||
margin-bottom: 0.29em; | |||
} | } | ||
. | .mainpage-skills li a:first-child { | ||
width: | border-radius: 2px; | ||
padding: 4px; | |||
width: 25px; | |||
height: 25px; | |||
text-align: center; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
. | .mainpage-skills li a:last-child { | ||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
font-weight: bold; | |||
padding-left: 0.7em; | |||
text-decoration: none; | |||
. | |||
} | } | ||
. | .mainpage-skills li:hover a:first-child { | ||
border-radius: 2px 0 0 2px; | |||
border- | |||
} | } | ||
. | .mainpage-skills li:hover a:last-child { | ||
color: rgba(255, 255, 255, 0.9); | |||
border-radius: 0 2px 2px 0; | |||
color: | |||
} | } | ||
. | body.ns-110 #ca-talk { | ||
display: none; | |||
} | } | ||
. | .mainpage-discord { | ||
border: none; | |||
. | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | ||
} | } | ||
. | .mainpage-discord .tile-top { | ||
display: flex; | |||
align-items: center; | |||
background: #5865f2; | |||
padding: 1em 1.75em; | |||
} | } | ||
. | .mainpage-discord .tile-top a { | ||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | } | ||
. | .mainpage-discord .tile-top a:hover .arrow { | ||
transform: translateX(50%); | |||
} | } | ||
. | .mainpage-discord .tile-bottom { | ||
. | background: #525ee0; | ||
. | border: none; | ||
color: | padding: 1em 1.75em; | ||
} | |||
.mainpage-discord .tile-bottom p { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-discord .partner-icon { | |||
margin-right: 0.75em; | |||
} | |||
.mainpage-discord .server-name { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-discord .server-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-discord .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | } | ||
.messagebox.disambig { | .update { | ||
background-color: var(--messagebox-disambig-background); | border-radius: 2px; | ||
border-color: var(--messagebox-disambig-border); | background: var(--body-mid); | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1); | |||
margin: 1em 0; | |||
padding: 0.75em 1em; | |||
text-align: center; | |||
border: 2px solid #004e00; | |||
} | |||
body.wgl-theme-dark .update { | |||
background: #343434 !important; | |||
} | |||
:root { | |||
--messagebox-obsolete-background: #cfcfcf; | |||
--messagebox-obsolete-border: #464646; | |||
--messagebox-obsolete-color: var(--text-color); | |||
--messagebox-obsolete-link-color: #6c6c6c; | |||
--messagebox-info-background: #ebebeb; | |||
--messagebox-info-border: #898989; | |||
--messagebox-info-color: var(--text-color); | |||
--messagebox-info-link-color: #6c6c6c; | |||
--messagebox-action-background: #c7e8fa; | |||
--messagebox-action-border: #0b5884; | |||
--messagebox-action-color: var(--text-color); | |||
--messagebox-action-link-color: #03436b; | |||
--messagebox-warn-background: #dfc0ba; | |||
--messagebox-warn-border: #861c10; | |||
--messagebox-warn-color: var(--text-color); | |||
--messagebox-warn-link-color: #8e221a; | |||
--messagebox-safe-background: #d8f0d3; | |||
--messagebox-safe-border: #1b8408; | |||
--messagebox-safe-color: var(--text-color); | |||
--messagebox-safe-link-color: #1b8408; | |||
--messagebox-disambig-background: #ebebeb; | |||
--messagebox-disambig-border: #898989; | |||
--messagebox-disambig-color: var(--text-color); | |||
--messagebox-disambig-link-color: #6c6c6c; | |||
--messagebox-discord-background: #5865f2; | |||
--messagebox-discord-border: #4c57d0; | |||
--messagebox-discord-link-color: #d2e5fc; | |||
} | |||
.mw-message-box, | |||
.mw-message-box-error, | |||
.mw-message-box-warning, | |||
.mw-message-box-success, | |||
.usermessage { | |||
color: var(--text-color); | |||
} | |||
.messagebox { | |||
width: 65%; | |||
margin: 0.5em auto; | |||
border-left: 10px solid; | |||
border-color: #232222; | |||
background-color: #343434; | |||
box-sizing: border-box; | |||
color: white !important; | |||
} | |||
.messagebox-image { | |||
padding: 10px; | |||
} | |||
body.wgl-theme-dark .messagebox { | |||
color: black; | |||
} | |||
.messagebox.obsolete { | |||
background-color: var(--messagebox-obsolete-background); | |||
border-color: var(--messagebox-obsolete-border); | |||
color: var(--messagebox-obsolete-color); | |||
} | |||
.messagebox.obsolete a, | |||
.messagebox.obsolete a:visited, | |||
.messagebox.obsolete a:active { | |||
color: var(--messagebox-obsolete-link-color); | |||
} | |||
.messagebox.info { | |||
background-color: var(--messagebox-info-background); | |||
border-color: var(--messagebox-info-border); | |||
color: var(--messagebox-info-color); | |||
} | |||
.messagebox.info a, | |||
.messagebox.info a:visited, | |||
.messagebox.info a:active { | |||
color: var(--messagebox-info-link-color); | |||
} | |||
.messagebox.action { | |||
background-color: var(--messagebox-action-background); | |||
border-color: var(--messagebox-action-border); | |||
color: var(--messagebox-action-color); | |||
} | |||
.messagebox.action a, | |||
.messagebox.action a:visited, | |||
.messagebox.action a:active { | |||
color: var(--messagebox-action-link-color); | |||
} | |||
.messagebox.warn { | |||
background-color: var(--messagebox-warn-background); | |||
border-color: var(--messagebox-warn-border); | |||
color: var(--messagebox-warn-color); | |||
} | |||
.messagebox.warn a, | |||
.messagebox.warn a:visited, | |||
.messagebox.warn a:active { | |||
color: var(--messagebox-warn-link-color); | |||
} | |||
.messagebox.safe { | |||
background-color: var(--messagebox-safe-background); | |||
border-color: var(--messagebox-safe-border); | |||
color: var(--messagebox-safe-color); | |||
} | |||
.messagebox.safe a, | |||
.messagebox.safe a:visited, | |||
.messagebox.safe a:active { | |||
color: var(--messagebox-safe-link-color); | |||
} | |||
.messagebox.disambig { | |||
background-color: var(--messagebox-disambig-background); | |||
border-color: var(--messagebox-disambig-border); | |||
color: var(--messagebox-disambig-color); | color: var(--messagebox-disambig-color); | ||
} | } | ||
.messagebox.disambig a, | .messagebox.disambig a, | ||
.messagebox.disambig a:visited, | .messagebox.disambig a:visited, | ||
.messagebox.disambig a:active { | .messagebox.disambig a:active { | ||
color: var(--messagebox-disambig-link-color); | color: var(--messagebox-disambig-link-color); | ||
} | } | ||
.messagebox.discord { | .messagebox.discord { | ||
background-color: var(--messagebox-discord-background); | background-color: var(--messagebox-discord-background); | ||
border-color: var(--messagebox-discord-border); | border-color: var(--messagebox-discord-border); | ||
color: #fff; | color: #fff; | ||
} | } | ||
.messagebox.discord a, | .messagebox.discord a, | ||
.messagebox.discord a:visited, | .messagebox.discord a:visited, | ||
.messagebox.discord a:active { | .messagebox.discord a:active { | ||
color: var(--messagebox-discord-link-color); | color: var(--messagebox-discord-link-color); | ||
} | } | ||
.messagebox.discord a.external, | .messagebox.discord a.external, | ||
.messagebox.discord a:visited.external, | .messagebox.discord a:visited.external, | ||
.messagebox.discord a:active.external { | .messagebox.discord a:active.external { | ||
font-style: italic; | font-style: italic; | ||
} | |||
.messagebox.stub { | |||
width: 50%; | |||
} | |||
.messagebox.hasdialogue { | |||
padding: 0 10px; | |||
width: auto; | |||
} | |||
:root { | |||
--documentation-background: #f9fafa; | |||
--documentation-link-color: #e4eaee; | |||
--documentation-headers-color: #fff; | |||
--documentation-header-background: #949eaa; | |||
--documentation-subheader-background: #808c9a; | |||
--documentation-border: #e4eaee; | |||
} | |||
.documentation { | |||
background: var(--documentation-background); | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
margin: 1em 0; | |||
} | |||
body.wgl-theme-dark .documentation { | |||
background: #3b3b3b; | |||
} | |||
.documentation pre, | |||
.documentation code { | |||
background-color: var(--documentation-background); | |||
border-color: var(--documentation-border); | |||
} | |||
.documentation h2, | |||
.documentation hr { | |||
border-color: var(--documentation-border); | |||
} | |||
.documentation-header { | |||
color: var(--documentation-headers-color); | |||
background: var(--documentation-header-background); | |||
font-weight: bold; | |||
padding: 1em 1.5em; | |||
} | |||
.documentation-title { | |||
font-size: 1.25em; | |||
} | |||
.documentation-subheader { | |||
color: var(--documentation-headers-color); | |||
background: var(--documentation-subheader-background); | |||
padding: 0.5em 1.5em; | |||
} | |||
.documentation-subheader a, | |||
.documentation-subheader a:visited, | |||
.documentation-subheader a:active { | |||
color: var(--documentation-link-color); | |||
} | |||
.documentation-documentation, | |||
.documentation-links { | |||
font-size: 0.85em; | |||
} | |||
.documentation-content { | |||
padding: 1em 1.5em; | |||
} | |||
.mw-templatedata-doc-params dl:not(:empty) { | |||
column-count: 3; | |||
border-top: 1px solid var(--body-border); | |||
margin-bottom: 0.5em; | |||
} | |||
.mw-templatedata-doc-params dt::after { | |||
content: ":"; | |||
} | |||
.mw-templatedata-doc-params dd, | |||
.mw-templatedata-doc-params dt { | |||
margin: 0.1em 2em; | |||
min-width: auto; | |||
} | |||
.mw-templatedata-doc-muted { | |||
color: var(--subtle-color); | |||
font-style: italic; | |||
} | |||
.fairycode { | |||
font-family: 'PT Serif', 'Palatino', 'Georgia', serif; | |||
font-size: 120%; | |||
font-weight: bold; | |||
text-transform: lowercase; | |||
letter-spacing: 1px; | |||
} | |||
.fairycode b ~ b:before { | |||
content: "•"; | |||
} | |||
/*NEW LOOK TEST*/ | |||
/* ==== Modern UI baseline (safe, global) ==== */ | |||
:root { | |||
--ui-radius: 10px; | |||
--ui-radius-sm: 7px; | |||
--ui-border: #d6d9df; | |||
--ui-surface: #ffffff; | |||
--ui-surface-2: #f7f8fa; | |||
--ui-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.35); | |||
--ui-focus: #3b82f6; | |||
} | |||
/* Cleaner links */ | |||
a { | |||
text-decoration-thickness: 1.5px; | |||
text-underline-offset: 2px; | |||
} | |||
/* Better keyboard accessibility */ | |||
:focus-visible { | |||
outline: 2px solid var(--ui-focus); | |||
outline-offset: 2px; | |||
} | |||
/* Modern cards/surfaces */ | |||
.mw-body, | |||
.mw-parser-output .wikitable, | |||
.thumbinner, | |||
#toc, .toc, | |||
.mw-message-box, | |||
.archive-box, | |||
.documentation { | |||
border-radius: var(--ui-radius); | |||
box-shadow: var(--ui-shadow); | |||
} | |||
/* Inputs/buttons consistency */ | |||
.mw-ui-button, | |||
.cdx-button, | |||
.oo-ui-buttonElement-button, | |||
.mw-ui-input, | |||
.cdx-text-input__input, | |||
.oo-ui-inputWidget-input, | |||
textarea, | |||
select { | |||
border-radius: var(--ui-radius-sm); | |||
} | } | ||
. | /* Slightly smoother interactions (respects reduced-motion) */ | ||
@media (prefers-reduced-motion: no-preference) { | |||
a, .mw-ui-button, .cdx-button, .oo-ui-buttonElement-button { | |||
transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; | |||
} | |||
} | } | ||
. | @media screen and (min-width: 982px) { | ||
.mw-body, | |||
#mw-head-base, | |||
#left-navigation, | |||
#mw-data-after-content, | |||
.mw-footer { | |||
margin-left: 13em !important; | |||
} | |||
.vector-legacy-sidebar { | |||
width: 12.5em !important; | |||
} | |||
} | } | ||