lookyloo/website/web/static/tree.css

120 lines
1.8 KiB
CSS

.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 3px;
}
.node text {
font: 12px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}
#screenshot {
position: fixed;
top: 5px;
right: 5px;
background: white;
border: 2px solid;
height: 1030px;
overflow: hidden;
}
#lookyloo-icon {
position: fixed;
top: 5px;
left: 5px;
background-image: url("lookyloo.jpeg");
background-size: cover;
width: 200px;
height: 110px;
resize: both;
border: 2px solid;
}
#legend_container {
position: fixed;
bottom: 5px;
left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#legend {
position: fixed;
bottom: 5px;
left: 5px;
background: white;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#tree-details_container {
position: fixed;
bottom: 5px;
right: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#tree-details {
position: fixed;
bottom: 5px;
right: 5px;
background: white;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.tooltip {
position: absolute;
text-align: left;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
z-index: 1;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.tooltip text {
font: 15px sans-serif;
z-index: 2;
}
hr {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-color: black;
border-style: inset;
border-width: 1px;
}
#timestamp {
text-align: right;
color: gray;
font-size: small;
}