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

Z Manta
Přejít na:navigace, hledání
Bez shrnutí editace
Bez shrnutí editace
Řádek 87: Řádek 87:


/* Landing page */
/* Landing page */
 
/* General card styling */
.manta-card {
.manta-card {
   border: 1px solid #ddd;
   cursor: pointer;
   border-radius: 8px;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background: #fff;
  transition: transform 0.15s, box-shadow 0.15s;
}
 
.manta-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
 
/* Top cards: stacked */
.manta-card-top {
   text-align: center;
   text-align: center;
   background: #f9f9f9;
   padding: 16px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
   cursor: pointer;
 
   padding: 20px;
.manta-card-top img {
   max-width: 300px;
   height: auto;
}
}


.manta-card:hover {
.manta-card-top h3 {
   transform: translateY(-4px);
   margin: 12px 0 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
}


.manta-card img {
/* Bottom cards: horizontal list style */
   transition: transform 0.35s ease;
.manta-card-bottom {
   display: flex;
  align-items: center;
  padding: 12px;
  gap: 12px;
}
}


.manta-card:hover img {
.manta-card-bottom img {
   transform: scale(1.06);
   width: 80px;
  height: 80px;
  object-fit: cover;
}
}


.mw-file-element { border: none !important; }
.manta-card-bottom h4 {
  margin: 0;
}


/* Subtitle styling */
.manta-card-bottom p {
.manta-subtitle {
  margin: 4px 0 0;
   font-size: 0.9em;
   font-size: 0.9em;
   color: #666;
   color: #555;
  margin-top: -8px;
}
}

Verze z 5. 12. 2025, 13:38

/* 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 */
/* General card styling */
.manta-card {
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background: #fff;
  transition: transform 0.15s, box-shadow 0.15s;
}

.manta-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Top cards: stacked */
.manta-card-top {
  text-align: center;
  padding: 16px;
}

.manta-card-top img {
  max-width: 300px;
  height: auto;
}

.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;
}

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

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