MediaWiki:Chameleon.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

.banner-tagline {
/*	font-family: 'Julius Sans One', serif; */
	font-size: 6vw;
	font-weight: bold;
	line-height: 1em;
	margin: auto;
	padding: 1rem;
	color: #f6f6f6;
}

.banner-bg {
}

#mw-navigation {
	border-top: 4px solid #c8c8c8;
}

.p-navbar {
    background-color: #f3f3f3;
}

.p-search .searchGoButton {
	box-shadow: none;
}

#back-to-top {
	position: fixed;
	bottom: 80px;
	right: 0;
	display: none;
	width: 46px;
	height: 50px;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #cadada;
	z-index: 100;
	opacity: .6;
	color: #1b599b;
}

#back-to-top:hover {
	opacity: .95;
}

.p-search {
	padding-left: 1.4rem !important;
	width: auto !important;
}

#contentSub {
    margin-bottom: 1rem;
}

.dropdown-menu.show {
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        max-height: 97vh
}

.dropdown-menu.show::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
}

#mw-navigation a :before, #p-contentnavigation a:before, 
.dropdown-toggle:before, .dropdown-menu a:before, 
.navbar-userloggedin:before, .navbar-usernotloggedin:before {
    content: '';
    display: none !important;
}

#mw-navigation a {
	color: #444 !important;
	font-weight: bold;
}

#searchInput {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

#searchGoButton {
    border: 0;
    border-radius: 0 !important;
    background: #fff
}

.p-navbar .navbar-form,
.p-search {
	padding: 0 !important;
}

.dropdown-item.active, 
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child.active, 
.dropdown-item:active, 
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child:active {
    color: #fff !important;
    text-decoration: none;
    background: #a9d1d8;
}


#toc,
.toc {
 font-size:0.9em;
 background:#ffffff;
 margin-top:0.75em;
 padding:0;
 border:none;
 border-bottom: 1px solid #c8ccd1;
 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 flex-direction: column;
}
#toc .toctitle,
.toc .toctitle {
 background:#eeeeee;
 border:1px solid #dcdcdc;
padding: .5em .5em 0;
}
#toc .toctitle h2,
.toc .toctitle h2,
#toc .toctitle a,
.toc .toctitle a {
 color:#333333;
 font-size: 1rem;
}
#toc .toclevel-1 a,
.toc .toclevel-1 a {
 color:#515151
}
#toc .toclevel-2 a,
.toc .toclevel-2 a {
 color:#777777
}
#toc > ul,
.toc > ul {
 border:0 solid #e6e6e6;
 border-top:none;
 line-height:1.8em;
 padding:0.75em 1.75em;
 margin:0
}
#toc ul ul,
.toc ul ul {
 border-left:1px dotted #cccccc;
 padding-left:0.5em
}
.toctoggle {
 padding-left:0.2em
}
.tocnumber {
 display:none
}
.toclimit-2 #toc .toclevel-2,
.toclimit-3 #toc .toclevel-3,
.toclimit-4 #toc .toclevel-4,
.toclimit-5 #toc .toclevel-5,
.toclimit-6 #toc .toclevel-6,
.toclimit-7 #toc .toclevel-7 {
 display:none
}


@media screen and ( max-width: 390px ) {
	#p-logo {
		margin: auto;
	}
}
@media screen and ( min-width: 640px ) {
	.banner-tagline {
		font-size: 4.8vw;
		padding: 1.2rem;
	}
}
@media screen and ( min-width: 960px ) {
	.banner-tagline {
		font-size: 3.4vw;
		padding: 1.8rem;
	}
}
@media screen and ( min-width: 1105px ) {
	.p-navbar {
		background-color: #fff;
	}
}

blockquote {
    margin: 0.3rem 1rem;
    color: #444;
    border-left: 4px solid #f0f0f0;
    padding-left: 1rem;
}
.poem {
    padding-left: 1rem;
    font-style: italic;
}
#mw-navigation.mini .navbar-collapse  .navbar-nav.right { margin-top: 0 !important; }

.mw-headline {
  scroll-margin-top: 4rem;
}

.ns-6 #pfForm.createbox .mw-message-box-warning {
	display: none;
}