MediaWiki:Gadget-toggles.css

.sections-toggler, .alwaysactive-toggler, .optionfromlist-toggler { color:var(--link); cursor:pointer; }

.zebra th .sections-toggler, .zebra th .alwaysactive-toggler, .zebra th .optionfromlist-toggler, .zebra-manual th .sections-toggler, .zebra-manual th .alwaysactive-toggler, .zebra-manual th .optionfromlist-toggler { color:var(--zebra-heading-text); cursor:pointer; }

.optionfromlist-toggler.active { color:var(--body-text-color); cursor:default; font-weight:bold; }

.toggle-section-hidden-4, .toggle-section-hidden-3, .toggle-section-hidden-2, .toggle-section-hidden { display:none!important; }

.table-header-showhide { position:absolute; right:3px; top:0; font-weight:normal; }

.toggler-eyes { float:right; }

.toggler-eye { position:relative; z-index:100; }

.toggler-eye-text { min-width:75px; border:1px solid var(--toggler-border-color); border-left:none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position:relative; top:0; z-index:99; margin-left:-18px; padding:3px; padding-left:22px; }

/* buttons for links & togglers */ .toggle-button, .expand-contract-button, .external-link-button{ display: inline-block; border:1px solid var(--interface-border); background: var(--table-background); border-radius:2px; padding:0 0.5em; margin-bottom:.5em; } .toggle-button::after, .expand-contract-button .sections-toggler::before, .external-link-button::after{ font-family:"FontAwesome 5"; }

.toggle-button > span { padding: 0 0.25em; }

.expand-contract-button .sections-toggler::before{ font-weight: 900; margin-right: 0.25em; color:var(--body-text-color); } .toggler-section-show::before { content: "\f06e"; } .toggler-section-hide::before{ content:"\f070"; }

.external-link-button{ border-style: dashed; } .external-link-button::after{ content:"\f35d"; font-weight: 900; margin-left:0.25em; }

.expand-contract-button + .toggle-button, .toggle-button + .toggle-button, .expand-contract-button + .external-link-button, .external-link-button + .external-link-button { margin-left:.5em; }

.expand-contract-button + h2, .expand-contract-button + .clear + h2 { margin-top:0; }

.expand-contract-button.expand-contract-button-no-margin { margin-bottom: 0; }

/* end buttons for links & togglers */