1
0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2024-12-13 05:50:27 +00:00

Make relative hyphae block more compact

This commit is contained in:
bouncepaw 2021-01-25 23:46:28 +05:00
parent 2ae3974dbc
commit f5ad2daf44
2 changed files with 13 additions and 4 deletions

View File

@ -51,7 +51,7 @@ header { width: 100%; margin-bottom: 1rem; }
@media screen and (min-width: 801px) {
.main-width { padding: 1rem 2rem; width: 800px; margin: 0 auto; }
main { border-radius: .25rem; }
.relative-hyphae { width: 800px; margin: .5rem auto 0 auto; }
.relative-hyphae { margin: .5rem auto 0 auto; }
.header-links { padding: 0; }
.header-links__entry { margin-right: 1.5rem; }
@ -70,7 +70,7 @@ header { width: 100%; margin-bottom: 1rem; }
.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; }
.main-width { margin: 0; }
main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 20rem; margin: 0 auto 0 0; }
.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 18rem; margin: 0 auto 0 0; }
}
@media screen and (min-width: 1300px) {
@ -208,6 +208,10 @@ blockquote { border-left: 4px black solid; }
.upload-amnt { border: #eee 1px solid; }
td { border: #ddd 1px solid; }
.navitree__node { padding-left: 1rem; }
.navitree__link { text-decoration: none; display: block; }
.navitree__link:hover { background-color: #eee; }
/* Dark theme! */
@media (prefers-color-scheme: dark) {
html { background: #222; color: #ddd; }

View File

@ -26,7 +26,7 @@ header { width: 100%; margin-bottom: 1rem; }
@media screen and (min-width: 801px) {
.main-width { padding: 1rem 2rem; width: 800px; margin: 0 auto; }
main { border-radius: .25rem; }
.relative-hyphae { width: 800px; margin: .5rem auto 0 auto; }
.relative-hyphae { margin: .5rem auto 0 auto; }
.header-links { padding: 0; }
.header-links__entry { margin-right: 1.5rem; }
@ -45,7 +45,7 @@ header { width: 100%; margin-bottom: 1rem; }
.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; }
.main-width { margin: 0; }
main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 20rem; margin: 0 auto 0 0; }
.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 18rem; margin: 0 auto 0 0; }
}
@media screen and (min-width: 1300px) {
@ -183,6 +183,10 @@ blockquote { border-left: 4px black solid; }
.upload-amnt { border: #eee 1px solid; }
td { border: #ddd 1px solid; }
.navitree__node { padding-left: 1rem; }
.navitree__link { text-decoration: none; display: block; }
.navitree__link:hover { background-color: #eee; }
/* Dark theme! */
@media (prefers-color-scheme: dark) {
html { background: #222; color: #ddd; }
@ -191,6 +195,7 @@ main, article, .hypha-tabs__tab, header, .layout-card { background-color: #3434
a, .wikilink_external { color: #f1fa8c; }
a:visited, .wikilink_external:visited { color: #ffb86c; }
.wikilink_new, .wikilink_new:visited { color: #dd4444; }
.navitree__link:hover { background-color: #444; }
.header-links__link, .header-links__link:visited,
.prevnext__el, .prevnext__el:visited { color: #ddd; }