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

From David's Wiki
m 1 revision imported
do the same thing I apparently did to tocleft much earlier
Line 1: Line 1:
/* {{pp-template}} */
/* {{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;
}
}
}

Revision as of 13:56, 17 September 2021

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