MediaWiki:Vector-darkmode.less/mainpage.less: Difference between revisions
No edit summary |
No edit summary |
||
Line 25: | Line 25: | ||
// big tile |
// big tile |
||
.tile.big-tile { |
.tile.big-tile { |
||
background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 40%), url("/images/rss/ |
background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 40%), url("/images/rss/Main_page_-_Twisted_League.png") right / auto 100% no-repeat @pickled-bluewood; |
||
} |
} |
||
Latest revision as of 11:12, 18 October 2024
/* --------------------
main tile elements -------------------- */
/* general tile styling in MediaWiki:Vector-darkmode.less/templates.less */
.mainpage-recent-updates p:not(.byline), .mainpage-body h2 a, .mainpage-skills li a:last-child { color: @dark-text; }
.tile-bottom.read-more { background: @cloud-burst;
&:hover { background: lighten( @cloud-burst, 5% ); }
a { color: @dark-text; } }
// big tile .tile.big-tile {
background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 40%), url("/images/rss/Main_page_-_Twisted_League.png") right / auto 100% no-repeat @pickled-bluewood;
}
.mainpage-recent-updates {
.jagex-promotion .byline { color: @dark-text; }
}
/* ------------------------
tiles ------------------------ */
.tile, .tile-bottom, .tile-halves { background: @dark-wikitable-background; border-color: @dark-infobox-border; }
.tile-top.tile-image { background-color: @dark-wikitable-background; }
.byline { color: @dark-text; opacity: .75; }
/* ------------------------
popular pages ------------------------ */
.mp-popular-page-light { background-color: @dark-button;
a { color: white; }
}
/* -------------------------
discord & twitter ------------------------- */
.mainpage-discord .tile-bottom { background: @discord-bg-dark; }
.mainpage-twitter .tile-bottom { background: #0084B4; }
/* --------------------
edit the wiki -------------------- */
.mainpage-editing {
border-color: transparent; box-shadow: @box-shadow-dark;
.tile-top { background: @steel-blue; }
.tile-bottom { background: saturate( darken( @steel-blue, 4% ), 4% ); border: none; padding: .8rem 1.5rem .4rem; }
h2, a { color: @white; }
p { color: @mp-text-light; }
ul { list-style-image: url('/images/rss/Transparent-chevron.svg'); }
}