MediaWiki:Gadget-toggles.css

.sections-toggler, .alwaysactive-toggler, .optionfromlist-toggler, .sections-toggler-lazy, .alwaysactive-toggler-lazy, .optionfromlist-toggler-lazy { 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-lazy.active, .optionfromlist-toggler.active { color:var(--body-text-color); cursor:default; font-weight:bold; }

.titletabs-tabs .optionfromlist-toggler-lazy.active, .titletabs-tabs .optionfromlist-toggler.active { font-weight:normal; }

.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(--zebra-color-2); border-radius:2px; padding:0 0.5em; margin-bottom:.5em; } .frontpage-header a::after, .toggle-button::after, .expand-contract-button .sections-toggler::before, .external-link-button::after{ font-family:"FontAwesome 5"; }

.toggle-button > span, .toggle-button > div { 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; }

.frontpage-header a { display:inline-flex; } .frontpage-header a::after { font-size:50%; align-self:center; }

.frontpage-header a::after, .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 */

.popup-content-outer{ position: relative; } .popup-content-inner-pretty { border: 1px solid var(--interface-border); background: rgba(var(--interface-background-rgb), 0.95); border-radius: 3px; box-shadow: 0.25em 0.25em 2px var(--box-shadow-color); position: absolute; top: 0; z-index:99; } .popup-content-middle-wrapper { position:absolute; top:50%; left:50%; }

.navbox .hlist .popup-button::before { content:'\f0c9'; font-size:80%; }

/* toggle all */ .all-toggle-all-toggler { color:var(--link); cursor:pointer; }

.team-members-role .all-toggle-all-toggler, .all-toggle-all-toggler, .all-toggle-all-toggle { display:inline-block; }

.all-toggle-all-toggler + .all-toggle-all-toggle { margin-left:.3em; }