MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 77: Line 77:
   height: auto;
   height: auto;
}
}
 
/* DivToc: responsive table of contents with introduction */
/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */
.tocdiv {
    .tocdiv {
     max-width: 1366px;
     max-width: 1366px;
     display: grid; what
     display: grid;
     grid-gap: 15px;
     grid-gap: 15px;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(300px, 4fr));
     grid-template-rows: auto;
    grid-template-rows: repeat(2, 300px);
     grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
}
}
/* Mobile fix for DivToc layout */
/* Mobile fix for DivToc layout */
@media screen and (max-width: 700px) {
@media screen and (max-width: 700px) {
Line 99: Line 97:
}
}


 
/* Responsive iframe for YouTube videos */
/* responsive iframe for youtube videos */
@media screen and (max-width: 750px) {
@media screen and (max-width: 750px) {
     iframe {
     iframe {
Line 108: Line 105:
     }
     }
}
}


/* Power Characters */
/* Power Characters */