MediaWiki: Common.css

From OCTOPUSCINEMA
Revision as of 10:34, 17 August 2022 by Ocwikiadmin (talk | contribs)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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.25rem;
}

#copyright-text
{
  padding-top: 1.0rem;
  margin-top: 0.35rem;
  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: 1.5rem;
}