890
pakeitimų
Nėra keitimo santraukos |
Nėra keitimo santraukos |
||
| 1 042 eilutė: | 1 042 eilutė: | ||
.tile.oswf-day { | .tile.oswf-day { | ||
margin-left: 0.5em; | margin-left: 0.5em; | ||
} | |||
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki .mw-parser-output { | |||
max-width: 75em; | |||
margin: 0 auto; | |||
} | |||
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view .catlinks, | |||
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #contentSub, | |||
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #siteNotice { | |||
display: none; | |||
} | |||
.mainpage-header { | |||
display: flex; | |||
margin: 2.6em 1.75em 1.5em; | |||
} | |||
.mainpage-header .header-intro { | |||
flex: 2; | |||
} | |||
.mainpage-header .header-intro h1 { | |||
font-size: 2.5em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.15em; | |||
} | |||
.mainpage-header .header-intro p { | |||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | |||
.mainpage-header .header-stats { | |||
flex: 1; | |||
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); | |||
} | |||
.mainpage-body h2 a { | |||
color: var(--text-color); | |||
} | |||
.mainpage-body .tile { | |||
padding-left: 1.75em; | |||
padding-right: 1.75em; | |||
max-width: 100%; | |||
} | |||
.mainpage-body .tile-row { | |||
width: 100%; | |||
margin-bottom: 0; | |||
} | |||
.mainpage-body .tile-row { | |||
display: grid; | |||
gap: 0.9rem; | |||
} | |||
.mainpage-left { | |||
grid-area: left; | |||
flex: 2; | |||
display: flex; | |||
flex-flow: column wrap; | |||
} | |||
.mainpage-left > * { | |||
margin: 0 0 0.9rem; | |||
} | |||
.mainpage-right { | |||
grid-area: right; | |||
flex: 1; | |||
display: flex; | |||
flex-flow: column wrap; | |||
} | |||
.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-recent-updates { | |||
grid-area: update; | |||
grid-template-columns: repeat(3, 1fr); | |||
} | |||
.mainpage-recent-updates .tile-halves { | |||
flex: 1; | |||
align-content: flex-start; | |||
} | |||
.mainpage-recent-updates .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-recent-updates .tile-bottom.link-button a { | |||
text-align: left; | |||
padding: 1rem 1.5rem 0.75rem; | |||
} | |||
.mainpage-recent-updates h2 { | |||
margin: -0.5em 0 0.3em; | |||
} | |||
.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; | |||
} | |||
.mainpage-contents .tile-top { | |||
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 { | |||
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; | |||
} | |||
.mainpage-skills li:hover a:last-child { | |||
color: rgba(255, 255, 255, 0.9); | |||
border-radius: 0 2px 2px 0; | |||
} | } | ||