Difference between revisions of "MediaWiki:Common.css"

From OCTOPUSCINEMA
Jump to: navigation, search
m
 
(15 intermediate revisions by the same user not shown)
Line 47: Line 47:
 
   width: 100%;
 
   width: 100%;
 
   margin: 0.7rem;
 
   margin: 0.7rem;
  margin-bottom: 0rem;
 
 
   display: inline-flex;
 
   display: inline-flex;
 
   flex-direction: column;
 
   flex-direction: column;
Line 55: Line 54:
 
#social-icons
 
#social-icons
 
{
 
{
 +
  padding-top: 0.35rem;
 
}
 
}
  
 
#copyright-text
 
#copyright-text
 
{
 
{
 +
  padding-top: 1.0rem;
 +
  margin-top: 0.3rem;
 +
  border-top: 1px solid #6c757d;
 
}
 
}
  
Line 66: Line 69:
 
   font-weight: 400;
 
   font-weight: 400;
 
   display: inline-block;
 
   display: inline-block;
   font-size: 1.25rem;
+
   font-size: 1.4rem;
 
   padding-bottom: 0.3125rem;
 
   padding-bottom: 0.3125rem;
 
   padding-top: 0.3125rem;
 
   padding-top: 0.3125rem;
Line 72: Line 75:
 
}
 
}
  
body #footer a:hover {
+
body #footer a:hover
 +
{
 
   color: #6c757d;
 
   color: #6c757d;
 
   cursor: pointer;
 
   cursor: pointer;
 
}
 
}
  
body #footer {
+
body #footer
   padding-bottom: 1rem;
+
{
 +
   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;
}