MediaWiki:Common.css: Difference between revisions

From Wikiland
Jump to navigation Jump to search
No edit summary
No edit summary
Line 12: Line 12:


.banner::before {
.banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://snafuland.xyz/wiki-ex/images/5/5d/Nope.png");
  background-repeat: no-repeat;
  background-size: cover; /* или конкретные размеры, если нужно */
  opacity: 0.5; /* ← вот тут задаёте прозрачность только фону */
  z-index: -1; /* чтобы фон был позади содержимого */
}
.banner-wot {
  position: relative;
  width: 600px;
  height: 82px;
  border: solid;
  border-color: #000;
  background-color: #00000005; /* полупрозрачный чёрный фон как подложка */
  overflow: hidden; /* чтобы псевдоэлемент не вылезал */
}
.banner-wot::before {
   content: "";
   content: "";
   position: absolute;
   position: absolute;

Revision as of 20:20, 6 November 2025

/* CSS placed here will be applied to all skins */

.banner {
  position: relative;
  width: 600px;
  height: 82px;
  border: solid;
  border-color: #000;
  background-color: #00000005; /* полупрозрачный чёрный фон как подложка */
  overflow: hidden; /* чтобы псевдоэлемент не вылезал */
}

.banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://snafuland.xyz/wiki-ex/images/5/5d/Nope.png");
  background-repeat: no-repeat;
  background-size: cover; /* или конкретные размеры, если нужно */
  opacity: 0.5; /* ← вот тут задаёте прозрачность только фону */
  z-index: -1; /* чтобы фон был позади содержимого */
}

.banner-wot {
  position: relative;
  width: 600px;
  height: 82px;
  border: solid;
  border-color: #000;
  background-color: #00000005; /* полупрозрачный чёрный фон как подложка */
  overflow: hidden; /* чтобы псевдоэлемент не вылезал */
}

.banner-wot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://snafuland.xyz/wiki-ex/images/5/5d/Nope.png");
  background-repeat: no-repeat;
  background-size: cover; /* или конкретные размеры, если нужно */
  opacity: 0.5; /* ← вот тут задаёте прозрачность только фону */
  z-index: -1; /* чтобы фон был позади содержимого */
}