MediaWiki:Common.css: Difference between revisions

From Wikiland
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 42: Line 42:
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   background-image: url("https://snafuland.xyz/wiki-ex/images/5/5d/Nope.png");
   background-image: url("https://snafuland.xyz/wiki-ex/images/2/2f/Wall-of-text.png");
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-size: cover; /* или конкретные размеры, если нужно */
   background-size: cover; /* или конкретные размеры, если нужно */
   opacity: 0.5; /* ← вот тут задаёте прозрачность только фону */
   opacity: 0.9; /* ← вот тут задаёте прозрачность только фону */
   z-index: -1; /* чтобы фон был позади содержимого */
   z-index: -1; /* чтобы фон был позади содержимого */
}
}

Latest revision as of 20:25, 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/2/2f/Wall-of-text.png");
  background-repeat: no-repeat;
  background-size: cover; /* или конкретные размеры, если нужно */
  opacity: 0.9; /* ← вот тут задаёте прозрачность только фону */
  z-index: -1; /* чтобы фон был позади содержимого */
}