MediaWiki:Vector-darkmode.less/mainpage.less

/* --------------------

     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');
   }

}