Template:LocationResurrection/styles.css: Difference between revisions

From Gallowpedia, the MediEvil Wiki. You'll be dying to read!
No edit summary
No edit summary
Line 1: Line 1:
.resgallowmere-bg, .resgallowmere-bg-topfade, .resgallowmere-bg-bigtopfade {
.resgallowmere-bg, .resgallowmere-bg-topfade, .resgallowmere-bg-bigtopfade, .resgallowmere-bg-bottomfade {
   position: relative;
   position: relative;
   z-index: 1;
   z-index: 1;
Line 5: Line 5:
}
}


.resgallowmere-bg::before, .resgallowmere-bg-topfade::before, .resgallowmere-bg-bigtopfade::before {
.resgallowmere-bg::before, .resgallowmere-bg-topfade::before, .resgallowmere-bg-bigtopfade::before, .resgallowmere-bg-bottomfade::before {
   content: "";
   content: "";
   position: absolute;
   position: absolute;
Line 25: Line 25:
.resgallowmere-bg-topfade::before {
.resgallowmere-bg-topfade::before {
     background-image: linear-gradient(#121212 15%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
     background-image: linear-gradient(#121212 15%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
}
.resgallowmere-bg-bottomfade::before {
    background-image: linear-gradient(to top, #121212 15%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
}
}



Revision as of 02:55, 20 August 2023

.resgallowmere-bg, .resgallowmere-bg-topfade, .resgallowmere-bg-bigtopfade, .resgallowmere-bg-bottomfade {
  position: relative;
  z-index: 1;
  background-position: inherit;
}

.resgallowmere-bg::before, .resgallowmere-bg-topfade::before, .resgallowmere-bg-bigtopfade::before, .resgallowmere-bg-bottomfade::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: .3; 
  z-index: -1;
  background-image: url("https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png");
  background-repeat: no-repeat;
  background-position: inherit;
}

.resgallowmere-bg::before {
  background-image: url("https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png");
}

.resgallowmere-bg-topfade::before {
    background-image: linear-gradient(#121212 15%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
}

.resgallowmere-bg-bottomfade::before {
    background-image: linear-gradient(to top, #121212 15%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
}

.resgallowmere-bg-bigtopfade::before {
    background-image: linear-gradient(#121212 30%, transparent), url(https://medievil.wiki/images/f/f6/MediEvilResurrection-MapOfGallowmere.png);
}