MediaWiki:Common.css

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-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;
}
*/

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;
}

.mw-header-container{
    background-image: 
      linear-gradient(rgba(246,246,246,0), rgba(246,246,246,0)),
    background-size: cover;
    background-attachment: fixed;
}

@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;
  }
}