User:Canadabonk/common.css

body * {
font-family:unset;
}

body {
font-family:Helvetica;
}


/* ------------------------ */
:root {
    --sidetools-bg: #ddd;
}

.ct-sidetools-wrapper {
    position:absolute;
    left:0;
    top:50px;
    height:100%;
    z-index:40000;
    transform: translateX(-50%);
    padding-bottom:500px;
    box-sizing:border-box;
}

.ct-sidetools {
    position: sticky;
    top: 120px;
}

.ct-sidetools > div {
    margin: 10px 0;
}

.ct-sidetools-button {
    background: var(--sidetools-bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    box-shadow:0 3px 5px rgba(0,0,0,0.3);
    cursor:pointer;
}

.ct-sidetools-button svg {
    width: 20px;
}

.ct-stickytoc {
    position:absolute;
    min-width:200px;
    max-width:250px;
    width:max-content;
    top:-20px;
    left:60px;
    box-shadow:0 3px 10px rgba(0,0,0,0.3);
    background: var(--sidetools-bg);
    border-radius: 5px;
}

.ct-stickytoc > :first-child {
    font-weight:bold;
    border-bottom:1px solid currentcolor;
    padding:10px;
    margin-bottom:3px;
}

.ct-stickytoc ul {    
    overflow:scroll;
    max-height:400px;
    margin:0;
    padding:10px;
    font-size:95%;
    list-style:none;
}
.ct-stickytoc li {
	margin-bottom:0.4em;
}

.ct-stickytoc .tocnumber:after {
    content: ".";
}

body .ct-stickytoc a {
	color:inherit;
}

.ct-stickytoc:before {
    content:"";
    background:var(--sidetools-bg);
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:30px;
    left:-10px;
    transform:rotate(45deg);
}