MediaWiki:Common.css: Porovnání verzí

Verze z 5. 12. 2025, 13:39

/* 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: flex;
  align-items: center;
  padding: 12px;
  gap: 12px;
}

.manta-card-bottom img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  transition: transform 0.3s;
}

.manta-card-bottom h4 {
  margin: 0;
}

.manta-card-bottom p {
  margin: 4px 0 0;
  font-size: 0.9em;
  color: #555;
}