MediaWiki:Common.css

Z EuropeCraft Wiki
Przejdź do nawigacji Przejdź do wyszukiwania

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

  • Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
  • Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
  • Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
  • Opera: Naciśnij klawisze Ctrl+F5.
.btn {
    background-color: #ddd;
    border: 1px solid #000;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    width: 90%;
    margin-top: 2px;
}

.btn:hover {
    background-color: #aaa;
}

.box {
    border-style: solid;
    border-width: 2px;
    border-color: #222; 
    box-shadow: #000 0 2px 3px;
    flex-grow: 1;
}

/* nie centrujemy tekstu w listach punktowanych itp. w infoboksach */
.pi-horizontal-group td.pi-horizontal-group-item {
    text-align: left !important;
}

.pi-item.pi-data .pi-data-value {
    text-align: left !important;
}

/* full-site animated gif background — use the full URL from the file page */
html, body {
  background: url("https://europecraft.pl/w/images/0/0e/Snieg.gif") repeat fixed !important;
  background-size: cover !important;
  min-height: 100%;
}

/* make main page content readable */
#content, #bodyContent, .mw-body, .mw-parser-output, .mw-page-container {
  background: rgba(0,0,0,0.65) !important;
  color: #fff !important;
}

/* skins that put colored containers on top — force transparency */
.skin-vector .mw-page-container,
.skin-vector .vector-body,
.skin-vector .mw-body,
.skin-vector-2022 .mw-page-container,
.skin-minerva .mw-body {
  background: transparent !important;
  background-image: none !important;
}

/* remove any panels or headers that cover entire page */
#mw-head, #mw-panel, .mw-sidebar, .vector-header, .mw-navigation {
  background: transparent !important;
}

/* force content region to be above background overlay */
#content, #bodyContent {
  position: relative;
  z-index: 2;
}

/* add a subtle dim layer if needed (keeps gif vivid but readable) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0,0,0,0.12); /* tweak opacity */
}