MediaWiki:Vector-darkmode.less/mainpage.less

From Old School RuneScape Wiki
Jump to: navigation, search
// <pre>

/* --------------------
      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% );
    }
}

.news-updates {
	border: none;
}

// big tile
.tile.big-tile {
    background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 40%), url("filepath://Main page Twisted League.png") right / auto 100% no-repeat @pickled-bluewood;
}

/* --------------------
      poll
   -------------------- */
.ajaxpoll {
    background: @pickled-bluewood;
    
    .ajaxpoll-answer-vote {
    	background: @cloud-burst;
    	
    	div {
    		background: @waikawa-grey;
    	}
    }
    
    .ajaxpoll-id-info {
    	color: @pickled-bluewood;
    }
}

.mainpage-recent-updates {

    p:not(.byline) {
        color: #CBD9F4;
    }

    .jagex-promotion .byline {
        color: #CBD9F4;
    }

}

/* ------------------------
            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: #697ec4;
}

.mainpage-twitter .tile-bottom {
	background: #0084B4;
}

/* --------------------
      edit the wiki
   -------------------- */

.mainpage-editing {
    border: none;
    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('filepath://Transparent-chevron.svg');
    }
    
    a:visited {
    	color:#ffffff
    }

}