lookyloo/website/web/static/tree.css

161 lines
2.4 KiB
CSS
Raw Normal View History

2017-09-22 00:26:38 +02:00
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 3px;
}
.node text {
font: 12px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}
2017-09-25 15:11:01 +02:00
2020-07-27 18:37:22 +02:00
#menu_container {
2019-02-06 18:01:17 +01:00
position: fixed;
top: 5px;
2020-07-27 18:37:22 +02:00
left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#menu {
position: fixed;
top: 5px;
left: 5px;
2019-02-06 18:01:17 +01:00
background: white;
border: 2px solid;
2020-07-27 18:37:22 +02:00
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#menu_container .menu-header {
width: 200px;
height: 110px;
resize: both;
2019-02-06 18:01:17 +01:00
}
2020-07-27 18:37:22 +02:00
#menu_container ul.components {
padding: 20px 0;
}
#menu_container ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
}
#menu_container ul li a:hover {
background: #fff;
}
#screenshot {
2017-09-25 15:11:01 +02:00
position: fixed;
top: 5px;
2020-07-27 18:37:22 +02:00
right: 5px;
background: white;
2017-09-25 15:11:01 +02:00
border: 2px solid;
2020-07-27 18:37:22 +02:00
height: 1030px;
overflow: hidden;
2017-09-25 15:11:01 +02:00
}
2019-04-18 17:34:36 +02:00
#legend_container {
position: fixed;
bottom: 5px;
2020-07-30 17:45:07 +02:00
right: 5px;
2019-04-18 17:34:36 +02:00
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
2017-09-25 15:11:01 +02:00
#legend {
position: fixed;
bottom: 5px;
2020-07-30 17:45:07 +02:00
right: 5px;
2017-09-25 15:11:01 +02:00
background: white;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
2019-04-19 14:41:04 +02:00
#tree-details_container {
2020-07-27 18:37:22 +02:00
position: fixed;
2020-07-30 17:45:07 +02:00
top: 5px;
2020-07-27 18:37:22 +02:00
right: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
2019-04-19 14:41:04 +02:00
}
2017-09-25 15:11:01 +02:00
#tree-details {
position: fixed;
2020-07-30 17:45:07 +02:00
top: 5px;
2017-09-25 15:11:01 +02:00
right: 5px;
background: white;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
2017-10-04 15:13:42 +02:00
.tooltip {
position: absolute;
text-align: left;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
2020-07-27 18:37:22 +02:00
z-index: 1;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
2017-10-04 15:13:42 +02:00
}
.tooltip text {
2020-07-27 18:37:22 +02:00
font: 15px sans-serif;
z-index: 2;
2017-10-04 15:13:42 +02:00
}
2019-04-18 17:34:36 +02:00
hr {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
2019-04-19 15:53:50 +02:00
border-color: black;
2019-04-18 17:34:36 +02:00
border-style: inset;
border-width: 1px;
}
2020-02-03 18:30:41 +01:00
table {
table-layout: fixed;
}
table td p {
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
2020-02-03 18:30:41 +01:00
}
2020-07-17 18:39:50 +02:00
[data-toggle="collapse"].collapsed .if-not-collapsed {
display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
display: none;
}