CSS and Javascript changes must comply with the wiki design rules.
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: Clear the cache in Tools → Preferences
.action-button,
.sections-toggler,
.alwaysactive-toggler,
.optionfromlist-toggler,
.sections-toggler-lazy,
.alwaysactive-toggler-lazy,
.optionfromlist-toggler-lazy {
color:var(--link);
cursor:pointer;
width:max-content;
}
.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;
}
.column-show-hide-hidden,
.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 */
.info-item,
.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;
}
.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,
.toggle-button + .info-item,
.external-link-button + .info-item,
.expand-contract-button + .info-item {
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;
}