MediaWiki:Common.css
Z Manta
Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.
- Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
- Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
- Internet Explorer / Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5
- Opera: Stiskněte Ctrl-F5.
/* Zde uvedené CSS bude ovlivňovat všechny vzhledy */
.hide-toc {
display: none !important;
}
.res-img figure img {
width:100%;
height:auto;
margin:0;
}
h1,h2,h3,h4
{
font-weight:600;
}
h3 {
font-size:1.5rem;
}
h4 {
font-size:1.4rem;
}
h5 {
font-size:1.3rem;
}
.toc .tocnumber {
display: none;
}
.toc ul ul {
margin: 0 0 0 1.3em;
}
.toc li {
margin-bottom: 4px;
}
#toc-sidebar {
position: sticky;
top: 0px;
height: 100vh;
overflow-y: auto;
align-self: flex-start;
padding:0;
padding-bottom:30px;
}
#toc{
width:100%;
border-radius:12px;
margin-top:10%;
padding:0;
border:none;
background:none;
}
html {
scroll-behavior: smooth;
}
body.page-Hlavní_strana #firstHeading {
display: none !important;
border: none !important;
}
body.page-Hlavní_strana #toc-sidebar {
display: none !important;
}
body.page-Hlavní_strana .col-10.col {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.col-11.container {
padding:0;
}
.col-12.row {
padding:0;
}
/* Landing page */.manta-card {
cursor: pointer;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
background: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.manta-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/* Zoom the image on hover */
.manta-card:hover img {
transform: scale(1.05);
transition: transform 0.3s;
}
/* Top cards: stacked */
.manta-card-top {
text-align: center;
padding: 16px;
}
.manta-card-top img {
max-width: 300px;
height: auto;
transition: transform 0.3s;
}
.manta-card-top h3 {
margin: 12px 0 0;
}
/* Bottom cards: horizontal list style */
.manta-card-bottom {
display: grid;
grid-template-columns: 1fr 3fr; /* Image in first column, text spans next three fractions */
align-items: center;
padding: 12px;
gap: 12px;
}
.manta-card-bottom img {
width: 100%; /* Fill the first column */
height: auto;
object-fit: cover;
transition: transform 0.3s;
}
.manta-card-bottom h4,
.manta-card-bottom p {
margin: 0;
}
.manta-card-bottom p {
margin-top: 4px;
font-size: 0.9em;
color: #555;
}
.mw-body-content a {
text-decoration: underline !important;
}