MediaWiki:Common.css

From Ara: History Untold Wiki
Revision as of 18:22, 21 October 2024 by Z0eff (talk | contribs)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

body {
    background-image: 
      linear-gradient(rgba(246,246,246,0.7), rgba(246,246,246,0.7)),
      url("resources/assets/GrazingField.png");
    background-size: cover;
    background-attachment: fixed;
}

.vector-toc-pinned-container {
    background-color: red;
}

@media screen and (max-width: 1920px) {
  .mw-page-container { 
      background: 
        linear-gradient(to right, 
          rgba(246,246,246,0) 0%,
          rgba(246,246,246,0.7) 20%,
          rgba(246,246,246,1) 25%,
          rgba(246,246,246,1) 50%,
          rgba(246,246,246,1) 75%,
          rgba(246,246,246,0.7) 80%,
          rgba(246,246,246,0) 100%);
      background-size: cover;
      background-attachment: fixed;
  }
}

@media screen and (max-width: 2560px) {
  .mw-page-container { 
      background: 
        linear-gradient(to right, 
          rgba(246,246,246,0) 0%,
          rgba(246,246,246,0) 482px,
          rgba(246,246,246,0.7) 30%,
          rgba(246,246,246,1) 42%,
          rgba(246,246,246,1) 50%,
          rgba(246,246,246,1) 58%,
          rgba(246,246,246,0.7) 70%,
          rgba(246,246,246,0) 2078px,
          rgba(246,246,246,0) 100%);
      background-size: cover;
      background-attachment: fixed;
  }
}


/* 
    background-image: 
      linear-gradient(rgba(246,246,246,0), rgba(246,246,246,0)),

body { background-color: #e6e6e6; }
#content { background-color: #f2f2f2; }
#footer { background-color: #f2f2f2; }

#bodyContent { background-color: #f2f2f2; }
#firstHeading { background-color: #f2f2f2; }
#catlinks { background-color: #f2f2f2; }
#mw-head-base { background-color: #f2f2f2; }
#mw-panel { background-color: #f2f2f2; }

.mw-collapsible .mw-collapsible-toggle {
    float: left;
}

.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
    display: none;
}
*/