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

From IxWiki
Jump to navigation Jump to search
wp>Pppery
(Adding protection template)
 
m (1 revision imported)
 
(2 intermediate revisions by 2 users not shown)
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;
}
}
}

Latest revision as of 23:07, 17 April 2022

/* {{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;
	}
}