MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */

/* Limit max image width to its container size.
 * a.k.a. 'responsive images'
 */
.res-img img {
	max-width: 100%;
	height: auto;
}
.full-img img {
  width: 100%;
  height: auto;
}

/* Hide Extension:Translate automatic generated language selector
 * menu from tranlated pages. This function is supersede by
 * _manual_ creation of interwiki links on translated pages.
 * (DGG, 20231130)
 */
.mw-pt-translate-header {
   display: none;
}
.mw-pt-languages {
   display: none;
}

/* Forces Extension:ApprovedRevs info messages displayed on pages
 * to appear on a new line.
 * (DGG, 20231130)
 */
span.approvedAndLatestMsg {
   display: block;
}

/* Get bullet list in a single line
 * (DGG, 20230214)
 */
div.listsingleline li {
  display: inline-block;
}
div.listsingleline li:first-child:before{
  content: "";
}
div.listsingleline li:before {
  content: " | ";
}

/* Default styles for wider screens */
.glossalab-news-container {
    display: flex;
    gap: 2%;          /* Keep the gap */
    width: 100%;
}

.glossalab-news-column {
    flex: 1;          /* Equal width columns */
}

/* Media query for narrower screens */
@media (max-width: 768px) {  /* Adjust 768px as needed */
    .glossalab-news-container {
        flex-direction: column;  /* Stack columns vertically */
        gap: 1em; /* Optional: Adjust gap for single-column view */
    }
	.glossalab-news-column {
        width: auto;
    }
}