some style changes

This commit is contained in:
stupidcomputer 2024-06-21 23:26:59 -05:00
parent a7b35c6883
commit f6075bd131
1 changed files with 39 additions and 17 deletions

View File

@ -59,19 +59,14 @@ nav#navbar {
width: 100%; width: 100%;
} }
@media only screen and (max-width: 280px) { h1, h2, h3, h4, h5, h6 {
#rightnav { color: var(--accented-text-color);
display: none; word-wrap: break-word;
}
} }
@media only screen and (max-width: 570px) {
#legcontainer { p, td, i, ul, li {
flex-direction: column; color: var(--text-color);
padding-right: 10px; font-size: 16px;
}
#leginfo {
width: 100%;
}
} }
.no-margin-top { .no-margin-top {
@ -84,7 +79,7 @@ nav#navbar {
padding-top: 0px; padding-top: 0px;
border: solid 1px; border: solid 1px;
background-color: var(--component-bg-color); background-color: var(--component-bg-color);
border-radius: 5px; border-radius: 15px;
} }
.legnumbers { .legnumbers {
@ -92,10 +87,37 @@ nav#navbar {
user-select: none; user-select: none;
} }
h1, h2, h3, h4, h5, h6 { @media only screen and (max-width: 280px) {
color: var(--accented-text-color); #rightnav {
display: none;
}
}
@media only screen and (max-width: 570px) {
nav#navbar {
padding-bottom: 10px;
}
#legcontainer {
flex-direction: column;
padding-right: 10px;
}
#leginfo {
width: 100%;
}
} }
p, td, i, ul, li { @media (pointer: coarse) {
color: var(--text-color); #legcontainer {
flex-direction: column;
padding-right: 10px;
}
#leginfo {
width: 100%;
}
p, td, i, ul, li {
font-size: 26px;
}
nav#navbar {
font-size: 40px;
margin-bottom: 10px;
}
} }