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

Aktuální verze z 25. 2. 2026, 11:20

/* 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 p a {
    text-decoration: underline !important;
}

/* Manta alert blocks */
.manta-alert {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid #a2a9b1;
  border-left-width: 6px;
  border-radius: 8px;
  margin: 12px 0;
  background: #f8f9fa;
}

.manta-alert__icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  font-size: 18px; /* pro emoji */
  line-height: 1;
  margin-top: 1px;
}

.manta-alert__body { flex: 1 1 auto; min-width: 0; }
.manta-alert__title { font-weight: 700; margin-bottom: 2px; }
.manta-alert__text  { margin: 0; }

/* Typy */
.manta-alert--info    { border-left-color: #36c; background: #eef3ff; }
.manta-alert--warning { border-left-color: #f6a000; background: #fff4e5; }
.manta-alert--danger  { border-left-color: #d33; background: #ffe9e8; }
.manta-alert--success { border-left-color: #14866d; background: #e6fff6; }
.manta-alert--CodeBox {
    border-left-color: #6b7280;   /* tmavší šedá lišta */
    background: #f3f4f6;          /* světle šedé pozadí */
    color: #111827;               /* téměř černý text */
}
/* jemné doladění odstavců uvnitř */
.manta-alert__text p { margin: 0.2em 0; }
.manta-alert__text ul { margin: 0.3em 0 0.3em 1.2em; }