MediaWiki:Vector-darkmode.less/mainpage.less - Revision history

Alex at 10:12, 18 October 2024

2024-10-18T10:12:25Z

← Older revision		Revision as of 12:12, 18 October 2024
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/~~Main page Twisted League~~.png") right / auto 100% no-repeat @pickled-bluewood;		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;
	}		}

Alex at 16:16, 17 October 2024

2024-10-17T16:16:18Z

← Older revision		Revision as of 18:16, 17 October 2024
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("~~filepath:~~//Main page Twisted League.png") right / auto 100% no-repeat @pickled-bluewood;		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;
	}		}

Line 56:		Line 56:

	/* ------------------------		/* ------------------------
	popular ~~mw.~~pages		popular pages
	------------------------ */		------------------------ */

Line 109:		Line 109:

	ul {		ul {
	list-style-image: url('~~filepath:~~//Transparent-chevron.svg');		list-style-image: url('/images/rss/Transparent-chevron.svg');
	}		}
	}		}

Alex: Created page with "/* -------------------- 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-gra..."

2024-10-16T23:11:26Z

Created page with "-------------------- 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-gra..."

New page

/* --------------------
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("filepath://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 mw.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('filepath://Transparent-chevron.svg');
}
}