interverse/Client/theme.css
2022-01-25 23:49:52 -05:00

86 lines
No EOL
1.3 KiB
CSS

body{
--theme-primary-color:white;
--theme-secondary-color:black;
background-color:var(--theme-primary-color);
color:var(--theme-secondary-color);
overflow-x:hidden;
margin:0;
display:flex;
flex-direction: column;
font-size:185%;
}
@media screen and (min-width:1000px) {
body{
font-size:100%;
}
}
table {
border-spacing:0;
}
th,td {
padding:0.5rem;
border:2px solid var(--theme-secondary-color);
}
a{
color:var(--theme-secondary-color)
}
a {
text-decoration: none;
}
.inververse{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
#interverse-details{
display:flex;
flex-direction: row;
align-items: center;
}
#interverse-resources{
justify-content: space-evenly;
flex-wrap: wrap;
display:flex;
flex-direction: row;
}
.interverse-resource{
}
.interverse-resource-icon{
height:3rem;
width:3rem;
}
#interverse-connections{
display:flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-start;
}
.interverse-connection{
width:fit-content;
border: 1px solid var(--theme-secondary-color);
padding:0.5rem;
margin:0.25rem;
}
.interverse-widget{
width:50vw;
height:60vh;
}