Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 17:58, 17 August 2025

/* CSS placed here will be applied to all skins */
@font-face {
  font-family: 'BurbankSmall';
    src: local("BurbankSmall"),
       url(https://fortnite.gg/fonts/burbanksmall-bold.woff2);
}

/* Center the mw-collapsible toggle site-wide */
.mw-collapsible .mw-collapsible-toggle,
.mw-collapsible-toggle {
  float: none !important;     /* cancel the default float:right */
  display: block;             /* put it on its own line */
  width: 250px%;                /* let text-align work across the row */
  text-align: center;         /* center the link/text */
  margin: .25em 0;
  font-weight: bold;
font-style: Arial;
background: #f3f3f3;
  padding: .5em;
  border-radius: 6px;
}

.mw-collapsible-toggle::after{
  content: "] ℹ️"; /* arrow closed */
}
.mw-collapsible-open .mw-collapsible-toggle::after{
  content: "] ℹ️"; /* arrow open */
}
/* Button style for collapsible links */
.button-toggle {
  display: inline-block;
  padding: 0.4em 0.8em;
  background-color: #007bff;
  color: white !important;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  margin-top: 0.5em;
}

/* === Collapsible Headings Sitewide === */

/* Hide the default expand/collapse toggle link */
.mw-collapsible-toggle {
    display: none !important;
}

/* Style all headings inside collapsible sections */
.mw-collapsible > h2,
.mw-collapsible > h3,
.mw-collapsible > h4,
.mw-collapsible > h5,
.mw-collapsible > h6 {
    cursor: pointer;              /* Show clickable hand cursor */
    background-color: #f3f3f3;    /* Light gray background */
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
    transition: background-color 0.2s ease-in-out;
}

/* Hover effect to reinforce interactivity */
.mw-collapsible > h2:hover,
.mw-collapsible > h3:hover,
.mw-collapsible > h4:hover,
.mw-collapsible > h5:hover,
.mw-collapsible > h6:hover {
    background-color: #e2e2e2;
}

/* Collapsed state arrow */
.mw-collapsible.mw-collapsed > h2::after,
.mw-collapsible.mw-collapsed > h3::after,
.mw-collapsible.mw-collapsed > h4::after,
.mw-collapsible.mw-collapsed > h5::after,
.mw-collapsible.mw-collapsed > h6::after {
    content: " ℹ️";
    float: right;
    font-weight: normal;
}

/* Expanded state arrow */
.mw-collapsible:not(.mw-collapsed) > h2::after,
.mw-collapsible:not(.mw-collapsed) > h3::after,
.mw-collapsible:not(.mw-collapsed) > h4::after,
.mw-collapsible:not(.mw-collapsed) > h5::after,
.mw-collapsible:not(.mw-collapsed) > h6::after {
    content: " ℹ️";
    float: right;
    font-weight: normal;
}