MediaWiki:Common.css: Difference between revisions

From Proxmox Mail Gateway
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: /* * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to *...")
 
mNo edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@media screen {
  /* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */
  h3 > .mw-headline {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
  /* Make section stand out slightly more */
  .mw-body-content h2 {
    margin-top: 1.25em; /* originally 1em */
    font-size: 1.6em; /* originally 1.5em */
    margin-bottom: 0.5em; /* originally not set */
  }
  /* avoid that powered-by icons are glued together */
  #footer-icons li a {
    padding: 0px 5px;
  }
  .warn-box {
    position: sticky;
    top: 10px;
    background-color: white;
    border: 5px solid orange;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 16px;
  }
  .warn-box::before {
    content: '⚠️ ';
  }
}
/* allows to wrap some content into somewhat responsive columns */
/* .responsive-column-count { column-count: 2; } */
.responsive-column-count {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media  screen and (max-width: 1440px) {
    .responsive-column-count {
        grid-template-columns: repeat(3, 1fr);
    }
}


/*
/*

Revision as of 09:19, 28 March 2023

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

@media screen {
  /* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */
  h3 > .mw-headline {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  /* Make section stand out slightly more */
  .mw-body-content h2 {
    margin-top: 1.25em; /* originally 1em */
    font-size: 1.6em; /* originally 1.5em */
    margin-bottom: 0.5em; /* originally not set */
  }
  /* avoid that powered-by icons are glued together */
  #footer-icons li a {
    padding: 0px 5px;
  }
  .warn-box {
    position: sticky;
    top: 10px;
    background-color: white;
    border: 5px solid orange;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 16px;
  }
  .warn-box::before {
    content: '⚠️ ';
  }
}


/* allows to wrap some content into somewhat responsive columns */
/* .responsive-column-count { column-count: 2; } */
.responsive-column-count {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media  screen and (max-width: 1440px) {
    .responsive-column-count {
        grid-template-columns: repeat(3, 1fr);
    }
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}