MediaWiki:Common.css: Difference between revisions
mNo edit summary Tag: Reverted |
m bump up text size a bit more |
||
| (16 intermediate revisions by 2 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 Action Taskforce"; | |||
} | |||
.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 9: | Line 40: | ||
.cat-but-grid a{ | .cat-but-grid a{ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 36: | Line 66: | ||
.cat-but:hover{ | .cat-but:hover{ | ||
border-color: var( --color-base--hover, #404244 ) !important; | border-color: var( --color-base--hover, #404244 ) !important; | ||
transform: scale(1.03); | |||
} | } | ||
| Line 89: | Line 120: | ||
} | } | ||
.infobox-image{ | .infobox-image{ | ||
display: flex; | display: flex; | ||
| Line 95: | Line 125: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
background-color:#909590; | } | ||
/*bg color to get visible transparent images in darkmode*/ | |||
@media screen { | |||
html.skin-theme-clientpref-night .infobox-image{ | |||
background-color:#909590; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
/* automatic mode */ | |||
html.skin-theme-clientpref-os .infobox-image{ | |||
background-color:#909590; | |||
} | |||
} | } | ||
| Line 128: | Line 172: | ||
.infobox { | .infobox { | ||
width: 95%; | width: 95%; | ||
padding-left:2.5%; | |||
padding-right:2.5% | |||
} | } | ||
} | } | ||
| Line 195: | Line 241: | ||
} | } | ||
.create-page .grid .incident { grid-area: 1 / 1 / 3 / 3; } | .create-page .grid .incident { grid-area: 1 / 1 / 3 / 3; cursor: pointer;} | ||
.create-page .grid .company { grid-area: 1 / 3 / 2 / 4; } | .create-page .grid .company { grid-area: 1 / 3 / 2 / 4; cursor: pointer;} | ||
.create-page .grid .product-line { grid-area: 2 / 3 / 3 / 4; } | .create-page .grid .product-line { grid-area: 2 / 3 / 3 / 4;cursor: pointer; } | ||
.create-page .grid .theme { grid-area: 3 / 1 / 4 / 3; } | .create-page .grid .theme { grid-area: 3 / 1 / 4 / 3; cursor: pointer;} | ||
.create-page .grid .product { grid-area: 3 / 3 / 4 / 4; } | .create-page .grid .product { grid-area: 3 / 3 / 4 / 4;cursor: pointer; } | ||
.create-page .hidden { | .create-page .hidden { | ||
| Line 229: | Line 275: | ||
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; | |||
} | } | ||