RPI Wiki

MediaWiki:Common.css: Difference between revisions

Oliveg2 (talk | contribs)
Bureaucrats, Interface administrators, Administrators
397 edits
 
No edit summary
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Source+Serif+4:wght@500;600;700&display=swap');
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


Line 265: Line 267:
border-spacing: 3px;
border-spacing: 3px;
margin: 0.5em 0;
margin: 0.5em 0;
}
/* dark mode color */
html.skin-theme-clientpref-night .infobox {
    color: white !important;
}
html.skin-theme-clientpref-night .infobox-header {
    background-color: #35393d !important;
}
}


Line 419: Line 430:
  * comment above.
  * comment above.
  */
  */
.color1 {
background-color: #addeff;
border-style: solid;
border-color: #2ba7ff;
}
html.skin-theme-clientpref-night .color1 {
background-color: rgba(173, 222, 255, 0.1);
border-color: #8bccff;
}
.color2 {
background-color: #fccffc;
    border-style: solid;
    border-color:#ec70ff;
}
html.skin-theme-clientpref-night .color2 {
    background-color: rgba(252, 207, 252, 0.1);
}
.color3 {
background-color: #ffca75;
    border-style: solid;
    border-color: #de8900;
}
html.skin-theme-clientpref-night .color3 {
    background-color: rgba(255, 202, 117, 0.1);
}
.color4 {
    background-color: #abffab;
    border-style: solid;
    border-color: #30ff30;
}
html.skin-theme-clientpref-night .color4 {
    background-color: rgba(171, 255, 171, 0.1);
}
.featured-articles-container {
width: inherit;
display: flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
gap:4px;
}
@media screen and (max-width: 480px) {
  .featured-articles-container {
    flex-direction:column;
  }
}
/* --- RPI theme (Vector 2022 desktop) --- */
:root {
--rpi-red: #d6001c;
--rpi-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--rpi-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
--rpi-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}
.skin-vector-2022,
.skin-vector-2022 .mw-body,
.skin-vector-2022 .mw-body-content,
.skin-vector-2022 .vector-menu,
.skin-vector-2022 .vector-header-container,
.skin-vector-2022 .mw-footer {
font-family: var(--rpi-font);
}
.skin-vector-2022 .mw-body h1,
.skin-vector-2022 .mw-body h2,
.skin-vector-2022 .mw-body h3,
.skin-vector-2022 .mw-body h4,
.skin-vector-2022 .mw-body h5,
.skin-vector-2022 .mw-body h6,
.skin-vector-2022 .mw-first-heading {
font-family: var(--rpi-serif);
}
.skin-vector-2022 code,
.skin-vector-2022 pre,
.skin-vector-2022 kbd,
.skin-vector-2022 samp,
.skin-vector-2022 tt,
.skin-vector-2022 .mw-code,
.skin-vector-2022 .infobox td {
font-family: var(--rpi-font);
}
.skin-vector-2022 .mw-logo-wordmark {
color: var(--rpi-red);
}
/* Page title: thick red rule */
.skin-vector-2022 .mw-body .mw-first-heading {
border-bottom: 3px solid var(--rpi-red);
padding-bottom: 0.25em;
}
.skin-vector-2022 .vector-page-titlebar::after {
display: none;
}
/* Section headings: full-width grey rule with a red segment the width of the text */
.skin-vector-2022 .mw-heading.mw-heading2 {
position: relative;
align-items: flex-end;
border-bottom: 1px solid #c8ccd1;
padding-bottom: 0.25em;
}
.skin-vector-2022 .mw-heading.mw-heading2 h2 {
position: relative;
}
.skin-vector-2022 .mw-heading.mw-heading2 h2::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -0.29em;
height: 2px;
background-color: var(--rpi-red);
}
.skin-vector-2022 .infobox {
border-top: 3px solid var(--rpi-red);
}
.skin-vector-2022 .infobox-title {
color: var(--rpi-red);
}
.tablenoborder1 td {
border-bottom: none !important;
border-top: none !important;
}
.tablenoborder2 td {
border-top: none !important;
}
.tablenoborder3 td {
border-bottom: none !important;
}
Retrieved from "https://rpiwiki.org/index.php/MediaWiki:Common.css"