MediaWiki:Gadget-Mainpage.css: Difference between revisions
Created page with "→Mainpage Styles: .mainpage-border { background: var(--theme-color-5); border: 2px solid var(--theme-accent-color); border-radius: 3px; margin-top: 10px; margin-bottom: 10px; text-align: center; } .mainpage-border:has(div.Mainpage-header) { padding: 2px; } .mainpage-header { background: var(--theme-accent-color); border-radius: 2px; color: #000000; font-weight: bold; font-size: 1.4em; padding: 1px; margin-bottom: 10px; } .mainpage-header-link { c..." |
No edit summary |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Mainpage Styles */ | /* Mainpage Styles */ | ||
.mainpage-container { | |||
display: flex; | |||
gap: 2em; | |||
} | |||
/* Set the sidebar to sit below the main page content on mobile */ | |||
.skin-minerva .mainpage-container { | |||
flex-direction: column; | |||
} | |||
.mainpage-column { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 2em; | |||
} | |||
.mainpage-border { | .mainpage-border { | ||
background: var(--theme-color- | background: var(--theme-color-9); | ||
border: 2px solid var(--theme-accent-color); | border: 2px solid var(--theme-accent-color); | ||
border-radius | border-radius: 10px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mainpage-border:has(div. | .mainpage-border:has(div.mainpage-header) { | ||
padding: 2px; | padding: 2px; | ||
} | } | ||
| Line 21: | Line 35: | ||
padding: 1px; | padding: 1px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
border-top-left-radius: 8px; | |||
border-top-right-radius: 8px; | |||
} | |||
#welcome .mainpage-header { | |||
background: transparent; | |||
} | } | ||
| Line 26: | Line 46: | ||
color: var(--theme-page-text-color); | color: var(--theme-page-text-color); | ||
} | } | ||
.mainpage-content { | |||
padding: 0.5em 0.5em 1em 0.5em; | |||
} | |||
.mainpage-image-container { | |||
display: flex; | |||
gap: 0.5em; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | |||
.page__main { | .page__main { | ||
padding: 23px 15px 15px 30px; | padding: 23px 15px 15px 30px; | ||
| Line 52: | Line 84: | ||
background-size: cover; | background-size: cover; | ||
background-image: linear-gradient(rgba(249, 245, 242, 0.8), | background-image: linear-gradient(rgba(249, 245, 242, 0.8), | ||
rgba(249, 245, 242, 0.6)), url(" | rgba(249, 245, 242, 0.6)), url("https://hna.wiki/images/Site-background-light.jpeg"); | ||
} | } | ||
/** Dark Mode **/ | /** Dark Mode **/ | ||
| Line 59: | Line 91: | ||
text-shadow: 0px 2px 2px #00000080; | text-shadow: 0px 2px 2px #00000080; | ||
background-size: cover; | background-size: cover; | ||
background-image: url(" | background-image: url("https://hna.wiki/images/Site-background-dark") | ||
} | |||
/* [[Template:Latest Videos]] */ | |||
#LatestVideos .mainpage-content { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 5px; | |||
align-items: center; | |||
} | |||
/* [[Template:Latest Edits]] Fix */ | |||
#ActivityFeed .mw-changeslist ul { | |||
list-style: none; | |||
margin: 0; | |||
} | |||
#ActivityFeed .mw-changeslist-line-inner-rollback, | |||
#ActivityFeed .mw-changeslist-line-inner-tags, | |||
#ActivityFeed .mw-changeslist-line-inner-userTalkLink, | |||
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff, | |||
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff, | |||
#ActivityFeed .mw-changeslist-line-inner-userTalkLink, | |||
#ActivityFeed td.mw-enhanced-rc, | |||
#ActivityFeed .mw-changeslist-legend, | |||
#ActivityFeed .mw-changeslist-line-inner-historyLink, | |||
#ActivityFeed .mw-changeslist-line-inner-separatorAfterLinks, | |||
#ActivityFeed .mw-changeslist-line-inner-characterDiff, | |||
#ActivityFeed .mw-changeslist-line-inner-comment, | |||
#ActivityFeed .mw-changeslist-line-inner-watchingUsers, | |||
#ActivityFeed .mw-changeslist-line-inner-watchingUsers, | |||
#ActivityFeed .activity-tabs, | |||
#ActivityFeed .activity-summary, | |||
#ActivityFeed .mw-enhancedchanges-arrow-space, | |||
#ActivityFeed .cdx-message--warning, | |||
#ActivityFeed .mw-changeslist-links, | |||
#ActivityFeed .mw-changeslist-separator, | |||
#ActivityFeed .mw-changeslist-separator--semicolon, | |||
#ActivityFeed .mw-changeslist-date, | |||
#ActivityFeed .mw-tag-markers, | |||
#ActivityFeed .minoredit, | |||
#ActivityFeed .newpage, | |||
#ActivityFeed ul.special .comment, | |||
#ActivityFeed .mw-diff-bytes { | |||
display: none; | |||
} | |||
#ActivityFeed .mw-changeslist-line-inner { | |||
display: flex; | |||
width: 100%; | |||
justify-content: space-between; | |||
text-align: left; | |||
gap: 0.5em; | |||
padding: 1px 2px; | |||
border-radius: 3px; | |||
} | } | ||
#ActivityFeed .mw-changeslist-line:nth-of-type(odd) .mw-changeslist-line-inner { | |||
background: var(--theme-color-8); | |||
} | |||
#ActivityFeed .mw-changeslist-line-inner-userLink:before { | |||
content: ""; | |||
white-space: pre-wrap; | |||
} | |||
#ActivityFeed .mw-changeslist-line-inner-articleLink { | |||
flex-grow: 2; | |||
} | |||
#ActivityFeed .mw-changeslist .mw-title { | |||
word-break: break-word; | |||
hyphens: auto; | |||
margin-left: 2px; | |||
} | |||
#ActivityFeed .mw-changeslist .mw-userLink { | |||
margin-right: 2px; | |||
} | |||
/* For Chrome users, recent changes is a table instead of a list. I have literally no idea why, but don't remove these just because you don't see a reason (like I did) */ | |||
#ActivityFeed .mw-changeslist div table { | |||
border-bottom: none; | |||
padding-top: 3px !important; | |||
padding-bottom: 2px; | |||
width: calc(100% - 10px); | |||
} | |||
#ActivityFeed .mw-changeslist div table:last-child { | |||
border: none; | |||
} | |||
#ActivityFeed .mw-changeslist ul.mw-contributions-list li, | |||
#ActivityFeed .mw-changeslist ul.special li { | |||
padding: 0; | |||
} | |||
.skin-minerva #ActivityFeed .mw-changeslist-line { | |||
min-height: auto; | |||
height: 2em; | |||
border: none; | |||
} | |||
.skin-minerva #ActivityFeed .mw-changeslist-line-inner::before, | |||
.skin-minerva #ActivityFeed .mw-changeslist-line-inner::after { | |||
content: none; | |||
} | |||
/* End [[Template:Latest Edits]] Fix */ | |||