Difference between revisions of "MediaWiki:Common.css"
From OCTOPUSCINEMA
m |
|||
| (88 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
} | } | ||
| − | #content { background- | + | @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; | ||
| + | } | ||
| + | |||
| + | div#content a.external[href^="mailto:"] { | ||
| + | background: none !important; | ||
| + | padding-right: unset !important; | ||
| + | } | ||
| + | |||
| + | #filehistory { display: none; } /* Hides the "File history" header */ | ||
| + | #mw-imagepage-section-filehistory { display: none; } /* Hides the "file history" table */ | ||
| + | |||
| + | #filetoc { display: none; } /* Hides the file table of contents */ | ||
| + | #metadata { display: none; } /* Hides the "Metadata" header */ | ||
| + | .mw-imagepage-section-metadata { display: none; } /* Hides the "metadata" table */ | ||
Latest revision as of 01:06, 5 February 2025
/* 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;
}
div#content a.external[href^="mailto:"] {
background: none !important;
padding-right: unset !important;
}
#filehistory { display: none; } /* Hides the "File history" header */
#mw-imagepage-section-filehistory { display: none; } /* Hides the "file history" table */
#filetoc { display: none; } /* Hides the file table of contents */
#metadata { display: none; } /* Hides the "Metadata" header */
.mw-imagepage-section-metadata { display: none; } /* Hides the "metadata" table */