MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary Tag: Reverted |
||
| Line 135: | Line 135: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
} | |||
.header-container { | |||
height: 56px !important; /* Standard Minerva header height */ | |||
overflow: visible !important; /* Critical: allows the logo to hang out */ | |||
} | |||
/* 2. Position the branding box and logo */ | |||
.branding-box { | |||
position: relative; | |||
overflow: visible !important; | |||
} | |||
.branding-box a.mw-ui-icon-minerva-home { | |||
position: absolute; | |||
top: 5px; /* Distance from the top of the bar */ | |||
left: 0; | |||
/* Set your large rectangular dimensions here */ | |||
width: 180px !important; | |||
height: 80px !important; | |||
background-size: contain !important; | |||
background-repeat: no-repeat; | |||
z-index: 100; /* Ensures it sits on top of page content */ | |||
} | |||
/* 3. Push the site title/text out of the way if you haven't hidden it */ | |||
.branding-box h1 { | |||
margin-left: 190px !important; /* Should be wider than your logo width */ | |||
} | } | ||
Revision as of 15:42, 27 January 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%;
}
.header-container {
height: 56px !important; /* Standard Minerva header height */
overflow: visible !important; /* Critical: allows the logo to hang out */
}
/* 2. Position the branding box and logo */
.branding-box {
position: relative;
overflow: visible !important;
}
.branding-box a.mw-ui-icon-minerva-home {
position: absolute;
top: 5px; /* Distance from the top of the bar */
left: 0;
/* Set your large rectangular dimensions here */
width: 180px !important;
height: 80px !important;
background-size: contain !important;
background-repeat: no-repeat;
z-index: 100; /* Ensures it sits on top of page content */
}
/* 3. Push the site title/text out of the way if you haven't hidden it */
.branding-box h1 {
margin-left: 190px !important; /* Should be wider than your logo width */
}