MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m Style global collapsible controls |
m Float collapsible controls while scrolling |
||
| Line 19: | Line 19: | ||
.muhro-collapse-controls { | .muhro-collapse-controls { | ||
position: fixed; | |||
right: 1rem; | |||
bottom: 1rem; | |||
z-index: 1000; | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 0. | gap: 0.35rem; | ||
max-width: calc(100vw - 2rem); | |||
padding: 0.35rem; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | |||
background: #fff; | |||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); | |||
} | } | ||
| Line 46: | Line 55: | ||
cursor: default; | cursor: default; | ||
opacity: 0.7; | opacity: 0.7; | ||
} | |||
@media (max-width: 720px) { | |||
.muhro-collapse-controls { | |||
right: 0.5rem; | |||
bottom: 0.5rem; | |||
max-width: calc(100vw - 1rem); | |||
} | |||
.muhro-collapse-button { | |||
padding: 0.2rem 0.55rem; | |||
} | |||
} | } | ||
Revision as of 14:06, 27 May 2026
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');
/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
font-family: "Baloo Paaji 2", cursive;
}
.copy-link{
cursor: pointer;
}
.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }
.muhro-collapse-controls {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 1000;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
max-width: calc(100vw - 2rem);
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 3px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
padding: 0.25rem 0.75rem;
}
.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}
.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}
@media (max-width: 720px) {
.muhro-collapse-controls {
right: 0.5rem;
bottom: 0.5rem;
max-width: calc(100vw - 1rem);
}
.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}