MediaWiki:Chameleon.css

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body { font-family: Roboto, system-ui; }

.p-navbar { background: #2e77fd; }

@media (min-width: 1105px) { .p-navbar { background: transparent; }	.navbar-expand-cmln, .p-navbar.collapsible { flex-flow: column nowrap; gap: 1rem; padding: 0; }	.p-navbar .navbar-brand.p-logo { padding: 0 3rem; margin-top: 1rem; }	.flex-cmln-row, .p-navbar.collapsible .navbar-collapse { background-color: #2e77fd; width: 100%; padding: .5rem 1rem; }	.navbar-expand-cmln .navbar-nav .nav-link, .p-navbar.collapsible .navbar-nav .nav-link, .navbar-expand-cmln .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-expand-cmln .navbar-nav .navbar-tool > a, .p-navbar.collapsible .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar.collapsible .navbar-nav .navbar-tool > a,		.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a,		.p-navbar a.navbar-more-tools, .p-navbar a.navbar-usernotloggedin, .p-navbar a.navbar-userloggedin, .p-navbar a.navbar-tool-link, .p-navbar a:visited.navbar-tool-link { color: #fff; }	.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { color: #fff; background-color: #6195f3; border-radius: .5rem; } }

@media (max-width: 1108px) { .p-navbar .navbar-brand img { filter: invert(1); }	.navbar-light .navbar-toggler, .p-navbar .navbar-toggler { color: #fff; border-color: rgba(255,255,255,.5); }	.p-navbar.collapsible .navbar-collapse.show, .p-navbar.collapsible .navbar-collapse.collapsing { align-items: flex-start; margin-top: 1rem; }	.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { color: #fff; }	.p-navbar .navbar-nav.right { flex-wrap: wrap; }	.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { color: #fff; border-left: 2px solid #fff; padding-left: 10px; } }

@media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-cmln, .container-xl { max-width: 1250px; } }