MediaWiki:Common.css: Difference between revisions
From Cheeky Factor
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
border: 1px solid #ccc; /* Optional: Add border for better visual separation */ | border: 1px solid #ccc; /* Optional: Add border for better visual separation */ | ||
padding: 10px; /* Optional: Add some padding inside the TOC */ | padding: 10px; /* Optional: Add some padding inside the TOC */ | ||
} | |||
/*Default home page CSS*/ | |||
.portal-box { | |||
margin-left: 0.5em; | |||
margin-right: 0.5em; | |||
margin-bottom: 1em; | |||
background: #becdd6; | |||
border: 1px solid #323e48; | |||
width: calc(45% - 1em); | |||
} | |||
@media (prefers-color-scheme: dark) { | |||
.portal-box { | |||
margin-left: 0.5em; | |||
margin-right: 0.5em; | |||
margin-bottom: 1em; | |||
background: #3e6f87; | |||
border: 1px solid #323e48; | |||
width: calc(45% - 1em); | |||
} | |||
} | } | ||
Revision as of 18:35, 25 September 2024
/* CSS placed here will be applied to all skins */
.p-navbar {
background-color: #88b5d7;
}
.nav-link a {
filter: invert(10%) sepia(95%) saturate(685%) hue-rotate(168deg) brightness(94%) contrast(107%);
}
.jsbc-breadcrumbs {margin-top: 20px;}
.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }
#toc {
position: fixed;
top: 10px; /* Sticks the TOC 10px from the top */
z-index: 1000; /* Ensures the TOC stays above other content */
background-color: white; /* Optional: Set background color to avoid overlap issues */
border: 1px solid #ccc; /* Optional: Add border for better visual separation */
padding: 10px; /* Optional: Add some padding inside the TOC */
}
/*Default home page CSS*/
.portal-box {
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 1em;
background: #becdd6;
border: 1px solid #323e48;
width: calc(45% - 1em);
}
@media (prefers-color-scheme: dark) {
.portal-box {
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 1em;
background: #3e6f87;
border: 1px solid #323e48;
width: calc(45% - 1em);
}
}