MediaWiki:Common.css: Difference between revisions

m change ubuntu to ui-sans
Tag: Reverted
Schang1146 (talk | contribs)
Make Cargo table rows dark (no alternating colors) in dark mode
 
(9 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/*Set font to be more legible.*/
/*Set font to be more legible.*/
body{
body {
   font-family: "Gill Sans Nova", ui-sans-serif, Calibri, "DejaVu Sans", source-sans-pro, Helvetica, sans-serif;
   font-family:"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,Helvetica,sans-serif;
  font-size:1.2rem;
}
}
/*see more collapsible in incomplete template*/
/*see more collapsible in incomplete template*/
Line 19: Line 20:
.mw-logo-container::before {
.mw-logo-container::before {
font-weight: bold;
font-weight: bold;
content: "Consumer Action Taskforce";
content: "Consumer Rights Wiki";
}
}
.mw-logo-wordmark{
.mw-logo-wordmark{
Line 77: Line 78:
   }
   }
}
}
/** -------------------------------- **/
/** Extensions **/
/* Cargo */
/* Table - dark mode */
table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: var(--background-color-base, #fff);
}
table.cargoTable.noMerge tr:nth-child(2n) {
  background: var(--background-color-base, #fff);
}
/* Page Forms */
/* Input Type - tokens */
.select2-container--default .select2-selection--multiple {
  background-color: var(--background-color-base, #fff);
  border: 1px solid var(--border-color-base, #a2a9b1);
  transition-property: border-color;
  transition-duration: 250ms;
}
.select2-container--default .select2-selection--multiple:hover {
  border-color: var(--border-color-interactive, #72777d);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--border-color-progressive--focus, #36c);
  border-width: 2px;
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.select2-dropdown {
  background-color: var(--background-color-base, #fff);
  border: 1px solid var(--border-color-base, #a2a9b1);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--background-color-base, #fff);
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--background-color-notice-subtle, #eaecf0);
}
.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
  background-color: #2A4B8D;
}
/** -------------------------------- **/
/** -------------------------------- **/