diff options
| author | dvs1 | 2025-03-13 18:35:29 +1000 |
|---|---|---|
| committer | dvs1 | 2025-03-13 18:35:29 +1000 |
| commit | 70c1657cac2f6c24184e03abac40ecf8957e3a06 (patch) | |
| tree | 439caec04aae56d569ffc75c834068971a159da7 | |
| parent | More template tweaks. (diff) | |
| download | notYetAnotherWiki-70c1657cac2f6c24184e03abac40ecf8957e3a06.zip notYetAnotherWiki-70c1657cac2f6c24184e03abac40ecf8957e3a06.tar.gz notYetAnotherWiki-70c1657cac2f6c24184e03abac40ecf8957e3a06.tar.bz2 notYetAnotherWiki-70c1657cac2f6c24184e03abac40ecf8957e3a06.tar.xz | |
The reverse hamburger menu is born! Put it in the new toolbar.
| -rw-r--r-- | default.template | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/default.template b/default.template index b49b4d6..42f1afe 100644 --- a/default.template +++ b/default.template | |||
| @@ -31,7 +31,7 @@ | |||
| 31 | margin: 0; padding: 0; border: none; | 31 | margin: 0; padding: 0; border: none; |
| 32 | display: grid; | 32 | display: grid; |
| 33 | // grid-template-areas: | 33 | // grid-template-areas: |
| 34 | // "logo trail" | 34 | // "logo tools" |
| 35 | // "logo head" | 35 | // "logo head" |
| 36 | // "menu body" | 36 | // "menu body" |
| 37 | // "history foot"; | 37 | // "history foot"; |
| @@ -42,7 +42,7 @@ | |||
| 42 | overflow-x: auto; overflow-y: auto; | 42 | overflow-x: auto; overflow-y: auto; |
| 43 | } | 43 | } |
| 44 | .boxLogo {grid-area: logo; grid-column: 1 / 1; grid-row: 1 / 2; height: min-content;} | 44 | .boxLogo {grid-area: logo; grid-column: 1 / 1; grid-row: 1 / 2; height: min-content;} |
| 45 | .boxTrail {grid-area: trail; grid-column: 2 / 4; grid-row: 1 / 1; height: min-content;} | 45 | .boxTools {grid-area: tools; grid-column: 2 / 4; grid-row: 1 / 1; height: min-content;} |
| 46 | .boxHead {grid-area: head; grid-column: 2 / 4; grid-row: 2 / 2; height: min-content; text-align: right;} | 46 | .boxHead {grid-area: head; grid-column: 2 / 4; grid-row: 2 / 2; height: min-content; text-align: right;} |
| 47 | 47 | ||
| 48 | .boxMenu {grid-area: menu; grid-column: 1 / 1; grid-row: 3 / 3; height: min-content; width: min-content; vertical-align: top; padding: 4px;} | 48 | .boxMenu {grid-area: menu; grid-column: 1 / 1; grid-row: 3 / 3; height: min-content; width: min-content; vertical-align: top; padding: 4px;} |
| @@ -68,7 +68,7 @@ | |||
| 68 | 68 | ||
| 69 | #modeToggleMenu:checked ~ .boxLogo {display: none;} | 69 | #modeToggleMenu:checked ~ .boxLogo {display: none;} |
| 70 | #modeToggleMenu:checked ~ .boxHead {display: none;} | 70 | #modeToggleMenu:checked ~ .boxHead {display: none;} |
| 71 | // #modeToggleMenu:checked ~ .boxTrail {display: none;} | 71 | // #modeToggleMenu:checked ~ .boxTools {display: none;} |
| 72 | 72 | ||
| 73 | #modeToggleMenu:checked ~ .boxMenu {display: none;} | 73 | #modeToggleMenu:checked ~ .boxMenu {display: none;} |
| 74 | #modeToggleBody:checked ~ .boxBody {background: white; color: black;} | 74 | #modeToggleBody:checked ~ .boxBody {background: white; color: black;} |
| @@ -89,8 +89,8 @@ | |||
| 89 | <div class="boxLogo"><header><nav> | 89 | <div class="boxLogo"><header><nav> |
| 90 | <a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a> | 90 | <a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a> |
| 91 | </nav></header></div> | 91 | </nav></header></div> |
| 92 | <div class="boxTrail"><header><nav> | 92 | <div class="boxTools"><header><nav> |
| 93 | <b class="toolTip" title="🍔 hides or shows non content. | 93 | <b class="toolTip" title="🍔 hides / shows non content, reverse hamburger menu. |
| 94 | 🕶 switches between dark and light themes. | 94 | 🕶 switches between dark and light themes. |
| 95 | 🪵 will be for logging in, when I have written that bit. | 95 | 🪵 will be for logging in, when I have written that bit. |
| 96 | 🔍 will be the search, when I have written that bit. | 96 | 🔍 will be the search, when I have written that bit. |