Difference between revisions of "MediaWiki:Common.css"
From OCTOPUSCINEMA
Ocwikiadmin (talk | contribs) |
Ocwikiadmin (talk | contribs) |
||
(89 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | + | div#content a.external[href ^="https://"] { | |
+ | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC); | ||
+ | } | ||
+ | |||
+ | @media (prefers-color-scheme: dark) | ||
+ | { | ||
+ | body | ||
+ | { | ||
+ | background-color: #212121; | ||
+ | color: #e3e3e3; | ||
+ | } | ||
+ | body #tweekiTOC #toc a.active, body #tweekiTOC #toc a:focus, body #tweekiTOC #toc a:hover | ||
+ | { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | div.thumbinner | ||
+ | { | ||
+ | border: 1px solid #505050; | ||
+ | background-color: #101010; | ||
+ | } | ||
+ | html .thumbimage | ||
+ | { | ||
+ | border: 1px solid #505050; | ||
+ | } | ||
+ | body #footer | ||
+ | { | ||
+ | background-color: #111!important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | max-width:100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .social-icon | ||
+ | { | ||
+ | width: auto; | ||
+ | height:38px; | ||
+ | padding:3px; | ||
+ | } | ||
+ | |||
+ | #custom-footer | ||
+ | { | ||
+ | width: 100%; | ||
+ | margin: 0.7rem; | ||
+ | display: inline-flex; | ||
+ | flex-direction: column; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | #social-icons | ||
+ | { | ||
+ | padding-top: 0.35rem; | ||
+ | } | ||
+ | |||
+ | #copyright-text | ||
+ | { | ||
+ | padding-top: 1.0rem; | ||
+ | margin-top: 0.3rem; | ||
+ | border-top: 1px solid #6c757d; | ||
+ | } | ||
+ | |||
+ | .home-link | ||
+ | { | ||
+ | font-family: "Poppins",sans-serif; | ||
+ | font-weight: 400; | ||
+ | display: inline-block; | ||
+ | font-size: 1.4rem; | ||
+ | padding-bottom: 0.3125rem; | ||
+ | padding-top: 0.3125rem; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | body #footer a:hover | ||
+ | { | ||
+ | color: #6c757d; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | body #footer | ||
+ | { | ||
+ | padding-bottom: 2rem; | ||
+ | } | ||
+ | |||
+ | #content a.external | ||
+ | { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | div#content a.external[href^="https://"] | ||
+ | { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
+ | } |
Latest revision as of 15:25, 18 October 2022
/* CSS placed here will be applied to all skins */ div#content a.external[href ^="https://"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC); } @media (prefers-color-scheme: dark) { body { background-color: #212121; color: #e3e3e3; } body #tweekiTOC #toc a.active, body #tweekiTOC #toc a:focus, body #tweekiTOC #toc a:hover { color: #FFF; } div.thumbinner { border: 1px solid #505050; background-color: #101010; } html .thumbimage { border: 1px solid #505050; } body #footer { background-color: #111!important; } } img { max-width:100%; height:auto; } .social-icon { width: auto; height:38px; padding:3px; } #custom-footer { width: 100%; margin: 0.7rem; display: inline-flex; flex-direction: column; align-items: center; } #social-icons { padding-top: 0.35rem; } #copyright-text { padding-top: 1.0rem; margin-top: 0.3rem; border-top: 1px solid #6c757d; } .home-link { font-family: "Poppins",sans-serif; font-weight: 400; display: inline-block; font-size: 1.4rem; padding-bottom: 0.3125rem; padding-top: 0.3125rem; white-space: nowrap; } body #footer a:hover { color: #6c757d; cursor: pointer; } body #footer { padding-bottom: 2rem; } #content a.external { background: none; padding-right: 0; } div#content a.external[href^="https://"] { background: none; padding-right: 0; }