MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary Tag: Reverted |
||
| Line 154: | Line 154: | ||
.mw-pt-progress--complete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAs0lEQVR4AWP4////gGOsgqOOMD7DIAfEoUTiTKPTDH0wDOKToFcOnyOigPg/HXAUyY4YdUTxnYD/u9+twopjrpn8J1ItSI58R2x/u/Q/LtDxMPs/kWpBckPdEaOOGHXEOYZcZMVx103/9z0uxIp9Lsn9J1ItSA5FLcgenI4wOcswhR6FFcgeuL2jjiCcJggXxeFX9cgvthFpYjSLjjpi1BFDrmVF/zbmqCMGdQ9stEM84BgAsDU5H+xqtX4AAAAASUVORK5CYII=) | .mw-pt-progress--complete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAs0lEQVR4AWP4////gGOsgqOOMD7DIAfEoUTiTKPTDH0wDOKToFcOnyOigPg/HXAUyY4YdUTxnYD/u9+twopjrpn8J1ItSI58R2x/u/Q/LtDxMPs/kWpBckPdEaOOGHXEOYZcZMVx103/9z0uxIp9Lsn9J1ItSA5FLcgenI4wOcswhR6FFcgeuL2jjiCcJggXxeFX9cgvthFpYjSLjjpi1BFDrmVF/zbmqCMGdQ9stEM84BgAsDU5H+xqtX4AAAAASUVORK5CYII=) | ||
!important; } | !important; } | ||
/* Force the sidebar to be visible and occupy space on large screens */ | |||
@media screen and (min-width: 1000px) { | |||
/* 1. Force the menu container to show */ | |||
.vector-main-menu-container { | |||
display: block !important; | |||
visibility: visible !important; | |||
} | |||
/* 2. Force the grid to create the left column for the sidebar */ | |||
.mw-page-container { | |||
display: grid !important; | |||
grid-template-columns: 312px minmax(0, 1fr) !important; | |||
grid-template-areas: "header header" "sidebar content" "footer footer" !important; | |||
} | |||
/* 3. Place the menu in the sidebar area */ | |||
.vector-main-menu-container { | |||
grid-area: sidebar !important; | |||
} | |||
} | |||
Revision as of 10:07, 16 February 2026
h1 {
font-family:"URW DIN Black", sans-serif;
color: black;
}
h2.vector-pinnable-header-label {
padding-right:1rem !important;
}
h2 {
background:#0072B6;
color:#ffffff !important;
font-family:"URW DIN Black", sans-serif !important;
font-style:normal;
font-variant:normal;
font-weight:900;
line-height:1em !important;
padding-top:0.5em !important;
margin-bottom:0.5em !important;
margin-left:3px;
margin-right:0;
margin-top:2em !important;
orphans:1;
page-break-after:auto;
page-break-before:auto;
text-align:left;
text-decoration:none;
text-indent:1rem;
text-transform:uppercase;
widows:1;
}
h3 {
background:#042B60;
color:#ffffff !important;
font-family:"URW DIN Black", sans-serif !important;
font-style:normal;
font-variant:normal;
/*font-weight:900;*/
line-height:1em !important;
padding-top:0.5em !important;
margin-bottom:0.5em !important;
margin-left:3px;
margin-right:0;
margin-top:2em !important;
orphans:1;
page-break-after:auto;
page-break-before:auto;
text-align:justify;
text-align-last:left;
text-decoration:none;
text-indent:1rem;
text-transform:uppercase;
widows:1;
}
h4 {
color:#042B60 !important;
font-family:"URW DIN Black", sans-serif !important;
font-style:normal;
font-variant:normal;
font-weight:900;
line-height:1em !important;
padding-top:0.5em !important;
margin-bottom:0.5em !important;
margin-left:3px;
margin-right:0;
margin-top:1em !important;
orphans:1;
page-break-after:auto;
page-break-before:auto;
text-align:justify;
text-align-last:left;
text-decoration:none;
text-indent:0px;
text-transform:uppercase;
widows:1;
}
p {
color:#000000;
font-family:"URW DIN SemiCond", sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2;
margin-bottom:0.5em;
margin-left:0;
margin-right:0;
margin-top:0.5em;
orphans:1;
page-break-after:auto;
page-break-before:auto;
text-align:justify;
text-align-last:left;
text-decoration:none;
text-indent:0px;
text-transform:none;
widows:1;
}
pre {
border-color: #C4040F;
}
/* Responzivni obrazek */
.fullw {
max-width:100%;
height:auto;
}
body .mw-content-ltr ul {
list-style-type: disc !important;
}
body .mw-content-ltr ul ul {
list-style-type: circle !important;
}
body .mw-content-ltr ul ul ul {
list-style-type: square !important;
}
/* Responzivni video */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
max-width: 100%;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mw-pt-progress--stub {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAs0lEQVRYw+2XPQrEIBBGPUlulSY32GKvkiq38qcQ1MZGrPUKk0yxEBZjTIpIYIRXyHziK3RQBgCsN4wkShJCiGFjbOTDOZ9/4PzC2qEmMW3AA0wkcVnCew855yLWWmjNYu22REoJjkYIAVqzWCMJkni3hFLquw875yDGWERrDa1ZrO2zuM+hhJRyeaJZ4T4kcSrxfyZqrdgYc7ttV88EXVGSIIlXvazoodtbov8PjD7EvVkButsS+uXVt2MAAAAASUVORK5CYII=) !important
}
.mw-pt-progress--low {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABBElEQVR42u2XOwqDQBCG9yQeIIVnsUkjBGsLr5IqTYQgCkpY8ALJJUKehJA2nYqIhdXEKQxZWM1G8oQRPkTmd/ZDnIVlAPB1SEIqkaapliTJUIU6a9f3cQM+P/Gu1iVh1sAHMEniaYmiKKCqKil5noNiFmv9JbBB21WWJShmsUYSJPHnElmWOXdBHENcTMplu4W1593YBQEco0gG1oTsIY6dri8xUd1wVq4LLmO9WIxGE5J4KIH/hOpWvJnNxMaGAWfOZWBNyM4HA+cl03HwfaHxKQzbolgTslPGTJIgif+TeOOIqku8abMiCRWJ/iewPef20rLGDVzX7br5UBGNDsQ/K3EFsIRZ3EgfdFkAAAAASUVORK5CYII=) !important
}
.mw-pt-progress--med {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABAklEQVR4AWP4////gGOsgqOOePfundzbt29DicFAtZlAug+GQXwS9Mrhc0QUEP+nA44i2RGjjvj8+fP/nz9/YsUfP378T6RakBzZjgAbgAt8/fr1P5FqQXJD3BGjjhh1xMm113MPzr/0H4aPLLr6/8Sym1jxseXX/hOpFiSHohZkD05HzI7dNSWNYeZ/YnCr2RoQTRYG2UPQEaOOqNNakYuseFrAzv9nVt3FinscNv0nUi1IDkUtyB6cjgAqiEJWfHLpbZwpfln2kf9EqgXJoYdG1FB1xKgjRh1BONu1mqwjJYuS7ggaYLIcMeoIOSAOJRJnAnEfEs4kQa/coO2LjjoCAEDzvknn1j0YAAAAAElFTkSuQmCC) !important
}
.mw-pt-progress--high {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAA+0lEQVR4Ae2Xs3oFQRiG50q2j30dsdXGLIM61VbbxLatW0qOre/YWh7+//O8a7zjGQag6GS8SBI6nY77///vF4P5+2basTnJR/EONk6jjfWLhMslMRIAYrDc7QBtTC4jkiVIwmw2w+l0ZsT+uJ/84dUu4PcmM6td8iWCP8sW7tfj5A9/niNrfJ6TBEmUuYT5937e8nSIKPbXE7g/LzKzPp784YkOgF/OTPBessR8VgnH+rgQfEhz2plAEnklvH2186K74sFGGd22iDoRrLWia/zWrPLWQRIkUYYSIprdWLuSJipeQkNIQpQEJ2EVNY1WxsdoY+qswGhBXGz8j/suvmOCfnwAAAAASUVORK5CYII=) !important
}
.mw-pt-progress--complete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAs0lEQVR4AWP4////gGOsgqOOMD7DIAfEoUTiTKPTDH0wDOKToFcOnyOigPg/HXAUyY4YdUTxnYD/u9+twopjrpn8J1ItSI58R2x/u/Q/LtDxMPs/kWpBckPdEaOOGHXEOYZcZMVx103/9z0uxIp9Lsn9J1ItSA5FLcgenI4wOcswhR6FFcgeuL2jjiCcJggXxeFX9cgvthFpYjSLjjpi1BFDrmVF/zbmqCMGdQ9stEM84BgAsDU5H+xqtX4AAAAASUVORK5CYII=)
!important; }
/* Force the sidebar to be visible and occupy space on large screens */
@media screen and (min-width: 1000px) {
/* 1. Force the menu container to show */
.vector-main-menu-container {
display: block !important;
visibility: visible !important;
}
/* 2. Force the grid to create the left column for the sidebar */
.mw-page-container {
display: grid !important;
grid-template-columns: 312px minmax(0, 1fr) !important;
grid-template-areas: "header header" "sidebar content" "footer footer" !important;
}
/* 3. Place the menu in the sidebar area */
.vector-main-menu-container {
grid-area: sidebar !important;
}
}