MediaWiki:Common.css: Difference between revisions

From Test Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 15: Line 15:
   max-width:50em;
   max-width:50em;
}
}
/* Set the min and max widths for the image and text elements in the different layouts  */


/* Additional classes set the minimum (and maximum?) */
/* minimums with m */
/* widths of the monospace text to avoid unwanted wrapping */


div.lofe-m30 {min-width:30em;}
div.lofe-m30 {min-width:30em;}
Line 24: Line 24:
div.lofe-m45 {min-width:45em;}
div.lofe-m45 {min-width:45em;}
div.lofe-m50 {min-width:50em;}
div.lofe-m50 {min-width:50em;}
/* maximums with x */
div.lofe-x30 {max-width:30em;}
div.lofe-x50 {max-width:50em;}


/* Support side-by-side images and text. */
/* Support side-by-side images and text. */

Revision as of 04:04, 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%;
  max-width:50em;
}

.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-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-x30 {max-width:30em;}
div.lofe-x50 {max-width:50em;}

/* Support side-by-side images and text. */

div.lofe-left {
  width:49%;
  float:left;
}

div.lofe-right {
  width:49%;
  float:right;
}

div.lofe-below {
  display:block;
  clear:both;
}

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