ElEditors, Interface administrators, Administrators
70,981
edits
MediaWiki:Instance-Page.css: Difference between revisions
From Elwiki
MediaWiki:Instance-Page.css (view source)
Revision as of 13:54, 14 September 2023
, 14 September 2023no edit summary
Tags: Replaced Undo |
No edit summary |
||
| (25 intermediate revisions by the same user not shown) | |||
| Line 19: | Line 19: | ||
height: auto; | height: auto; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
} | |||
.instance-page .instance-image img { | |||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
.section-side-column-image.instance-image p { | |||
margin: 0; | |||
} | } | ||
.instance-page .section-side-column { | .instance-page .section-side-column { | ||
| Line 25: | Line 30: | ||
grid-template-columns: repeat(2, 1fr); | grid-template-columns: repeat(2, 1fr); | ||
gap: 1rem; | gap: 1rem; | ||
place-content: center; | |||
place-items: self-start; | |||
} | } | ||
.instance-page .section-side-column-image { | .instance-page .section-side-column-image { | ||
grid-row: span | grid-row: span 3; | ||
margin: 0; | margin: 0; | ||
align-self: center; | |||
} | } | ||
.instance-page .section-side-column .segment:first-of-type { | .instance-page .section-side-column .segment:first-of-type { | ||
| Line 38: | Line 46: | ||
.instance-page .section-side-column .segment:last-of-type { | .instance-page .section-side-column .segment:last-of-type { | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
height: 100%; | height: 100%; | ||
} | } | ||
.instance-page .section-side-column .segment:first-of-type .segment-contents, | .instance-page .section-side-column .segment:first-of-type .segment-contents, | ||
| Line 47: | Line 55: | ||
place-items: center; | place-items: center; | ||
height: 100%; | height: 100%; | ||
} | } | ||
.instance-page .fancy-text .segment-contents > .mw-collapsible-content { | .instance-page .fancy-text .segment-contents > .mw-collapsible-content { | ||
font-family: "Heading"; | font-family: "Heading"; | ||
font-size: | font-size: 2.5rem; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.instance-page .fancy-text .segment-contents > .mw-collapsible-content .custom-text { | |||
font-size: 1. | font-family: "Heading"; | ||
} | |||
.instance-h1 { | |||
font-size: 1.05em; | |||
letter-spacing: -1px; | |||
} | } | ||
.instance-page h4:first-of-type { | .instance-page h4:first-of-type { | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
.instance-page .section-side-column .segment { | |||
margin: 0; | |||
width: 100%; | |||
} | |||
.instance-page .tabdiv > ul > li, .instance-page .tabdiv > ul > li a { | |||
font-size: initial; | |||
letter-spacing: initial; | |||
} | |||
.dungeon-button { | |||
float: left; | |||
margin: 1rem 1rem 0 0; | |||
} | |||
#tabs-Dialog { | |||
gap: 1rem; | |||
} | |||
.dungeon-page-fields { | |||
display: flex; | |||
flex-direction: column; | |||
place-content: center; | |||
place-items: center; | |||
} | |||
.instance-page .segment > .mw-collapsible-toggle { | |||
top: 2px; | |||
} | |||
@media screen and (max-width: 768px) { | |||
.instance-page .section-side-column { | |||
grid-template-columns: auto; | |||
} | |||
.instance-page img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
} | } | ||
