MediaWiki:Common.css

2024-07-18T22:21:58Z

Swiadomosc:

/* 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: 3rem;
margin: 0.25rem 0;
}

/* Set primary color for light theme */
:root.skin-citizen-light {
--color-primary__h: 220; /* Hue */
--color-primary__s: 59%; /* Saturation */
--color-primary__l: 50%; /* Lightness */
}

/* Set primary color for dark theme */
:root.skin-citizen-dark {
--color-primary__h: 220; /* Hue */
--color-primary__s: 59%; /* Saturation */
--color-primary__l: 50%; /* Lightness */
}

MediaWiki:Common.css

2024-07-18T22:21:01Z

Swiadomosc:

/* 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: 3rem;
margin: 0.25rem 0;
}

/* Set primary color for light theme */
:root.skin-citizen-light {
--color-primary__h: 0; /* Hue */
--color-primary__s: 59%; /* Saturation */
--color-primary__l: 50%; /* Lightness */
}

/* Set primary color for dark theme */
:root.skin-citizen-dark {
--color-primary__h: 0; /* Hue */
--color-primary__s: 59%; /* Saturation */
--color-primary__l: 50%; /* Lightness */
}

MediaWiki:Common.css

2024-07-18T22:20:14Z

Swiadomosc:

/* 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: 3rem;
margin: 0.25rem 0;
}

:root.skin-citizen-light {
--color-surface-0: red;
--color-surface-1: lime;
--color-surface-2: fuchsia;
--color-surface-3: yellow;
--color-surface-4: aqua;
--color-base: blue;
--color-base--emphasized: darkblue;
--color-base--subtle: cornflowerblue;
}

MediaWiki:Citizen.css

2024-07-18T22:19:29Z

Swiadomosc:

/* Umieszczony tutaj kod CSS zostanie załadowany przez użytkowników korzystających ze skórki Citizen */
/* Set primary color for light theme */
/* Make light theme great again */
:root.skin-citizen-light {
--color-surface-0: red;
--color-surface-1: lime;
--color-surface-2: fuchsia;
--color-surface-3: yellow;
--color-surface-4: aqua;
--color-base: blue;
--color-base--emphasized: darkblue;
--color-base--subtle: cornflowerblue;
}
/* Set primary color for dark theme */
:root.skin-citizen-dark {
--color-primary__h: 0; /* Hue */
--color-primary__s: 59%; /* Saturation */
--color-primary__l: 50%; /* Lightness */
}

2024-07-18T21:44:22Z

Swiadomosc:

[https://swiadomosc.pl świadomość.pl]

MediaWiki:Common.css

2024-07-11T23:56:01Z

Swiadomosc: