MediaWiki:Nmbox.css

From Tiny Rogues Wiki
Revision as of 21:32, 28 December 2022 by Ken (talk | contribs) (Created page with "→‎New nmbox: .nmbox-new { display: grid; grid-template-columns: min-content auto; border: 1px solid var(--border-color); border-radius: 4px; margin: 1em 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .nmbox-new .nmbox-new-header { display: flex; place-content: center; place-items: center; background-color: var(--theme-tone-5); padding: 8px; border-right: 1px...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
/* New nmbox */
.nmbox-new {
    display: grid;
    grid-template-columns: min-content auto;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin: 1em 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.nmbox-new .nmbox-new-header {
    display: flex;
    place-content: center;
    place-items: center;
    background-color: var(--theme-tone-5);
    padding: 8px;
    border-right: 1px solid var(--border-color);
    border-radius: 4px 0 0 4px;
}

.nmbox-new .nmbox-new-header a {
    text-decoration: none !important;
}

.nmbox-new .nmbox-new-header a b {
    color: var(--text-color);
    font-weight: 500;
}

.nmbox-new .nmbox-new-content {
    display: flex;
    place-items: center;
}

.nmbox-new ul {
    display: flex;
    place-items: center;
    list-style-type: none;
    margin: 0;
    flex-wrap: wrap;
    background-color: var(--theme-tone-6);
}

.nmbox-new ul li {
    display: block;
}

.nmbox-new ul a {
    color: var(--text-color) !important;
    text-decoration: none !important;
    display: flex;
    place-content: center;
    place-items: center;
    padding: 8px;
    transition: background-color 0.2s;
    font-size: 14px;
    direction: ltr;
    height: 24px;
}

.nmbox-new ul .mw-selflink,
.nmbox-new ul b {
    font-weight: 500;
    color: var(--text-color);
}

.nmbox-new ul a:not(.mw-selflink, .selflink):hover {
    background-color: var(--theme-tone-5);
}