chore: extract lakesideview css

stylesheets/Main.scss

@@ -12,18 +12,22 @@
 @use "commons/BattleRoyale/PanelTable";
 @use "commons/Bracket";
 @use "commons/Brackets";
+@use "commons/BreadCrumbs";
 @use "commons/Carousel";
 @use "commons/Colours";
 @use "commons/Crosstable";
-@use "commons/Dialog";
 @use "commons/DivTable";
 @use "commons/Dropdown";
 @use "commons/FilterButtons";
 @use "commons/Fountain";
 @use "commons/Grid";
 @use "commons/GroupTableLeague";
+@use "commons/Headings";
 @use "commons/Icons";
+@use "commons/Images";
 @use "commons/Infobox";
+@use "commons/Jquery";
+@use "commons/Dialog";
 @use "commons/Label";
 @use "commons/Mainpage";
 @use "commons/Matchseries";

stylesheets/commons/BreadCrumbs.scss

@@ -0,0 +1,23 @@
+/* hide subpages (breadcrumbs) in mainspace and templatespace */
+body.ns-0,
+body.ns-10 {
+	.content-sub .subpages {
+		display: none;
+	}
+}
+
+ol.breadcrumb {
+	margin-left: -0.75rem;
+
+	.theme--light & {
+		background-color: var( --clr-surface-5 );
+	}
+
+	.theme--dark & {
+		background-color: var( --clr-secondary-16 );
+	}
+
+	.breadcrumb-item + .breadcrumb-item::before {
+		color: var( --clr-on-background );
+	}
+}

stylesheets/commons/Headings.scss

@@ -0,0 +1,109 @@
+.mw-heading.mw-heading1,
+.mw-heading.mw-heading2,
+.mw-heading.mw-heading3,
+.mw-heading.mw-heading4,
+.mw-heading.mw-heading5,
+.mw-heading.mw-heading6 {
+	background: none repeat scroll 0 0 rgba( 0, 0, 0, 0 );
+	border-bottom: 0.0625rem solid;
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+	padding-bottom: 0;
+
+	.theme--light & {
+		border-bottom-color: var( --clr-secondary-90 );
+	}
+
+	.theme--dark & {
+		border-bottom-color: var( --clr-secondary-16 );
+	}
+}
+
+.mw-heading.mw-heading1 h1,
+.mw-heading.mw-heading2 h2,
+.mw-heading.mw-heading3 h3,
+.mw-heading.mw-heading4 h4,
+.mw-heading.mw-heading5 h5,
+.mw-heading.mw-heading6 h6,
+.mw-heading.mw-heading1 .h1,
+.mw-heading.mw-heading2 .h2,
+.mw-heading.mw-heading3 .h3,
+.mw-heading.mw-heading4 .h4,
+.mw-heading.mw-heading5 .h5,
+.mw-heading.mw-heading6 .h6,
+h1#firstHeading,
+#mw-pages h2,
+#mw-subcategories h2,
+.mw-category-group h3 {
+	font-weight: 500;
+
+	.theme--light & {
+		color: var( --clr-wiki-theme-40 );
+	}
+
+	.theme--dark & {
+		color: var( --clr-wiki-theme-90 );
+	}
+}
+
+.mw-heading.mw-heading1 h1,
+h1#firstHeading {
+	font-size: 1.875rem;
+	line-height: 1.1;
+}
+
+.mw-heading.mw-heading2 h2 {
+	font-size: 1.625rem;
+	line-height: 1.1;
+}
+
+.mw-heading.mw-heading3,
+.mw-heading.mw-heading4,
+.mw-heading.mw-heading5,
+.mw-heading.mw-heading6 {
+	border-bottom: medium none;
+}
+
+.mw-heading.mw-heading3 h3 {
+	font-size: 1.5rem;
+}
+
+.mw-heading.mw-heading4 h4 {
+	font-size: 1.25rem;
+}
+
+.mw-heading.mw-heading5 h5 {
+	font-size: 1.125rem;
+}
+
+.mw-heading.mw-heading6 h6 {
+	font-size: 1rem;
+}
+
+h1#firstHeading,
+#mw-pages h2,
+#mw-subcategories h2,
+.mw-heading.mw-heading1,
+.mw-heading.mw-heading2 {
+	border-bottom: 0.125rem solid;
+
+	.theme--light & {
+		border-color: var( --clr-secondary-90 );
+	}
+
+	.theme--dark & {
+		border-color: var( --clr-secondary-16 );
+	}
+}
+
+.mw-heading.mw-heading1 h1 .mw-editsection {
+	padding-top: 1.125rem;
+}
+
+.mw-heading.mw-heading2 h2 .mw-editsection {
+	padding-top: 0.9375rem;
+}
+
+.mw-heading.mw-heading3 h3 .mw-editsection {
+	padding-top: 0.8125rem;
+}

stylesheets/commons/Images.scss

@@ -0,0 +1,62 @@
+/* restrict maximum image size in content */
+.img-responsive img,
+#file img {
+	max-width: 100%;
+	height: auto;
+}
+
+.filehistory a img,
+#file img:hover {
+	.theme--light & {
+		background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='0.7' fill='%23cccccc'/%3E%3C/svg%3E" ) repeat;
+	}
+
+	.theme--dark & {
+		background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='0.7' fill='%23424242'/%3E%3C/svg%3E" ) repeat;
+	}
+}
+
+/* thumbnails */
+.thumbcaption {
+	border: 0 solid var( --clr-on-surface );
+	line-height: 1.4;
+	padding: 0.1875rem;
+	font-size: 94%;
+	background-color: var( --clr-surface );
+	margin-top: 0.3125rem;
+}
+
+div.thumbinner {
+	background-color: var( --clr-surface );
+	border-top: 0.125rem solid var( --clr-wiki-primary );
+	border-bottom: 0.125rem solid var( --clr-wiki-primary );
+	border-right: 0;
+	border-left: 0;
+	padding: 0.625rem 0;
+	margin: 0;
+}
+
+@media ( max-width: 575.98px ) {
+	div.tright,
+	div.floatright,
+	table.floatright {
+		float: none;
+	}
+
+	.thumb {
+		margin: 0;
+	}
+
+	.thumb img {
+		width: 100%;
+		height: auto;
+	}
+}
+
+.thumbimage {
+	border: 0;
+}
+
+.tright .thumbinner {
+	min-width: 6.25rem;
+}

stylesheets/commons/Jquery.scss

@@ -0,0 +1,127 @@
+div.ui-widget {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	font-size: 0.9375rem;
+}
+
+.theme--dark div.ui-widget-header span.ui-icon {
+	filter: invert( 100% ) sepia( 100% ) saturate( 0% ) hue-rotate( 47deg ) brightness( 103% );
+}
+
+div.ui-widget-header {
+	background: transparent;
+	border: 0;
+	color: var( --clr-on-surface );
+
+	.ui-state-hover,
+	.ui-widget-content .ui-state-hover,
+	.ui-widget-header .ui-state-hover,
+	.ui-state-focus,
+	.ui-widget-content .ui-state-focus,
+	.ui-widget-header .ui-state-focus {
+		background: transparent;
+
+		.theme--light & {
+			border-color: var( --clr-secondary-44 );
+		}
+
+		.theme--dark & {
+			border-color: var( --clr-secondary-70 );
+		}
+	}
+}
+
+div.ui-widget-content {
+	background-color: var( --clr-surface-3 );
+	color: var( --clr-on-surface );
+	background-image: none;
+
+	.theme--light & {
+		border-color: var( --clr-on-surface-light-primary-8 );
+	}
+
+	.theme--dark & {
+		border-color: var( --clr-on-surface-dark-primary-8 );
+	}
+
+	div.ui-dialog-buttonpane {
+		.theme--light & {
+			border-color: var( --clr-on-surface-light-primary-8 ) !important;
+		}
+
+		.theme--dark & {
+			border-color: var( --clr-on-surface-dark-primary-8 ) !important;
+		}
+	}
+
+	input {
+		background-color: var( --clr-surface );
+		color: var( --clr-on-surface );
+		border-radius: 0.25rem;
+		min-height: 2rem;
+
+		.theme--light & {
+			border: 0.0625rem solid var( --clr-secondary-44 );
+		}
+
+		.theme--dark & {
+			border: 0.0625rem solid var( --clr-secondary-70 );
+		}
+	}
+
+	select {
+		background-color: var( --clr-surface );
+		color: var( --clr-on-surface );
+		border-radius: 0.25rem;
+		min-height: 2rem;
+	}
+
+	button.ui-button {
+		border-radius: 6.25rem;
+		font-size: 0.875rem;
+		padding-left: 1.5rem;
+		padding-right: 1.5rem;
+		border-width: 0.0625rem;
+		background: transparent;
+		color: var( --clr-primary );
+		min-height: 2.5rem;
+
+		.theme--light & {
+			border-color: var( --clr-secondary-44 );
+		}
+
+		.theme--dark & {
+			border-color: var( --clr-secondary-70 );
+		}
+
+		&:hover {
+			color: var( --clr-primary );
+
+			.theme--light & {
+				background-color: var( --clr-on-surface-light-primary-8 );
+			}
+
+			.theme--dark & {
+				background-color: var( --clr-on-surface-dark-primary-8 );
+			}
+		}
+	}
+}
+
+.client-js .sortable:not( .jquery-tablesorter ) > * > tr:first-child > th:not( .unsortable ),
+.jquery-tablesorter th.headerSort {
+	.theme--dark & {
+		background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIxIDkiPg0KCTxwYXRoIGQ9Im0xNC41IDUtNCA0LTQtNHptMC0xLTQtNC00IDR6IiBmaWxsPSIjZmZmZmZmIi8+DQo8L3N2Zz4= );
+	}
+}
+
+.jquery-tablesorter th.headerSortUp {
+	.theme--dark & {
+		background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDIxIDQiPg0KCTxwYXRoIGQ9Im02LjUgNCA0LTQgNCA0eiIgZmlsbD0iI2ZmZmZmZiIvPg0KPC9zdmc+ );
+	}
+}
+
+.jquery-tablesorter th.headerSortDown {
+	.theme--dark & {
+		background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDIxIDQiPg0KCTxwYXRoIGQ9Im0xNC41IDAtNCA0LTQtNHoiIGZpbGw9IiNmZmZmZmYiLz4NCjwvc3ZnPg== );
+	}
+}