MediaWiki:Nmbox.css
From Tiny Rogues Wiki
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);
}