User:Canadabonk/common.css: Difference between revisions
Content added Content deleted
Canadabonk (talk | contribs) (Created page with "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...") |
(No difference)
|
Revision as of 15:32, 5 June 2024
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;
padding:7px;
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:5px;
margin-bottom:10px;
}
.ct-stickytoc ul {
overflow:scroll;
max-height:300px;
margin:0;
}
.ct-stickytoc .tocnumber:after {
content: ".";
}
.ct-stickytoc:before {
content:"";
background:var(--sidetools-bg);
display:block;
width:20px;
height:20px;
position:absolute;
top:30px;
left:-10px;
transform:rotate(45deg);
}