MediaWiki:Gadget-Mainpage.css: Difference between revisions
No edit summary |
No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.mainpage-container { | .mainpage-container { | ||
display: flex; | display: flex; | ||
gap: 2em; | |||
} | } | ||
| Line 12: | Line 13: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: 2em; | |||
} | } | ||
.mainpage-border { | .mainpage-border { | ||
background: var(--theme-color | background: var(--theme-accent-color); | ||
border: 2px solid var(--theme-accent-color); | border: 2px solid var(--theme-accent-color); | ||
border-radius: | border-radius: 12px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mainpage-header { | .mainpage-header { | ||
border-radius: 2px; | border-radius: 2px; | ||
color: #000000; | color: #000000; | ||
| Line 34: | Line 29: | ||
font-size: 1.4em; | font-size: 1.4em; | ||
padding: 1px; | padding: 1px; | ||
font-family: "Quicksand", sans-serif !important; | |||
} | } | ||
#welcome .mainpage-header { | #welcome .mainpage-header, #welcome .mainpage-content { | ||
background: | background: transparent; | ||
border: transparent; | |||
} | } | ||
| Line 47: | Line 43: | ||
.mainpage-content { | .mainpage-content { | ||
padding: 0.5em 0.5em 1em 0.5em; | padding: 0.5em 0.5em 1em 0.5em; | ||
background: var(--theme-color-9); | |||
border-radius: 10px; | |||
margin: 4px; | |||
border: 1px solid color-mix(in hsl, black 5%, var(--theme-accent-color) 95%); | |||
} | |||
.mainpage-image-container { | |||
display: flex; | |||
gap: 0.5em; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | } | ||
| Line 83: | Line 90: | ||
background-size: cover; | background-size: cover; | ||
background-image: url("https://hna.wiki/images/Site-background-dark") | 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 */ | /* [[Template:Latest Edits]] Fix */ | ||
#ActivityFeed .mw-changeslist ul { | |||
list-style: none; | |||
margin: 0; | |||
} | |||
#ActivityFeed .mw-changeslist-line-inner-rollback, | #ActivityFeed .mw-changeslist-line-inner-rollback, | ||
#ActivityFeed .mw-changeslist-line-inner-tags, | #ActivityFeed .mw-changeslist-line-inner-tags, | ||
| Line 109: | Line 129: | ||
#ActivityFeed .mw-changeslist-date, | #ActivityFeed .mw-changeslist-date, | ||
#ActivityFeed .mw-tag-markers, | #ActivityFeed .mw-tag-markers, | ||
#ActivityFeed .minoredit, | |||
#ActivityFeed .newpage, | |||
#ActivityFeed ul.special .comment, | #ActivityFeed ul.special .comment, | ||
#ActivityFeed .mw-diff-bytes { | #ActivityFeed .mw-diff-bytes { | ||
| Line 117: | Line 139: | ||
display: flex; | display: flex; | ||
width: 100%; | 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); | |||
} | } | ||
| Line 128: | Line 159: | ||
} | } | ||
#ActivityFeed .mw-changeslist- | #ActivityFeed .mw-changeslist .mw-title { | ||
word-break: break-word; | |||
hyphens: auto; | |||
margin-left: 2px; | |||
} | } | ||
#ActivityFeed | #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 { | #ActivityFeed .mw-changeslist div table { | ||
border-bottom: none; | border-bottom: none; | ||
| Line 152: | Line 180: | ||
border: none; | 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 */ | /* End [[Template:Latest Edits]] Fix */ | ||