Template:Intro to single/styles.css

/* */ .introtosingle__main { position: relative; box-sizing: border-box; max-width: 100%; overflow: hidden; border: 1px solid var(--border-color-base, #a2a9b1); margin: auto; padding-bottom: 20px; } .introtosingle__main p { margin-bottom: 2.0em; /* between paragraphs */ } .introtosingle__main-withbackground { background-image:url("https://upload.wikimedia.org/wikipedia/commons/d/d9/Wikipedia-logo-v2-o10.svg"); background-position: center -500px; background-repeat: no-repeat; background-size: auto 150%; } .introtosingle__main-title { font-size: 250%; line-height: 150%; background: #777; color: #FFF; text-align: center; font-weight: bold; } .introtosingle__lead { background-color: #EEE; /* Fallback */ background-color:rgba(221, 221, 221, 0.5); padding: 30px 60px; margin-bottom: 15px; } .introtosingle__base { box-sizing: border-box; max-width: 1100px; min-height: 55px; margin:auto; padding:5px 20px; font-size: 1.1em; background: var(--background-color-interactive, #eaecf0); border: 1px solid var(--border-color-subtle, #c8ccd1); border-top: 0; } .introtosingle__columns { display: flex; flex-direction: row; flex-wrap: wrap-reverse; justify-content: center; } .introtosingle__columns-left, .introtosingle__columns-left-noborder, .introtosingle__columns-right { display:inline-block; flex:1 1 0; align-self:flex-end; vertical-align:top; min-width:200px; max-width:300px; padding:10px; } .introtosingle__columns-left { text-align:right; justify-content:right; border-right:solid 1px #ddd; } .introtosingle__columns-left-noborder { text-align:right; justify-content:right; } .introtosingle__columns-right { text-align:left; justify-content: left; } @media screen and (min-width: 1101px) { .introtosingle__main { max-width: 1100px; } }

/* Dark mode */ html.skin-theme-clientpref-night .introtosingle__lead { background-color: rgba(20,20,20,0.5); }

html.skin-theme-clientpref-night .introtosingle__main-title { background-color: #24282c; }

@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .introtosingle__main-title { background-color: #24282c; }	html.skin-theme-clientpref-os .introtosingle__lead { background-color: rgba(20,20,20,0.5); } }