Przełącz menu
Przełącz menu użytkownika
Nie jesteś zalogowany
Twój adres IP będzie publicznie widoczny, jeśli dokonasz jakichkolwiek zmian.

MediaWiki:Common.css

Strona MediaWiki

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.
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

/* ukrycie tytułu na stronie głównej
.vector-feature-zebra-design-enabled .mw-body .firstHeading { display: none; }
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
*/

/* wyśrodkowanie podpisów pod obrazkami */
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
	text-align: center;
}

/* fix on a signup page for NewSignupPage */
div.cdx-checkbox label.cdx-checkbox__label {
	display: inline-block;
}

/* Hide tagline beside logo on all devices and skins */
/*
@media screen {
	.mw-logo-container .mw-logo-wordmark,
/* .mw-logo-container span, .mw-logo-wordmark, */
/*	.minerva-header .branding-box a span {
		display: none;
	}
}
*/

/* wyjustowanie tekstu 
#article, #bodyContent, #mw_content, .vector-body p {
	text-align: justify;
} */

/* CSS Typing Text */
.typing{
  margin: 10px 0 0 10px;
    width: 1000px;
   white-space:nowrap;
   overflow:hidden;
  animation: type 18s steps(100, end);
}
@keyframes type{ 
  from { width: 0; } 
}

/* attempt to hide central TOC */
body.skin-vector div#toc.toc {
    display: none;
}

@media only screen and (min-width: 720px) {
	.mw-search-profile-tabs {
		width: auto;
	}
}

/* wymuszenie linków stopki w trybie mobilnym */
.minerva-footer ul.footer-info li,.minerva-footer ul.footer-places li {
    display: inline-block;
}

/* stylizacje odtwarzacza audio */
.audio-player-wrapper {
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        text-align: center;
align-items: center;
;
}

.audio-player-info h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
}

.audio-player {
    width: 100%;
    height: auto;
    display: block; /* Ensure audio controls are visible */
    margin-top: 10px;
}
/*
input[type="text"].words {
    border: none; /* Clears existing border settings */
/*    border-bottom: 1px solid black; /* Sets a 1px solid black bottom border */
/*    outline: none; /* Optional: Removes the focus outline to ensure the styling is consistent */
/*    margin: 0 2px; /* Adds 10px padding to the left and right. Adjust the value as needed */
    /* Inherits the font size from the parent element */
    /* Add other properties here to reset any other desired default styles */
/* } */

input[type="text"].words {
    border: 2px solid #CCCCCC; /* Sets a light gray border for a subtle appearance */
    border-radius: 5px; /* Adds a slight rounding to the corners for a softer, friendlier look */
    background-color: #F9F9F9; /* Sets a very light background to distinguish the input field without overpowering */
    padding: 8px 12px; /* Adjusts padding for comfortable text entry */
    font-size: inherit; /* Ensures font size is inherited, maintaining consistency with the surrounding text */
    color: #333333; /* Sets a dark gray text color for readability */
    transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition for focus and hover states */
}

input[type="text"].words:focus {
    border-color: #007BFF; /* Changes the border color to a more noticeable one when focused */
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25); /* Adds a subtle glow effect to highlight the active field */
    outline: none; /* Removes the default focus outline to use the custom styles */
}

input[type=submit] {
    border: 1px solid black;
    padding: 4px;
    border-radius: 4px;
    color: #333333;
}

.zaznacz-czerwony {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(255, 182, 178, 0.3), /* Bardzo jasny pastelowy czerwony */
    rgba(255, 182, 178, 0.6) 95%,
    rgba(255, 182, 178, 0.1)
  );
}
.zaznacz-zolty {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(255, 250, 205, 0.3), /* Bardzo jasny pastelowy żółty */
    rgba(255, 250, 205, 0.6) 95%,
    rgba(255, 250, 205, 0.1)
  );
}
.zaznacz-zielony {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(202, 255, 191, 0.3), /* Bardzo jasny pastelowy zielony */
    rgba(202, 255, 191, 0.6) 95%,
    rgba(202, 255, 191, 0.1)
  );
}
.zaznacz-niebieski {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(202, 225, 255, 0.3), /* Bardzo jasny pastelowy niebieski */
    rgba(202, 225, 255, 0.6) 95%,
    rgba(202, 225, 255, 0.1)
  );
}