Difference between revisions of "MediaWiki:Common.css"

From OCTOPUSCINEMA
Jump to: navigation, search
m
m
Line 46: Line 46:
 
{
 
{
 
   opacity: 0.5;
 
   opacity: 0.5;
 +
}
 +
 +
#social-icons
 +
{
 +
  padding-left: 5px;
 
}
 
}

Revision as of 19:15, 16 August 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:36px;
  padding:4px;
}

.social-icon:hover
{
  opacity: 0.5;
}

#social-icons
{
  padding-left: 5px;
}