Template:LocationResurrection/styles.css: Difference between revisions
DansFriend (talk | contribs) No edit summary |
DansFriend (talk | contribs) 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); }