chore: move styles in Misc to relevant stylesheets

stylesheets/commons/Icons.scss

@@ -238,3 +238,43 @@ https://liquipedia.net/commons/Infobox_Icons
 	@include icon-make-image( zhangyutv, "//liquipedia.net/commons/images/c/cf/InfoboxIcon_ZhangyuTV.png" );
 	@include icon-make-image( zhanqitv, "//liquipedia.net/commons/images/b/b0/InfoboxIcon_ZhanqiTV.png" );
 }
+
+/*******************************************************************************
+Template(s): 16px Icons
+Author(s): iMarbot
+*******************************************************************************/
+.icon-16px {
+	vertical-align: middle;
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
+	min-height: 16px;
+	min-width: 16px;
+}
+
+.icon-16px img {
+	max-width: 16px;
+	max-height: 16px;
+	height: auto;
+	width: auto;
+}
+
+.icon-16px a {
+	display: contents;
+}
+
+/* dark mode support */
+.icon-16px.darkmode {
+	display: none;
+}
+
+[ data-darkreader-scheme="dark" ],
+.theme--dark {
+	.icon-16px.lightmode {
+		display: none;
+	}
+
+	.icon-16px.darkmode {
+		display: inline-flex;
+	}
+}

stylesheets/commons/Images.scss

@@ -60,3 +60,32 @@ div.thumbinner {
 .tright .thumbinner {
 	min-width: 6.25rem;
 }
+
+/*******************************************************************************
+Template(s): Darkmode images on file pages
+Author(s): FO-nTTaX, iMarbot
+*******************************************************************************/
+html:not( [ data-darkreader-scheme="dark" ] ):not( .theme--dark ) {
+	#file img[ src*="darkmode" ]:not( :hover ),
+	.searchResultImage img[ src*="darkmode" ],
+	.gallerybox img[ src*="darkmode" ] {
+		background-color: #272727;
+	}
+}
+
+#file img[ src*="lightmode" ]:not( :hover ),
+.searchResultImage img[ src*="lightmode" ],
+.gallerybox img[ src*="lightmode" ] {
+	@at-root [ data-darkreader-scheme="dark" ] & {
+		background-color: #808080;
+	}
+
+	@at-root .theme--dark & {
+		background-color: #d8d8d8;
+	}
+}
+
+.filehistory a img[ src*="darkmode" ],
+#file img[ src*="darkmode" ]:hover {
+	background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHElEQVQY02MUZoAADijNxIAG6CPAArP/x8C6AwCutQE9GsmfRAAAAABJRU5ErkJggg== ) repeat;
+}

stylesheets/commons/Infobox.scss

@@ -444,3 +444,45 @@ Author(s): iMarbot
 		padding: 15px 15px 0;
 	}
 }
+
+/*******************************************************************************
+Template(s): InfoboxIconSmall
+Author(s): iMarbot
+*******************************************************************************/
+.infobox-icon-small img {
+	max-width: 20px;
+	max-height: 20px;
+	vertical-align: top;
+}
+
+.infobox-icon-small .team-template-image img {
+	max-width: unset;
+	max-height: unset;
+}
+
+.infobox-icon-small span.league-icon-small-image {
+	width: 20px;
+	height: 20px;
+}
+
+/*******************************************************************************
+Template(s): Upcoming and ongoing games of
+Author(s): FO-nTTaX
+*******************************************************************************/
+.infobox-upcoming-ongoing-matches {
+	width: 100%;
+
+	@media ( min-width: 601px ) {
+		float: right;
+		clear: right;
+		max-width: 300px;
+		margin: 0 0 10px 10px;
+	}
+
+	#{&}-header {
+		font-size: 130%;
+		font-weight: bold;
+		text-align: center;
+		padding: 2px;
+	}
+}

stylesheets/commons/Mainpage.scss

@@ -769,3 +769,27 @@ Author(s): FO-nTTaX
 #images-taken-on-this-day img[ src*="darkmode" ] {
 	background-color: #272727;
 }
+
+/*******************************************************************************
+Template: Sad box for main page
+Author(s): FO-nTTaX
+*******************************************************************************/
+.sadbox {
+	border: 1px solid #000000;
+	color: #ffffff;
+	font-size: 18px;
+	text-align: center;
+	border-radius: 0.5rem;
+	overflow: hidden;
+
+	a {
+		background-color: #464646;
+		color: #ffffff !important;
+		display: block;
+		padding: 10px;
+
+		&:hover {
+			background-color: #232323;
+		}
+	}
+}

stylesheets/commons/Miscellaneous.scss

@@ -330,28 +330,6 @@ Author(s): FO-nTTaX
 	}
 }
 
-/*******************************************************************************
-Template(s): Upcoming and ongoing games of
-Author(s): FO-nTTaX
-*******************************************************************************/
-.infobox-upcoming-ongoing-matches {
-	width: 100%;
-
-	@media ( min-width: 601px ) {
-		float: right;
-		clear: right;
-		max-width: 300px;
-		margin: 0 0 10px 10px;
-	}
-
-	#{&}-header {
-		font-size: 130%;
-		font-weight: bold;
-		text-align: center;
-		padding: 2px;
-	}
-}
-
 /*******************************************************************************
 Template(s): LeagueIconSmall
 Author(s): FO-nTTaX
@@ -1583,26 +1561,6 @@ tr.stats-row:nth-child( 2n+1 ) {
 	}
 }
 
-/*******************************************************************************
-Template(s): InfoboxIconSmall
-Author(s): iMarbot
-*******************************************************************************/
-.infobox-icon-small img {
-	max-width: 20px;
-	max-height: 20px;
-	vertical-align: top;
-}
-
-.infobox-icon-small .team-template-image img {
-	max-width: unset;
-	max-height: unset;
-}
-
-.infobox-icon-small span.league-icon-small-image {
-	width: 20px;
-	height: 20px;
-}
-
 /*******************************************************************************
 Template(s): Legends of Runeterra region colors
 Author(s): Darkrai
@@ -1757,46 +1715,6 @@ Author(s): Rapture
 	height: 29px;
 }
 
-/*******************************************************************************
-Template(s): 16px Icons
-Author(s): iMarbot
-*******************************************************************************/
-.icon-16px {
-	vertical-align: middle;
-	display: inline-flex;
-	justify-content: center;
-	align-items: center;
-	min-height: 16px;
-	min-width: 16px;
-}
-
-.icon-16px img {
-	max-width: 16px;
-	max-height: 16px;
-	height: auto;
-	width: auto;
-}
-
-.icon-16px a {
-	display: contents;
-}
-
-/* dark mode support */
-.icon-16px.darkmode {
-	display: none;
-}
-
-[ data-darkreader-scheme="dark" ],
-.theme--dark {
-	.icon-16px.lightmode {
-		display: none;
-	}
-
-	.icon-16px.darkmode {
-		display: inline-flex;
-	}
-}
-
 /*******************************************************************************
 Template(s): Responsive floats
 Author(s): FO-nTTaX
@@ -2019,35 +1937,6 @@ Author(s): Vogan, salle
 	width: 160px;
 }
 
-/*******************************************************************************
-Template(s): Darkmode images on file pages
-Author(s): FO-nTTaX, iMarbot
-*******************************************************************************/
-html:not( [ data-darkreader-scheme="dark" ] ):not( .theme--dark ) {
-	#file img[ src*="darkmode" ]:not( :hover ),
-	.searchResultImage img[ src*="darkmode" ],
-	.gallerybox img[ src*="darkmode" ] {
-		background-color: #272727;
-	}
-}
-
-#file img[ src*="lightmode" ]:not( :hover ),
-.searchResultImage img[ src*="lightmode" ],
-.gallerybox img[ src*="lightmode" ] {
-	@at-root [ data-darkreader-scheme="dark" ] & {
-		background-color: #808080;
-	}
-
-	@at-root .theme--dark & {
-		background-color: #d8d8d8;
-	}
-}
-
-.filehistory a img[ src*="darkmode" ],
-#file img[ src*="darkmode" ]:hover {
-	background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHElEQVQY02MUZoAADijNxIAG6CPAArP/x8C6AwCutQE9GsmfRAAAAABJRU5ErkJggg== ) repeat;
-}
-
 /*******************************************************************************
 Template/Module: Recent games // Recent matches ( for new Bracket/Match System )
 Author(s): hjpalpha
@@ -2102,30 +1991,6 @@ Author(s): hjpalpha
 	font-weight: bold;
 }
 
-/*******************************************************************************
-Template: Sad box for main page
-Author(s): FO-nTTaX
-*******************************************************************************/
-.sadbox {
-	border: 1px solid #000000;
-	color: #ffffff;
-	font-size: 18px;
-	text-align: center;
-	border-radius: 0.5rem;
-	overflow: hidden;
-
-	a {
-		background-color: #464646;
-		color: #ffffff !important;
-		display: block;
-		padding: 10px;
-
-		&:hover {
-			background-color: #232323;
-		}
-	}
-}
-
 /*******************************************************************************
 Template: LightModeDarkMode
 Use case: Display images, text, ... only in light or only in darkmode