„MediaWiki:Common.css” változatai közötti eltérés
Megjelenés
Nincs szerkesztési összefoglaló |
Nincs szerkesztési összefoglaló |
||
| (18 közbenső módosítás ugyanattól a felhasználótól nincs mutatva) | |||
| 1. sor: | 1. sor: | ||
@charset "UTF-8"; | |||
/* | |||
cd /home/drgyz/docker/php-apache-mkoe/var-www-html/wiki | |||
sass --watch --style=expanded gyz.scss:gyz.css | |||
*/ | |||
/* Legújabb DataTables CSS betöltése */ | |||
@import url("https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css"); | |||
/* MediaWiki specifikus finomhangolás */ | |||
table.datatable-hook { | |||
width: 100% !important; | |||
margin: 1em 0 !important; | |||
border: 1px solid #a2a9b1 !important; | |||
font-size: 0.9em; | |||
} | |||
/* A MediaWiki saját rendező nyilainak elrejtése, ha ütközne */ | |||
table.datatable-hook th.headerSort { | |||
background-image: none !important; | |||
} | |||
/* Keresőmező stílusának igazítása a MediaWiki beviteli mezőihez */ | |||
.dt-search input { | |||
border: 1px solid #a2a9b1 !important; | |||
border-radius: 2px; | |||
padding: 4px; | |||
} | |||
/* Közös CSS az összes felületnek */ | /* Közös CSS az összes felületnek */ | ||
/* Anonim felhasználóknál rejtsük el a felesleges füleket */ | /* Anonim felhasználóknál rejtsük el a felesleges füleket */ | ||
body.anonymous #ca-history, | body.anonymous #ca-history, | ||
body.anonymous #ca-viewsource { | body.anonymous #ca-viewsource { | ||
display: none !important; | |||
} | } | ||
/* Csak a kategóriaoldalak elsődleges címe (namespace + kettőspont) elrejtése */ | |||
.mw-page-title-namespace, | |||
.mw-page-title-separator { | |||
display: none; | |||
} | |||
@media screen { | |||
.mw-body h1.firstHeading { | |||
padding-bottom: 3px; | |||
} | |||
.mw-body h1.firstHeading span { | |||
background-color: beige; | |||
border-top-right-radius: 6px; | |||
border-top-left-radius: 6px; | |||
color: #436d38; | |||
padding: 0px 10px 0 10px; | |||
} | |||
.vector-page-titlebar::after { | |||
height: 3px; | |||
background-color: #436d38; | |||
} | |||
.mw-heading h1, .mw-heading h2, .mw-heading h3, .mw-heading h4, .mw-heading h5, .mw-heading h6 { | |||
color: #274f1c; | |||
} | |||
.mw-heading h3, .mw-heading h4 { | |||
text-decoration-line: underline; | |||
} | |||
.mw-heading2 h2 { | |||
background-color: rgb(250, 250, 239); | |||
padding: 0px 5px; | |||
} | |||
.mw-heading2 { | |||
border-bottom: 1px solid #436d38; | |||
} | |||
.wikitable tr.accepted { | |||
background-color: #dcecd7; | |||
} | |||
.vector-column-start .vector-main-menu-container, | |||
.vector-column-start .vector-sticky-pinned-container { | |||
margin-bottom: 10px; | |||
margin-left: 0; | |||
} | |||
.vector-column-start .vector-main-menu-container nav#mw-panel .vector-pinned-container, | |||
.vector-column-start .vector-sticky-pinned-container nav#mw-panel .vector-pinned-container { | |||
background-image: url(https://wiki.kaktuszgyujtok.hu/images/d/d5/Epicactus.png); | |||
background-repeat: no-repeat; | |||
background-position-x: right; | |||
} | |||
.vector-column-start .vector-main-menu-container nav#mw-panel, | |||
.vector-column-start .vector-main-menu-container nav#mw-panel-toc, | |||
.vector-column-start .vector-sticky-pinned-container nav#mw-panel, | |||
.vector-column-start .vector-sticky-pinned-container nav#mw-panel-toc { | |||
border: 1px solid #ebebe0; | |||
border-radius: 6px; | |||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); | |||
color: grey; | |||
display: block !important; | |||
overflow: hidden; | |||
} | |||
.vector-column-start .vector-main-menu-container nav#mw-panel .vector-pinned-container, | |||
.vector-column-start .vector-main-menu-container nav#mw-panel-toc .vector-pinned-container, | |||
.vector-column-start .vector-sticky-pinned-container nav#mw-panel .vector-pinned-container, | |||
.vector-column-start .vector-sticky-pinned-container nav#mw-panel-toc .vector-pinned-container { | |||
background-color: #fffff9; | |||
margin-bottom: 0; | |||
padding-bottom: 5px; | |||
} | |||
.catlinks { | |||
background-color: #f8f9fa; | |||
border: 1px solid #ebebe0; | |||
border-radius: 6px; | |||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); | |||
color: grey; | |||
display: block !important; | |||
overflow: hidden; | |||
} | |||
} | |||
.szerzo { | .szerzo { | ||
text-align: center; | text-align: center; | ||
| 25. sor: | 128. sor: | ||
.right { | .right { | ||
text-align: right; | text-align: right; | ||
} | } | ||
/* taxobox alapstílus */ | /* taxobox alapstílus */ | ||
/* SimpleTaxobox */ | /* SimpleTaxobox */ | ||
table.infobox.biota { | table.infobox.biota { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border: 1px solid #ebebe0; | |||
border-radius: 6px; | |||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); | |||
float: right; | float: right; | ||
margin: | margin: 1em 0 1.3em 1.4em; | ||
padding: 2px; | padding: 2px; | ||
text-align: center; | text-align: center; | ||
width: 272px; | width: 272px; | ||
} | } | ||
table.infobox.biota th { | table.infobox.biota th { | ||
background-color: #afe1af; | background-color: #afe1af; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
} | } | ||
table.infobox.biota th.taxonnev { | |||
table.infobox.biota | background-color: #98d398; | ||
color: #436d38; | |||
font-size: 110%; | |||
text-align: center; | |||
} | } | ||
table.infobox.biota th.taxobox-icons { | |||
table.infobox.biota | /* Csak a taxobox keresőikonjaira vonatkozó stílus eleje */ | ||
background-color: # | /* Eltávolítjuk az alapértelmezett belső margókat a celláról */ | ||
background-color: #ebebe0; | |||
padding: 10px 0 !important; | |||
} | } | ||
table.infobox.biota th.taxobox-icons a { | |||
/* | /* Minden linkre (a-tag), ami a taxobox-icons cellában van */ | ||
margin: 0 5px !important; | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-decoration: none !important; /* Eltünteti az esetleges aláhúzást */ | |||
} | } | ||
table.infobox.biota th.taxobox-icons .taxobox-icons .external { | |||
/* Opcionális: a külső link ikon elrejtése, ha zavarja a logót */ | |||
. | background-image: none !important; | ||
padding-right: 0 !important; | |||
/* | |||
} | } | ||
table.infobox.biota th.taxobox-icons .taxobox-icons img { | |||
/* Biztosítjuk, hogy a kép ne lógjon ki */ | |||
.taxobox-icons | display: block; | ||
opacity: 0.7; | |||
} | } | ||
table.infobox.biota th.taxobox-icons .taxobox-icons img:hover { | |||
/* | /* Ha szeretnél egy kis hover effektet (elhalkul/erősödik ha rámutatsz) */ | ||
opacity: 1; | |||
transition: opacity 0.2s; | |||
} | } | ||
table.infobox.biota th.taxobox-icons { | |||
/* | /* Csak a taxobox keresőikonjaira vonatkozó stílus vége */ | ||
} | } | ||
table.infobox.biota td { | |||
padding: 4px 2px; | |||
. | |||
} | } | ||
. | table.infobox.biota caption { | ||
background-color: #afe1af; | |||
text-align: center; | |||
} | } | ||
| 118. sor: | 197. sor: | ||
--font-size-medium: 1rem; | --font-size-medium: 1rem; | ||
--line-height-medium: 1.6; | --line-height-medium: 1.6; | ||
} | |||
figure[typeof~="mw:File/Thumb"], | |||
figure[typeof~="mw:File/Frame"], | |||
figure[typeof~="mw:File"].mw-halign-right { | |||
background-color: #f8f9fa; | |||
border: 1px solid #ebebe0; | |||
border-radius: 6px; | |||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); | |||
color: grey; | |||
display: block !important; | |||
overflow: hidden; | |||
} | |||
figure[typeof~="mw:File/Thumb"] > figcaption, | |||
figure[typeof~="mw:File/Frame"] > figcaption { | |||
border: 0px solid #a2a9b1; | |||
display: block !important; | |||
font-size: 85%; | |||
max-width: 334px; | |||
text-align: center; | |||
} | |||
body.skin--responsive .mw-parser-output figure img.mw-file-element { | |||
width: 340px; | |||
height: auto; | |||
max-width: 100%; | |||
} | } | ||
} | } | ||
.wiki-dynamic-gallery { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-end; /* Így az aljuk lesz egy vonalban */ | |||
gap: 10px; | |||
margin: 15px 0; | |||
} | |||
.wiki-dynamic-gallery a { | |||
display: block; | |||
height: 210px; /* Fix magasság */ | |||
background: #f0f0f0; /* Betöltődés alatti szín */ | |||
border-radius: 8px; | |||
} | |||
.wiki-dynamic-gallery img { | |||
height: 200px; | |||
width: auto; /* A szélesség alkalmazkodik az arányokhoz */ | |||
display: block; | |||
object-fit: contain; | |||
} | |||
/*# sourceMappingURL=gyz.css.map */ | |||
A lap jelenlegi, 2026. január 5., 01:22-kori változata
@charset "UTF-8";
/*
cd /home/drgyz/docker/php-apache-mkoe/var-www-html/wiki
sass --watch --style=expanded gyz.scss:gyz.css
*/
/* Legújabb DataTables CSS betöltése */
@import url("https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css");
/* MediaWiki specifikus finomhangolás */
table.datatable-hook {
width: 100% !important;
margin: 1em 0 !important;
border: 1px solid #a2a9b1 !important;
font-size: 0.9em;
}
/* A MediaWiki saját rendező nyilainak elrejtése, ha ütközne */
table.datatable-hook th.headerSort {
background-image: none !important;
}
/* Keresőmező stílusának igazítása a MediaWiki beviteli mezőihez */
.dt-search input {
border: 1px solid #a2a9b1 !important;
border-radius: 2px;
padding: 4px;
}
/* Közös CSS az összes felületnek */
/* Anonim felhasználóknál rejtsük el a felesleges füleket */
body.anonymous #ca-history,
body.anonymous #ca-viewsource {
display: none !important;
}
/* Csak a kategóriaoldalak elsődleges címe (namespace + kettőspont) elrejtése */
.mw-page-title-namespace,
.mw-page-title-separator {
display: none;
}
@media screen {
.mw-body h1.firstHeading {
padding-bottom: 3px;
}
.mw-body h1.firstHeading span {
background-color: beige;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
color: #436d38;
padding: 0px 10px 0 10px;
}
.vector-page-titlebar::after {
height: 3px;
background-color: #436d38;
}
.mw-heading h1, .mw-heading h2, .mw-heading h3, .mw-heading h4, .mw-heading h5, .mw-heading h6 {
color: #274f1c;
}
.mw-heading h3, .mw-heading h4 {
text-decoration-line: underline;
}
.mw-heading2 h2 {
background-color: rgb(250, 250, 239);
padding: 0px 5px;
}
.mw-heading2 {
border-bottom: 1px solid #436d38;
}
.wikitable tr.accepted {
background-color: #dcecd7;
}
.vector-column-start .vector-main-menu-container,
.vector-column-start .vector-sticky-pinned-container {
margin-bottom: 10px;
margin-left: 0;
}
.vector-column-start .vector-main-menu-container nav#mw-panel .vector-pinned-container,
.vector-column-start .vector-sticky-pinned-container nav#mw-panel .vector-pinned-container {
background-image: url(https://wiki.kaktuszgyujtok.hu/images/d/d5/Epicactus.png);
background-repeat: no-repeat;
background-position-x: right;
}
.vector-column-start .vector-main-menu-container nav#mw-panel,
.vector-column-start .vector-main-menu-container nav#mw-panel-toc,
.vector-column-start .vector-sticky-pinned-container nav#mw-panel,
.vector-column-start .vector-sticky-pinned-container nav#mw-panel-toc {
border: 1px solid #ebebe0;
border-radius: 6px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
color: grey;
display: block !important;
overflow: hidden;
}
.vector-column-start .vector-main-menu-container nav#mw-panel .vector-pinned-container,
.vector-column-start .vector-main-menu-container nav#mw-panel-toc .vector-pinned-container,
.vector-column-start .vector-sticky-pinned-container nav#mw-panel .vector-pinned-container,
.vector-column-start .vector-sticky-pinned-container nav#mw-panel-toc .vector-pinned-container {
background-color: #fffff9;
margin-bottom: 0;
padding-bottom: 5px;
}
.catlinks {
background-color: #f8f9fa;
border: 1px solid #ebebe0;
border-radius: 6px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
color: grey;
display: block !important;
overflow: hidden;
}
}
.szerzo {
text-align: center;
font-size: xx-large;
font-weight: bold;
}
.cim {
text-align: center;
font-size: xxx-large;
font-weight: bold;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
/* taxobox alapstílus */
/* SimpleTaxobox */
table.infobox.biota {
background-color: #f8f9fa;
border: 1px solid #ebebe0;
border-radius: 6px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
float: right;
margin: 1em 0 1.3em 1.4em;
padding: 2px;
text-align: center;
width: 272px;
}
table.infobox.biota th {
background-color: #afe1af;
color: white;
text-align: center;
}
table.infobox.biota th.taxonnev {
background-color: #98d398;
color: #436d38;
font-size: 110%;
text-align: center;
}
table.infobox.biota th.taxobox-icons {
/* Csak a taxobox keresőikonjaira vonatkozó stílus eleje */
/* Eltávolítjuk az alapértelmezett belső margókat a celláról */
background-color: #ebebe0;
padding: 10px 0 !important;
}
table.infobox.biota th.taxobox-icons a {
/* Minden linkre (a-tag), ami a taxobox-icons cellában van */
margin: 0 5px !important;
display: inline-block;
vertical-align: middle;
text-decoration: none !important; /* Eltünteti az esetleges aláhúzást */
}
table.infobox.biota th.taxobox-icons .taxobox-icons .external {
/* Opcionális: a külső link ikon elrejtése, ha zavarja a logót */
background-image: none !important;
padding-right: 0 !important;
}
table.infobox.biota th.taxobox-icons .taxobox-icons img {
/* Biztosítjuk, hogy a kép ne lógjon ki */
display: block;
opacity: 0.7;
}
table.infobox.biota th.taxobox-icons .taxobox-icons img:hover {
/* Ha szeretnél egy kis hover effektet (elhalkul/erősödik ha rámutatsz) */
opacity: 1;
transition: opacity 0.2s;
}
table.infobox.biota th.taxobox-icons {
/* Csak a taxobox keresőikonjaira vonatkozó stílus vége */
}
table.infobox.biota td {
padding: 4px 2px;
}
table.infobox.biota caption {
background-color: #afe1af;
text-align: center;
}
@media screen {
.vector-feature-custom-font-size-clientpref--excluded, .vector-feature-custom-font-size-clientpref-0, .mw-body-content .cdx-message {
--font-size-medium: 1rem;
--line-height-medium: 1.6;
}
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Frame"],
figure[typeof~="mw:File"].mw-halign-right {
background-color: #f8f9fa;
border: 1px solid #ebebe0;
border-radius: 6px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
color: grey;
display: block !important;
overflow: hidden;
}
figure[typeof~="mw:File/Thumb"] > figcaption,
figure[typeof~="mw:File/Frame"] > figcaption {
border: 0px solid #a2a9b1;
display: block !important;
font-size: 85%;
max-width: 334px;
text-align: center;
}
body.skin--responsive .mw-parser-output figure img.mw-file-element {
width: 340px;
height: auto;
max-width: 100%;
}
}
.wiki-dynamic-gallery {
display: flex;
flex-wrap: wrap;
align-items: flex-end; /* Így az aljuk lesz egy vonalban */
gap: 10px;
margin: 15px 0;
}
.wiki-dynamic-gallery a {
display: block;
height: 210px; /* Fix magasság */
background: #f0f0f0; /* Betöltődés alatti szín */
border-radius: 8px;
}
.wiki-dynamic-gallery img {
height: 200px;
width: auto; /* A szélesség alkalmazkodik az arányokhoz */
display: block;
object-fit: contain;
}
/*# sourceMappingURL=gyz.css.map */