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
Changed target to :root.skin-theme-clientpref-os
Adjusted wikitable padding
 
(4 intermediate revisions by the same user not shown)
Line 369: Line 369:
   background-color: var(--background-color-1);
   background-color: var(--background-color-1);
   color: var(--color-base);
   color: var(--color-base);
}
.mw-highlight {
    border-radius: 10px;
}
}


Line 434: Line 438:
/* User & search actions */
/* User & search actions */
#ca-uls {
#ca-uls {
   background: var(--background-color-3);
   background: var(--background-color-2);
   border-radius: 20px;
   border-radius: 20px;
      
      
Line 442: Line 446:


   &:hover {
   &:hover {
     background: var(--background-color-4);
     background: var(--background-color-2);
   }
   }


Line 455: Line 459:
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
   box-shadow: none;
   box-shadow: none;
   background: var(--background-color-3);
   background: var(--background-color-2);
   border-radius: 20px;
   border-radius: 20px;
}
}
Line 530: Line 534:
   .selected a {
   .selected a {
     background-color: var(--theme-accent-color) !important;
     background-color: var(--theme-accent-color) !important;
     color: var(--color-base) !important;
     color: var(--color-accent-text) !important;
     border: 0;
     border: 0;
   }
   }
Line 547: Line 551:
     }
     }
   }
   }
}
.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-night #p-views .selected a,
.skin-theme-clientpref-os #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-os #p-views .selected a {
  color: var(--background-color-base) !important;
}
}


Line 642: Line 639:


   a {
   a {
     background-color: var(--background-color-3);
     background-color: var(--background-color-2);
     color: var(--color-base);
     color: var(--color-base);
     padding: 2px 8px;
     padding: 2px 8px;
Line 649: Line 646:
     &:hover {
     &:hover {
       text-decoration: none;
       text-decoration: none;
       background-color: var(--background-color-5);
       background-color: var(--background-color-3);
     }
     }
   }
   }
}
}


/* File history */
/* Wikitable */
@media screen and (max-width: 1370px) {
/* Fix Vector-2022 issue that prevents tables from overflowing
   table.filehistory {
  while also retaining border-radius styling */
    max-width: 100%;
body:not(.ns-special) .wikitable {
     display: block;
   display: inline-block;
     overflow-x: auto;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: transparent;
 
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px;
  clip-path: inset(0 round 10px);
      
  th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  }
  td {
     padding: 0.25em 0.75em;  
   }
   }
}
}