MediaWiki:Common.css: Difference between revisions
move bg color infobox image to only dark mode Tags: Mobile edit Mobile web edit |
Schang1146 (talk | contribs) Better fallback options and spacing |
||
| (17 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.*/ | |||
body { | |||
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*/ | |||
@media (hover: hover) { | |||
#learn-more-toggle:hover { | |||
text-decoration: underline; | |||
} | |||
} | |||
/*css hackjob to fix chrome putting subsections vertically next to infobox on mobile size*/ | |||
.mw-parser-output :is(h1,h2,h3,h4,h5,h6) { | |||
min-width: 1em; | |||
} | |||
/** CSS trick to fix page name**/ | |||
.mw-logo-container::before { | |||
font-weight: bold; | |||
content: "Consumer Rights Wiki"; | |||
} | |||
.mw-logo-wordmark{ | |||
display: none; | |||
} | |||
/** Hide extra footer notices **/ | |||
li#footer-info-license-notice, | |||
li#footer-info-privacy-notice{ | |||
display: none; | |||
} | |||
/** Category Page **/ | /** Category Page **/ | ||
| Line 47: | Line 78: | ||
} | } | ||
} | } | ||
/** -------------------------------- **/ | |||
/** Extensions **/ | |||
/* 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; | |||
} | |||
/** -------------------------------- **/ | /** -------------------------------- **/ | ||
| Line 141: | Line 215: | ||
.infobox { | .infobox { | ||
width: 95%; | width: 95%; | ||
padding-left:2.5%; | |||
padding-right:2.5% | |||
} | } | ||
} | } | ||
| Line 242: | Line 318: | ||
margin-top: 8px; | margin-top: 8px; | ||
} | } | ||
} | |||
/* Main page, new page summary */ | |||
.mainpage-contents .mw-contributions-list li{ | |||
padding-bottom: 0.5rem; | |||
margin: 0; | |||
} | |||
.mainpage-contents a.mw-newpages-time, | |||
.mainpage-contents span.mw-newpages-length, | |||
.mainpage-contents span.comment, | |||
.mainpage-contents span.mw-usertoollinks, | |||
.mainpage-contents span.mw-tag-markers { display: none;} | |||
/** -------------------------------- **/ | |||
/* Utility classes */ | |||
/* Make an image span the full width of the page (should only be used for very narrow horizontal images) */ | |||
.cat-image-fullwidth img { | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||