Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector-2022.css: Difference between revisions

MediaWiki interface page
Additional fix for noarticletext preload table
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 11: Line 11:
     .skin-invert,
     .skin-invert,
     .notheme {
     .notheme {
         /* Colors */
         /* Colors */s
         --color-base: #5a4a3c;
         --color-base: #5a4a3c;
         --color-base-fixed: #5a4a3c;
         --color-base-fixed: #5a4a3c;
Line 479: Line 479:
  | SIDEBAR |
  | SIDEBAR |
  *=========*/
  *=========*/
/* Hide print and permalink links */
#t-print,
#t-permalink {
    display: none;
}
/* Format Wiki Discord link */
/* Adapted from Runescape Wiki */
#n-Wiki-Discord a {
    color: white;
    font-size: 12px;
    width: fit-content;
    border-radius: 6px;
    background: linear-gradient(to right, oklch(0.55 0.21 274) 0%, oklch(0.55 0.21 274) 27%, oklch(0.62 0.21 274) 27%, oklch(0.62 0.21 274) 100%);
    display: block;
    position: relative;
    padding: 4px 7px 5px calc(17px + 10px * 2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    transition: 0.2s ease;
}
#n-Wiki-Discord a::before {
    content: '';
    margin-left: 1px;
}
#n-Wiki-Discord a::after {
    content: '';
    background: url(https://runescape.wiki/images/Discord_logo_icon.svg?62c64) no-repeat;
    background-size: 17px 13px;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
    position: absolute;
    top: 5px;
    left: 7px;
    width: 17px;
    height: 13px;
}
#n-Wiki-Discord a:hover {
    text-decoration: none;
    background: linear-gradient(to right, oklch(0.51 0.21 274) 0%, oklch(0.51 0.21 274) 27%, oklch(0.58 0.21 274) 27%, oklch(0.58 0.21 274) 100%);
}
/* Hide the Vector-2022 "switch back" link in sidebar */
/* Hide the Vector-2022 "switch back" link in sidebar */
.vector-main-menu-action-opt-out {
.vector-main-menu-action-opt-out {
Line 604: Line 647:
/* Ensure tables overflow while also retaining border-radius styling */
/* Ensure tables overflow while also retaining border-radius styling */
body:not(.ns-special) .wikitable {
body:not(.ns-special) .wikitable {
     display: inline-block;
     display: block;
     max-width: 100%;
     max-width: max-content;
     overflow-x: auto;
     overflow-x: auto;
     overflow-y: hidden;
     overflow-y: hidden;
     background: transparent;
     background: transparent;
     border: none !important;
     border: none !important;
     border-collapse: separate !important;
     border-collapse: collapse;
     border-spacing: 0 !important;
     border-spacing: 0 !important;
     border-radius: 10px;
     border-radius: 10px;
    clip-path: inset(0 round 10px);
          
          
     th {
     th {
Line 628: Line 670:
.noarticletext.mw-content-ltr .wikitable,
.noarticletext.mw-content-ltr .wikitable,
.mw-newarticletext.plainlinks .wikitable {
.mw-newarticletext.plainlinks .wikitable {
    display: revert;
    max-width: fit-content;
   
     .mw-collapsible-toggle::before {
     .mw-collapsible-toggle::before {
         margin-left: 0.5em;
         margin-left: 0.5em;