MediaWiki:Chameleon.css

Plugs, Socket Outlets, Vehicle Couplers and Inlets for Conductive Charging Systems of Electric Vehicles

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
a.ca-edit:before {
    content: "\f121";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    display: inline-block !important;
    margin-left: 0;
}c
a.feedlink {
    background-image: none !important;
}
.banner-tagline {
	margin: 0 !important;
	font-size: 3vmin;
	border-bottom: 3px solid #000;
	background: #dcdcdc;
}
.tag.col {
	margin: auto !important;
}
.tag.col:after {
	content: 'Plugs, \0020Socket Outlets, \0020Vehicle Couplers and Inlets for Conductive Charging Systems of Electric Vehicles'
}
.we-navbar.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.we-navbar.sticky #p-search {
	border-bottom: 3px solid #333;	
}
.we-navbar.container {
	max-width: unset !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0;
	background: #fafafa;
}
/*
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    position: fixed;
    top: 78px;
}
*/
.navbar-toggler {
	padding: 8px 12px;
	float: right;
}
.p-navbar {
    background-color: #f0f0f0;
}
.p-navbar a, .p-navbar a:hover, .p-personal-tools a, .p-personal-tools a:hover {
	color: #333 !important;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
}
#p-logo {
    max-width: 150px;
    padding: 0;
}
#p-logo img {
    width: 100%;
}
#sitename-collapsed {
	text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-size: 1.5rem;
    margin-top: -.5rem;
    margin-bottom: -.3rem;
    padding: 8px 0 9px;
	width: 120px;
}
#pt-createaccount a {
	font-weight: bold;
	color: firebrick !important;
}
#p-search {
    margin: auto;
}
#searchInput {
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding-left: 1rem;
}
#searchGoButton {
    border: 0;
    border-radius: 0 !important;
    background: #fff;
    border-bottom: 2px solid #fff;
    box-shadow: none;
    color: #333;
    padding: 0.375rem 0.7rem !important;
}
#content {
    width: 100%;
    padding: 1rem;
}
.we-namespace {
    font-size: 1rem;
    padding: .3rem .6rem;
    height: unset;
    display: inline-block;
    background: var(--darker);
}
.we-namespace:before {
    font-family: "Font Awesome 5 Free";
    padding-right: .5rem;
}
.ns-3000 .we-namespace {
    background: var(--purple);
}
.ns-3000 .we-namespace:before {
    content: '\f518';
}
.ns-3002 .we-namespace {
    background: var(--orange);
}
.ns-3002 .we-namespace:before {
    content: '\f09d';
}
.ns-0 .we-namespace {
    display: none;
}
#back-to-top {
	position: fixed;
	bottom: 95px;
	right: 0;
	display: none;
	width: 40px;
	height: 40px;
    background: #000;
    border: 0;
	z-index: 100;
	opacity: 0.65;
	color: #fff;
}
#back-to-top:hover {
	opacity: .95;
}
#back-to-top:focus {
	outline: none !important;
	opacity: .25;
}
/**
:target, h2, .h2 {
  padding-top: 80px; 
  margin-top: -80px !important;
}
 h2, .h2, h3, .h3, h4, .h4 {
  padding-top: 80px; 
  margin-top: -60px !important;
}
ol.references li:target, sup.reference:target {
    background-color: transparent !important;
    border-bottom: 3px solid var(--darker);
}
**/
#mw-imagepage-content {
	clear: both;
	float: none;
}
.mw-special-Contact #ooui-php-9 {
	display: none;
}
#p-personal .p-personal-tools, .p-personal .p-personal-tools {
    margin: 0;
    padding: .55rem;
    background: #fafafa;
    justify-content: center;
}
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
    top: 1px;
}
#p-personal .p-personal-tools > *, .p-personal .p-personal-tools > * {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.dropdown-item.active, 
.dropdown-item:active, 
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child.active, 
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child:active {
    background: rgba(0,0,0,.15) !important;
    background-image: none;
    color: #fff;
}

@media (min-width: 1105px) {
.navbar-expand-cmln .navbar-nav .nav-link, .p-navbar.collapsible .navbar-nav .nav-link, .p-navbar.collapsible .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar.collapsible .navbar-nav .navbar-tool > a, .navbar-expand-cmln .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-expand-cmln .navbar-nav .navbar-tool > a {
    padding-right: .4rem;
    padding-left: .4rem;
}
}

@media screen and ( max-width: 1280px ) {
	.navbar-collapse.show .navbar-tools.navbar-nav {
		float: none !important;
	}
	.p-navbar .navbar-nav.right {
		margin-top: 0 !important;
	}
}
@media screen and ( max-width: 991px ) {
	.p-navbar {
		position: static;
    	display: block;
    	min-height: 40px;
	}
}
.card-columns {
   	column-count: 1;
}
@media (min-width: 768px){
	.card-columns {
    	column-count: 3;
	}
}
@media (max-width: 540px){
	#pt-mycontris, #pt-watchlist {
    	display: none;
	}
}
#footer-info-lastmod {
	display: none;
}
.dataTable th {
	border-bottom: 3px solid #ccc !important;
	background: #fff;
}
.table th { 
    border-top: none;
}
.dataTable, .dataTable.no-footer {
    border-bottom-width: 0 !important; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: unset;
	background-image: none !important;
    background-color: rgba(0,0,0,.3);
	border-color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	background-image: none;
    background-color: rgba(0,0,0,.15);
	border: 1px solid #ccc;
}
.img-fluid-wh {
	width: 100%;
	height: 100%;
}
mark a {
    color: inherit !important;
}
mark.smw-issue-label {
    font-size: inherit !important;
    font-weight: normal !important;
    background: #f6f6f6 !important;
    color: inherit !important;
}
.multipleTemplateInstance {
	color: #6b6e71;
    background: #f5f6f8 linear-gradient(180deg,#f7f8f9,#f5f6f8) repeat-x;
    border-color: #f1f3f5;
}
.select2-container-multi .select2-choices {
	background-image: none;
	border-color: transparent;
	background: unset;
}
.select2-container-multi.select2-container-active .select2-choices {
	border-width: inherit;
	box-shadow: inherit;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 7px 6px 7px 18px !important;
    border: 1px solid #cccccccc;
    border-radius: 0;
    background-image: none;
    background-color: #cccccc33;
}
.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; } }

.divider {
    height: 1px;
    border-bottom: 1px solid #efefef;
    margin-top: .3rem;
    margin-bottom: .3rem;
}
div.thumbinner {
    border: 0;
    padding: 0;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}
html .thumbimage {
	border: 0;
}
html .thumbcaption {
    border: 0;
    padding: .5rem .5rem 1rem 1rem;
}
ul.fancytree-container {
    font-family: inherit;
    font-size: 13px;
    white-space: nowrap;
    padding: 1rem;
    background: #f2f2f2;
	border: 0;
}
.fancytree:after {
    width: 16px;
    display: flex;
    content: '';
    background: #f2f2f2;
    border-right: 1px solid rgba(0,0,0,.2);
}
.fancytree {
    position: fixed;
    left: -500px;
    display: flex;
    top: 0;
    bottom: 0;
    transition: left ease-out .4s;
    z-index: 2;
}
.fancytree.active {
    left: 0;
    transition: left ease-in .6s;
}
.book-contents-menu {
	cursor: pointer;
}
.fancytree-title p {
	margin-bottom: 0;
}
.fancytree-container:focus {
	outline: none !important;
}
.fancytree-treefocus span.fancytree-selected span.fancytree-title, 
.fancytree-treefocus span.fancytree-active span.fancytree-title {
    color: var(--dark);
    background-color: var(--white);
}
.mw-ui-button {
	max-width: none;
}

.ns-3004 .subpages {
    display: none !important;
}
.ns-3004 #firstHeading { display: none; }
.ns-3004 #top-notice-ns { margin-bottom: 0 }
.ns-3004 #bottom-notice-ns { margin-top: 0 }

#toc .toctitle h2, .toc .toctitle h2 {
	font-size: 1.4rem;
	font-weight: 500;
}

#toc, .toc {
    background: #fff;
    padding: 0;
    font-size: 100%;
    border: none;
}

#toc .toctitle, .toc .toctitle {
	padding: 0.5em 0 .5em;
	text-align: left;
}

.toc h2 {
	border-bottom: 0;
}
.toctogglespan {
	font-size: small;
	font-family: sans-serif;
}
:not(:checked) > .toctogglespan::before {
	content: ' [ ';
}
:not(:checked) > .toctogglespan::after {
	content: ' ]';
}
.smw-issue-label { font-size: 15px }
.smw-issue-label a:hover { text-decoration: none !important;}

input[type="checkbox"] { height: auto; }

.page-Project_Reference_Cards .smw-plainlist-furtherresults a {
	color: #fff;
	font-weight: bold;
	display: block;
	width: 100%;
	padding: 1rem;
	background: var(--primary);
	text-align: center;
}
.page-Project_Reference_Cards .smw-plainlist-furtherresults a:hover {
	text-decoration: none;
}
.refinfo:before {
	content: "";
    display: inline-block;
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    position: absolute;
    margin-top: -9px;
    background: white;
}
@media screen and ( min-width: 768px ){
	.refinfo:before {
		display: none;
	}
}
.custom-control {

}