MediaWiki:Common.css

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