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

/* ==========================================================================
   Home page layout
   ========================================================================== */

.home-header{position:relative;margin-top:-1rem;margin-bottom:2rem;padding-top:1rem;line-height:1.4}
.home-header__search{padding:16px;margin-top:24px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:800px;border:1px solid var(--border-color-base,#333);border-radius:999px;cursor:pointer;font-size:0.875rem;font-weight:500;text-align:center}
.home-header__search:hover{background-color:var(--background-color-quiet--hover,rgba(255,255,255,0.05))}
.home-header__searchIcon img{margin-right:12px;opacity:0.6}
.keyboard-key{padding:0.25em 0.5em;display:inline-block;line-height:1;font-weight:500;font-size:0.875rem;border-radius:4px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-3,#222);color:inherit}

.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));grid-auto-rows:minmax(3rem,auto);gap:16px;margin-top:24px}
.home-card{position:relative;padding:16px;background:var(--color-surface-1,#161616);border:1px solid var(--border-color-base,#333);border-radius:8px;font-size:0.875rem}
.home-card--col2{grid-column:span 2}
.home-card--row3{grid-row:span 3}
.home-card__label{color:var(--color-base--subtle,#99a);font-size:0.8125rem;letter-spacing:0.75px;text-align:center}
.home-link{display:grid;margin-top:8px;gap:8px;text-align:center}
.home-link__button{display:flex}
.home-link__button a{flex-grow:1;padding:8px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-2,#1f1f1f);border-radius:6px;color:inherit!important;text-decoration:none!important}
.home-link__button a:hover{background:var(--color-surface-2--hover,#2a2a2a)}

.center {
    text-align: center;
}

/* ==========================================================================
   Editing / UI tweaks
   ========================================================================== */

#wpTextbox1 {
  width: 100%;
}

.tabs-input {
  display: none !important;
}

#pt-createaccount {
  display: none !important;
}

#pt-anonuserpage:after {
    content: "Click below to log in with CM-SS13 forums.";
    display: block;
    padding-top: 0.5em;
}

/* ==========================================================================
   Tooltips
   ========================================================================== */

.tooltipshown {
    position: relative;
}

.tooltiptext {
    position: absolute;
    display: block;
    z-index: 2;
    width: 250px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    white-space: normal;
    text-align: left;
    transition: all 0.2s;
    border: 1px solid #aaa;
    background-color: #333333;
}

.tooltipshown:hover > .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* ==========================================================================
   Citizen skin tweaks
   ========================================================================== */

.citizen-body img {
    image-rendering: pixelated;
}

.citizen-body a.image:hover:not(.lazy):not(.new) > img {
    transform: unset !important;
}

/* ==========================================================================
   Tidbits on main page
   ========================================================================== */

.home-card {
    min-width: 0;
}

.lore-tidbit-box {
    padding: 8px 4px 4px;
    color: var(--color-base, #ccc);
    font-style: italic;
    font-size: 0.95em;
    line-height: 1.5;
    text-align: left;
    overflow-wrap: break-word;
    max-height: 100%;
    overflow-y: auto;
}

.lore-tidbit-box.loading {
    opacity: 0.5;
    font-style: normal;
}

/* mw.loader.load('//kit.fontawesome.com/90136e7f9b.js') */