MediaWiki:Common.css

Z MruczekWiki

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 */

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}


/* Strona główna */

.page-Strona_główna .mw-parser-output > div {
    min-height: 75vh;
}


#mainpage {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-column-gap: 10px;
}

#mainpageheader {
    grid-column-start: span 2;
    text-align: center;
}

#mainpage .block {
    padding: 10px 16px;
    border: 1px solid black;
    margin-bottom: 10px;
    word-wrap: break-word;
}

#mainpage .block.centertext p {
    text-align: center;
}

#mainpage .block.cat img {
    width: 100%;
    height: auto;
}

#mainpage .block>*:first-child {
    margin-top: 0;
    padding-top: 0;
}

#mainpage .block.randomimage figure {
    margin: 0.5em auto;
    border-bottom: 1px solid var(--g3d2);
}

#mainpage .block.randomimage figure a {
    width: auto !important;
    max-width: 15vw;
}

#mainpage .block.randomimage figure figcaption {
    display: none;
}

#mainpage .block.randomimage figure img {
    max-width: 100%;
    height: auto;
    background-color: transparent;
    margin: 0;
}

.catbg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.6;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 60%;
	background-image: linear-gradient(to right, rgba(var(--g3-rgb)), rgba(var(--g3-rgb),0) 50%), url('images/9/91/Welcome2.jpg');
}

.cattext {
	grid-column: 3; grid-row: 1 / span 2; font-family: 'Impact'; line-height: 1em;
	padding-top: 10px;
	text-shadow: -2px -2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, 2px 2px 0 #000; 
	font-size: 1.4vw; color: #fff; opacity: 0.7;
	display: flex; justify-content: center;
}

@media only screen and (max-width: 750px) {
  #mainpage {
    grid-template-columns: 100%;
  }
  #mainpageheader {
    grid-column-start: span 1;
    text-align: center;
  }
  .cattext {
    display: none;
  }
}

/* ------- -WIKIFORUM- ----------- */
table.mw-wikiforum-frame {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.5);
}

.mw-wikiforum-frame, .mw-wikiforum-frame table {
    color: #f5f5f5;
}

td.mw-wikiforum-innerframe {
    border: none;
}
td.mw-wikiforum-innerframe table {
    border-collapse: collapse;
}
td.mw-wikiforum-title, td.mw-wikiforum-value, td.mw-wikiforum-admin {
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

tr.mw-wikiforum-title {
    background: rgba(0,0,0,0.2);
}
tr.mw-wikiforum-normal {
    background: transparent;
}

table.mw-wikiforum-frame th {
    border-top: 1px solid rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

th.mw-wikiforum-thread-top {
    background: rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.5);
    
}
td.mw-wikiforum-thread-main {
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.5);
}
td.mw-wikiforum-thread-sub {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.5);
}

table.mw-wikiforum-posted {
    border-top: 1px solid rgba(255,255,255,0.3);
}

table.mw-wikiforum-frame #wpTextbox1 {
    background-color: rgba(0,0,0,0.25);
    color: #eee;
    border: none;
    padding: 0 5px;
}

#mw-wikiforum-searchbox-border {
    border: 1px solid rgba(0,0,0,0.4);
    background: rgba(0,0,0,0.1);
}
#mw-wikiforum-searchbox-border input {
    color: #ddd;
}

table.mw-wikiforum-frame blockquote {
    background: rgba(100,100,100,0.2);
}

tr.mw-wikiforum-sticky {
    background-color: rgba(255,255,255,0.05);
}

/* Informacja */
.informacja {
	background-color: rgba(0,0,0,0.2); border: 1px solid black; margin-bottom: 10px; width: 80%; margin: -1px auto 0 auto;
}
.informacja-top {
    margin-top: 10px;
}
.informacja-bottom {
    margin-bottom: 10px;
}
.bookpage .informacja {
	width: 100%;
}

/*Navbox v2*/
.navbox {
	display: grid;
	margin: 1em auto;
	border-left: 1px solid black;
	border-top: 1px solid black;
}
.navbox > div {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
.navbox > p {
	display: none;
}

.navbox-image {
	background-color:rgba(0,0,0,0.25);
	grid-column: 3;
	grid-row-start: 2;
	grid-row-end: 69;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.navbox-image img {
	height: 100% !important;
}

.navbox-header {
	background-color:rgba(0,0,0,0.4);
	color:#FFFFFF;
	font-size: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	
}
.navbox-group-header {
	grid-column: 1;
	padding: 3px 10px;
	background-color:rgba(0,0,0,0.25);
	white-space: nowrap;
}
.navbox-group {
	grid-column: 2;
	padding: 3px 10px;
	line-height: 1.6;
	background-color: rgba(0,0,0,0.1);
	font-size: 12px;
	display: flex;
	align-items: center;
}
.navbox-group a {
	display: inline-block;
}

/*Navbox lists*/
.navbox-group ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

.navbox-group li {
	display: inline;
}

/*Navbox lists - 1st level*/
.navbox-group>ul>li {
	display: inline-block;
}
.navbox-group>ul>li::after {
	content: " ･";
}
.navbox-group>ul>li:last-child::after {
	content: "";
}

/*Navbox lists - 2nd level*/
.navbox-group>ul>li>ul {
	display: inline;
}

.navbox-group>ul>li>ul::before {
	content: "(";
}
.navbox-group>ul>li>ul::after {
	content: ")";
}

.navbox-group>ul>li>ul>li::after {
	content: " ･";
}
.navbox-group>ul>li>ul>li:last-child::after {
	content: "";
}

/* Navbox na stylu minerva */
@media (min-width: 720px) {
	.skin-minerva .content .navbox {
		display: grid;
	}
}
@media (max-width: 720px) {
	.skin-minerva .content .navbox {
		display: block;
	}
}

/* Infobox */
.infobox {
	width: 250px;
	margin: 5px 5px 25px 25px;
	border: 1px solid rgba(0,0,0,0.6);
	border-radius: 0;
	float: right;
	font-size: 88%;
	border-spacing: 0;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	clear: right;
}
.infobox th {
	transition: background-color .3s ease;
}
.skin-minerva .content .infobox {
	margin: 10px;
	width: 250px;
	border: 1px solid rgba(0,0,0,0.6);
	border-radius: 0;
	float: right;
	font-size: 88%;
	border-spacing: 0;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	clear: right;
}

/* Szablon:Pobierz */
.app-download-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 6px 0;
}
.app-download-links > * {
  margin: 2px 0;
}

/* spoilery */
.spoiler.hidden {
	border-left: 1px dotted #7f7f7f;
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    color: transparent;
    background-color: rgba(0,0,0,0.2);
    cursor:pointer;
}

.spoiler.visible {
	border-left: 1px dotted transparent;
    border-right: 1px dotted transparent;
    border-bottom: 1px dotted #7f7f7f;
    color: inherit;
    background: none;
    cursor: pointer;
}

/*szablon z instrukcjami*/
.llawlyfr {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0;
}

.llawlyfr > div {
	margin: 15px 10px;
	position: relative;
	border: 1px solid #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.llawlyfr-image {
	display: flex;
	align-items: center;
	padding: 15px;
}

.llawlyfr-image img {
	max-height: 30vh;
	width: auto;
	height: auto;
}

.llawlyfr-text {
	overflow-wrap: break-word;
	padding: 15px 15px 0 15px;
}

.llawlyfr .counter {
	position: absolute;
	top: -15px;
	left: -15px;
	background-color: var(--g1b1);
	color: #1e1e1e;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	user-select: none;
    font-weight: bold;
}

/* Ogólne logo */
.skin-vector-2022 .mw-logo .mw-logo-wordmark {
	font-family: "Vollkorn", "Georgia";
	font-size: 1.2em;
	font-weight: 400;
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.6));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-rendering: optimizelegibility;
}
.skin-vector-2022 .mw-logo .mw-logo-wordmark a,
.skin-vector-2022 .mw-logo .mw-logo-wordmark a:visited {
	color: #fff;
}

.skin-vector-2022 .mw-logo {
  background-image: url('extensions/Theme/images/logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 25px;
}

/* Słownik */

body.ns-3000, body.ns-3001 {
	background-position-y: -150px;
}

.ns-3000 #siteSub { display: block; font-style: italic; }
.ns-3000 #firstHeading .mw-page-title-namespace,
.ns-3000 #firstHeading .mw-page-title-separator {
	display: none;
}
.ns-3000 #p-logo, .ns-3000 #p-logo a,
.ns-3001 #p-logo, .ns-3001 #p-logo a { height: 160px; }
.skin-vector-2022.ns-3000 .mw-logo,
.skin-vector-2022.ns-3001 .mw-logo,
.ns-3000 .mw-wiki-logo, .ns-3001 .mw-wiki-logo {
	background-image: url('/extensions/Theme/vector/mwemerald/mruczekslownik.png');
}
.skin-vector-2022.ns-3000 .mw-logo, .skin-vector-2022.ns-3001 .mw-logo {
	padding-left: 35px;
}

/* Miaublog 😺 */

.ns-3072 #p-logo, .ns-3072 #p-logo a,
.ns-3073 #p-logo, .ns-3073 #p-logo a { height: 110px; background-size: cover; }
.skin-vector-2022.ns-3072 .mw-logo,
.skin-vector-2022.ns-3073 .mw-logo,
.ns-3072 .mw-wiki-logo, .ns-3073 .mw-wiki-logo {
	background-image: url('/extensions/Theme/vector/mwemerald/miaublog.png');
}
.skin-vector-2022.ns-3072 .mw-logo, .skin-vector-2022.ns-3073 .mw-logo {
	padding-left: 35px;
}

/* Ukrycie nagłówka strony... */
body.ns-3072.action-view .pre-content h1,
body.ns-3072.action-view .vector-page-titlebar h1,
body.ns-3072.action-view .vector-page-titlebar::after {
	display: none;
} 
/* poza stroną główną */
body.ns-3072.rootpage-Blog_Strona_główna.action-view .pre-content h1,
body.ns-3072.rootpage-Blog_Strona_główna.action-view .vector-page-titlebar h1,
body.ns-3072.rootpage-Blog_Strona_główna.action-view .vector-page-titlebar::after {
	display: block;
}
/* przycisk do spisu treści bez nagłówka */
body.ns-3072.action-view header nav.vector-toc-landmark {
  position: absolute;
  left: -40px;
  top: 0px;
}
.i
/* Pole do tworzenia artykułu na głównej */
.newarticle .mw-inputbox-centered {
	margin: 15px auto;
}

/* Strzałki */
body.ns-3072.rootpage-Blog_Strona_główna .CategoryTreeEmptyBullet,
#blog-authors .CategoryTreeEmptyBullet {
	display: none;
}

/* Mruczekbooks */
body:not(.skin-minerva) .bookpage {
    width: 800px;
    height: auto;
    background-color:
    rgba(0,0,0,0.2);
    margin: 15px auto;
    font-family: 'Lato','Noto Sans',sans-serif;
    font-variant: no-common-ligatures;
    font-size: 18px; line-height: 165%;
    padding: 50px 100px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.5);
}

body:not(.skin-minerva) .bookpage h1 {
    border: none;
    text-align: center;
    font-family: 'Gelasio', serif;
}
body:not(.skin-minerva) .bookpage h2 {
    border: none;
    font-family: 'Gelasio', serif;
}
body:not(.skin-minerva) .bookpage h3 {
    border: none;
    font-family: 'Gelasio', serif;
}
body:not(.skin-minerva) .bookpage h4 {
    border: none;
    font-family: 'Gelasio', serif;
}

body:not(.skin-minerva) .bookpage.no-toc-level2-numbers .toclevel-2>a>.tocnumber {
    display: none;
}
/* Licznik artykułów na głównej */

.article-count {
	position: relative;
}

.article-count:hover::after {
	content: 'nie uwzględnia spamu';
	position: absolute;
	top: -20px;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.4);
	backdrop-filter: blur(3px);
	border: 1px solid #000;
	padding: 0px 10px;
}

/* Tekst "ostatnio zmodyfikowano X godzin temu" w rogu */

.mw-body .mw-indicators {
	display: flex;
	align-items: baseline;
	/* bez tego zaczyna sie rozjeżdżać jeśli na stronie są inne ikonki xD */
}

#mwe-lastmodified a {
    color: var(--wh);
    font-family: sans-serif;
    font-style: italic;
    font-size: 0.7em;
}


/* 🍮 Paddingi dla niektórych stron */

.gigapadding > * > tr > td {
	padding: 35px;
}

/* Równe szerokości dla komórek tabeli */ 

.fixedsize {
	table-layout: fixed;
}
.fixedsize > * > tr > td {
	width: 2%;
}

/* Tabela bez ciemnego stylu */
.mediawiki table.wikitable.white {
	background-color: #f8f9fa;
	color: #202122;
}
.mediawiki table.wikitable.white th {
	background-color: #eaecf0;
	color: #202122;
}
.mediawiki table.wikitable.white a.new {
	color: #d73333;
}

/* Równianie tekstu do góry dla tabel */

.valign-top td { vertical-align: top; }

/* Widżety */

@media screen and (min-width: 401px) {
  .widget-mobile { display: none; }
}

@media screen and (max-width: 400px) {
  .widget-desktop { display: none; }
}

/* Forum */

body td.mw-wikiforum-thread-main, body td.mw-wikiforum-thread-sub {
	word-break: normal;
}
Źródło: „https://mruczek.wiki/index.php?title=MediaWiki:Common.css&oldid=30492”