wikimedica-disease-search/app/style/style.css

108 lines
1.3 KiB
CSS

:root
{
--font-family: 'Source Sans Pro';
--font-size: 18px;
}
body, html
{
padding: 0;
margin: 0;
outline: 0;
height: 100%;
font-family: var(--font-family);
font-size: var(--font-size);
}
body, html, #root
{
width: 100%;
height: 100%;
}
input
{
font-family: var(--font-family);
font-size: var(--font-size);
}
*, *::before, *::after
{
box-sizing: border-box;
}
.App
{
width: 100%;
height: 100%;
}
.TermInput
{
position: absolute;
z-index: 2;
top: 32px;
left: 50%;
transform: translateX(-50%);
border: 2px solid #333333;
display: flex;
}
.TermInput:focus-within
{
outline: 2px solid #333333;
}
.TermInput_input
{
flex: 1;
padding: 6px 12px;
border: none;
width: 600px;
}
.ResultsGraph, .ResultsGraph div, .ResultsGraph svg
{
width: 100%;
height: 100%;
}
.Graph
{
position: relative;
display: block;
overflow: hidden;
user-select: none;
}
.Graph_edgesContainer
{
position: absolute;
z-index: 0;
top: 0;
left 0;
width: 100%;
height: 100%;
}
.Graph_edgesContainer line
{
stroke: black;
}
.Graph_node
{
position: absolute;
z-index: 1;
display: block;
transform: translate(-50%, -50%);
background: white;
padding: 4px 8px;
}