slige/web/public/style.css
2024-11-21 04:12:07 +01:00

90 lines
1.6 KiB
CSS

:root {
color-scheme: light dark;
font-family: sans;
--bg-1: #2b2d31;
--bg-2: #313338;
--fg-2: #666666;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
height: 100vh;
background-color: var(--bg-1);
}
main {
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
max-width: 1500px;
width: 100%;
}
#code-coverage {
width: 1000px;
height: 500px;
margin: 20px;
background-color: rgb(240, 220, 200);
}
#code-coverage pre {
background-color: none;
}
#code-coverage code {
font-family: monospace;
color: black;
font-weight: 600;
font-size: 20px;
}
#code-coverage canvas {
z-index: 1;
width: 1000px;
height: 500px;
position: absolute;
image-rendering: pixelated;
}
#code-coverage #covers-tooltip {
z-index: 2;
position: absolute;
top: 0;
left: 0;
padding: 3px;
border-radius: 3px;
background-color: var(--bg-2);
box-shadow: 2px 2px 2px black;
color: #eee;
}
#flame-graph {
width: 1004px;
height: 504px;
margin: 20px;
background-color: var(--bg-2);
border: 2px solid rgb(240, 220, 200);
padding: 2px;
}
#flame-graph canvas {
z-index: 1;
width: 1000px;
height: 500px;
position: absolute;
image-rendering: pixelated;
transform: translate(-2px, -2px);
}
#flame-graph #flame-graph-tooltip {
z-index: 2;
position: absolute;
top: 0;
left: 0;
padding: 3px;
border-radius: 3px;
background-color: var(--bg-2);
box-shadow: 2px 2px 2px black;
color: #eee;
}