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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
.emoji { width: 16px; height: 16px; }

table.shop-menu td:first-child {
    width: 120px;
}

/* Don't mind me, just being stupid */
.mw-customtoggletext-but-spicier:before {
   content: "[Show/Hide]";
}

.arrow {
  margin-left: 0.5em;
}

.arrow::before {
  position: absolute;
  content: '';
  margin-top: 8px;
  width: 0;
  height: 0;
  border: .5em solid transparent;
  border-left-color: gray;
  transform-origin: 0 50%;
  transition: transform .25s;
}

.arrow.big-arrow::before  {
  margin-top: 10px;
}

.arrow.down::before {
  transform: rotate(90deg);
  transition: transform .25s;
}

/* Required for F-List style BBCode */

rt {
    font-size: 0.75em;
}

.bbcode-output {
    text-rendering: optimizeLegibility;
    font-family: Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.bb-bold {
    font-weight: bold;
}

.bb-italic {
    font-style: italic;
}

.bb-sup {
    vertical-align: super;
    font-size: 0.75rem;
}

.bb-sub {
    vertical-align: sub;
    font-size: 0.75rem;
}

.bb-underline {
    text-decoration: underline;
}

.bb-strikethrough {
    text-decoration: line-through;
}

.bb-heading {
    /* We can't use h2 because MediaWiki wants that. */
    font-size: 1.3rem;
}

.bb-output {
    width: 100%;
    display: block;
}

.bb-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.25rem;
    margin-left: -.25rem;
}

.bb-col-small-tiny-width {
    flex-basis: calc(100% - 0.5rem);
    max-width: calc(100% - 0.5rem);
}

.bb-col-medium-tiny-width {
    flex-basis: calc(100% - 0.5rem);
    max-width: calc(100% - 0.5rem);
}

.bb-col-large-tiny-width {
    flex-basis: calc(100% - 0.5rem);
    max-width: calc(100% - 0.5rem);;
}

@media (min-width: 850px) {
    .bb-col-small {
        flex-basis: calc(33.333% - 0.5rem);
        max-width: calc(33.333% - 0.5rem);
    }

    .bb-col-medium {
        flex-basis: calc(50% - 0.5rem);
        max-width: calc(50% - 0.5rem);
    }

    .bb-col-large {
        flex-basis: calc(100% - 0.5rem);
        max-width: calc(100% - 0.5rem);
    }
}

@media (min-width: 1100px) {
    .bb-col-small-large-width {
        flex-basis: calc(25% - 0.5rem);
        max-width: calc(25% - 0.5rem);
    }

    .bb-col-medium-large-width {
        flex-basis: calc(33.3333% - 0.5rem);
        max-width: calc(33.3333% - 0.5rem);
    }

    .bb-col-large-large-width {
        flex-basis: calc(50% - 0.5rem);
        max-width: calc(50% - 0.5rem);
    }
}

.bb-left {
    text-align: left;
}

.bb-center {
    text-align: center;
}

.bb-right {
    text-align: right;
}

.bb-justify {
    text-align: justify;
}

.bb-small {
    font-size: .75rem;
}

.bb-indent {
    padding-left: 5%;
}

.bb-big {
    font-size: 1.2rem;
}