Template:TOC right/styles.css: Difference between revisions

Template:TOC right/styles.css (view source)

297 bytes added , 17 September 2021

do the same thing I apparently did to tocleft much earlier

Anonymous user

@@ Line 1: / Line 1: @@
 /* {{pp-template}} */
-.tocright {
+/* The TOC is hidden on Minerva (mobile skin) for width < 720px so must also hide this wrapper */
-	float: right;
+@media all and (max-width: 720px) {
-	clear: right;
+	body.skin-minerva .tocright {
-	width: auto;
+		display: none;
-	background: none;
+	}
-	padding: .5em 0 .8em 1.4em;
-	margin-bottom: .5em;
+	.tocright {
+		width: 100% !important; /* fix the inline width while at small resolution */
+	}
 }
-.tocright-clear-left {
+@media all and (min-width: 720px) {
-	clear: left;
+	.tocright {
-}
+		float: right;
-.tocright-clear-both {
+		clear: right;
-	clear: both;
+		width: auto;
-}
+		margin: 0 0 0.5em 1em;
-.tocright-clear-none {
+	}
-	clear: none;
+	.tocright-clear-left {
+		clear: left;
+	}
+	.tocright-clear-both {
+		clear: both;
+	}
+	.tocright-clear-none {
+		clear: none;
+	}
 }