MediaWiki:Common.css: Różnice pomiędzy wersjami

Aktualna wersja na dzień 20:35, 17 lip 2024

/* 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)
  );
}

/* skalowanie obrazków do maksymalnie 100% szerokości kontenera treści */
#mw-content-text img {
    max-width: 100%;
    height: auto;
    display: block; /* sprawia, że element img zachowuje się jak element blokowy */
    margin: 0 auto; /* oblicza równe marginesy od lewej i prawej centrując obrazek */
}

/* 2 kolumny w stopce Citizen */
#footer-places {
    column-count: 2;
}

/* nadpisanie wartości koloru dla listy podstron */
#mw-content-text .subpageNavigation {
	background-color: var(--color-surface-0);
	--background-color-backdrop-dark: var(--color-surface-0);
}

/* przypisuję zmienną koloru do nagłówków w szablonie */
.mw-structurednav-header {
	background: var(--color-progressive);
}


#footer-sitetitle img.mw-logo-wordmark {
	height: 5rem;
	margin: 0.25rem 0;
}

/* odstęp przy zwiń/rozwiń wszystkie */
.mw-editsection a {
    margin-left: 10px;
}