Template:TOC right/styles.css: Difference between revisions
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 */ | ||
@media all and (max-width: 720px) { | |||
body.skin-minerva .tocright { | |||
display: none; | |||
} | |||
.tocright { | |||
width: 100% !important; /* fix the inline width while at small resolution */ | |||
} | |||
} | } | ||
.tocright-clear-left { | @media all and (min-width: 720px) { | ||
.tocright { | |||
} | float: right; | ||
.tocright-clear-both { | clear: right; | ||
width: auto; | |||
} | margin: 0 0 0.5em 1em; | ||
.tocright-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;
}
}