MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
/* minimums with m */ | /* minimums with m */ | ||
div.lofe-m20 {min-width:20em;} | |||
div.lofe-m30 {min-width:30em;} | div.lofe-m30 {min-width:30em;} | ||
div.lofe-m35 {min-width:35em;} | div.lofe-m35 {min-width:35em;} | ||
| Line 26: | Line 27: | ||
/* maximums with x */ | /* maximums with x */ | ||
div.lofe-x20 {max-width:20em;} | |||
div.lofe-x30 {max-width:30em;} | div.lofe-x30 {max-width:30em;} | ||
div.lofe-x40 {max-width:40em;} | div.lofe-x40 {max-width:40em;} | ||
Revision as of 04:22, 18 August 2025
/* CSS placed here will be applied to all skins */
/* Basic markup for LOFE images and text */
.lofe-image, .lofe-image img {
width:100%;
}
.lofe-image img {height:auto;}
div.lofe-text {
width:100%;
max-width:50em;
}
/* Set the min and max widths for the image and text elements in the different layouts */
/* minimums with m */
div.lofe-m20 {min-width:20em;}
div.lofe-m30 {min-width:30em;}
div.lofe-m35 {min-width:35em;}
div.lofe-m40 {min-width:40em;}
div.lofe-m45 {min-width:45em;}
div.lofe-m50 {min-width:50em;}
/* maximums with x */
div.lofe-x20 {max-width:20em;}
div.lofe-x30 {max-width:30em;}
div.lofe-x40 {max-width:40em;}
div.lofe-x50 {max-width:50em;}
/* Support side-by-side images and text. */
div.lofe-left {
max-width:49%;
float:left;
}
div.lofe-right {
max-width:49%;
float:left;
}
div.lofe-below {
display:block;
clear:both;
padding-top:1em;
}
/* Allow shrinking side by side text slightly to fit better in medium screens */
div.lofe-small {
font-size:85%;
}
/* This code will be applied to all pages in the LOFE */
/* When migrating to live wiki, need to replace 3000 with actual ID. */
.ns-3000 #content, .ns-3001 #content { }
.ns-3000 #content .navbar, .ns-3001 #content .navbar {
background-color:white;
}
/* Testing the possibility of removing the sidebar */
.ns-3000 #mw-panel {visibility: hidden;}
.ns-3000 #content {margin-left:0;}