diff options
Diffstat (limited to 'default.template')
-rw-r--r-- | default.template | 32 |
1 files changed, 18 insertions, 14 deletions
diff --git a/default.template b/default.template index 2357782..baefad1 100644 --- a/default.template +++ b/default.template | |||
@@ -29,22 +29,20 @@ | |||
29 | margin: 0; padding: 0; border: none; | 29 | margin: 0; padding: 0; border: none; |
30 | display: grid; | 30 | display: grid; |
31 | // grid-template-areas: | 31 | // grid-template-areas: |
32 | // "logo tools" | 32 | // "logo tools tools tools" |
33 | // "logo head" | 33 | // "logo head head head" |
34 | // "menu body" | 34 | // "menu body body body" |
35 | // "history foot" | 35 | // "history foot foot foot" |
36 | // "nyaw ."; | 36 | // "nyaw nyaw nyaw nyaw"; |
37 | grid-template-columns: auto 1fr auto auto; | 37 | grid-template-columns: 1.4fr 8fr auto auto; |
38 | grid-template-rows: auto auto 1fr auto auto; | 38 | grid-template-rows: auto auto 1fr auto auto; |
39 | // grid-auto-columns: minmax(auto, auto); | ||
40 | // grid-auto-rows: minmax(auto, auto); | ||
41 | overflow-x: auto; overflow-y: auto; | 39 | overflow-x: auto; overflow-y: auto; |
42 | } | 40 | } |
43 | .boxLogo {grid-area: logo; grid-column: 1 / 1; grid-row: 1 / 2; height: min-content;} | 41 | .boxLogo {grid-area: logo; grid-column: 1 / 1; grid-row: 1 / 2; height: min-content;} |
44 | .boxTools {grid-area: tools; grid-column: 2 / 4; grid-row: 1 / 1; height: min-content;} | 42 | .boxTools {grid-area: tools; grid-column: 2 / 4; grid-row: 1 / 1; height: min-content;} |
45 | .boxHead {grid-area: head; grid-column: 2 / 4; grid-row: 2 / 2; height: min-content; text-align: right;} | 43 | .boxHead {grid-area: head; grid-column: 2 / 4; grid-row: 2 / 2; height: min-content; text-align: right;} |
46 | 44 | ||
47 | .boxMenu {grid-area: menu; grid-column: 1 / 1; grid-row: 3 / 3; height: min-content; width: min-content; vertical-align: top; padding: 4px;} | 45 | .boxMenu {grid-area: menu; grid-column: 1 / 1; grid-row: 3 / 3; height: min-content; vertical-align: top; padding: 4px; overflow-x: auto; overflow-y: auto;} |
48 | .boxBody {grid-area: body; grid-column: 2 / 4; grid-row: 3 / 3; vertical-align: top; | 46 | .boxBody {grid-area: body; grid-column: 2 / 4; grid-row: 3 / 3; vertical-align: top; |
49 | height: 100%; width: 100%; | 47 | height: 100%; width: 100%; |
50 | background: black; color: white; | 48 | background: black; color: white; |
@@ -68,8 +66,8 @@ | |||
68 | #modeToggleMenu:checked ~ .boxLogo {display: none;} | 66 | #modeToggleMenu:checked ~ .boxLogo {display: none;} |
69 | #modeToggleMenu:checked ~ .boxHead {display: none;} | 67 | #modeToggleMenu:checked ~ .boxHead {display: none;} |
70 | // #modeToggleMenu:checked ~ .boxTools {display: none;} | 68 | // #modeToggleMenu:checked ~ .boxTools {display: none;} |
69 | // #modeToggleMenu:checked ~ .boxMenu {display: none; width: 0px; max-width: 0px; } | ||
71 | 70 | ||
72 | #modeToggleMenu:checked ~ .boxMenu {display: none;} | ||
73 | #modeToggleBody:checked ~ .boxBody {background: white; color: black;} | 71 | #modeToggleBody:checked ~ .boxBody {background: white; color: black;} |
74 | #modeToggleBody:checked ~ .boxBody a:active {color: $devuanDevuanalink$;} | 72 | #modeToggleBody:checked ~ .boxBody a:active {color: $devuanDevuanalink$;} |
75 | #modeToggleBody:checked ~ .boxBody a:link {color: $devuanDevuanlink$;} | 73 | #modeToggleBody:checked ~ .boxBody a:link {color: $devuanDevuanlink$;} |
@@ -85,17 +83,23 @@ | |||
85 | <div class="boxWrapper"> | 83 | <div class="boxWrapper"> |
86 | <input type="checkbox" id="modeToggleMenu"/> | 84 | <input type="checkbox" id="modeToggleMenu"/> |
87 | <input type="checkbox" id="modeToggleBody"/> | 85 | <input type="checkbox" id="modeToggleBody"/> |
88 | <div class="boxLogo"><header><nav> | 86 | <div class="boxLogo" id="top"><header><nav> |
89 | <a href="$home$"><img src="$logo$" alt="not (Yet) (Another / A) Wiki."/></a> | 87 | <a href="$home$"><img src="$logo$" alt="not (Yet) (Another / A) Wiki."/></a> |
90 | </nav></header></div> | 88 | </nav></header></div> |
91 | <div class="boxTools"><header><nav> | 89 | <div class="boxTools"><header><nav> |
92 | <b class="toolTip" title="🍔 hides / shows non content, reverse hamburger menu. | 90 | <a href="/help.HTML"><b class="toolTip" title="🍔 hides / shows non content, reverse hamburger menu. |
93 | 🕶 switches between dark and light themes. | 91 | 🕶 switches between dark and light themes. |
92 | 📚 shows the list of all pages. | ||
93 | 🔮 a folder of unsorted pages. | ||
94 | 👥 shows the list of users. | ||
94 | 🪵 will be for logging in, when I have written that bit. | 95 | 🪵 will be for logging in, when I have written that bit. |
95 | 🔍 will be the search, when I have written that bit. | 96 | 🔍 will be the search, when I have written that bit. |
96 | 👣 is a trail of the steps to get here.">❓</b> | 97 | 👣 is a trail of the steps to get here.">❓</b></a> |
97 | <b class="toolTip"><label for="modeToggleMenu" class='modeBtn'>🍔</label></b> | 98 | <b class="toolTip"><label for="modeToggleMenu" class='modeBtn'>🍔</label></b> |
98 | <b class="toolTip"><label for="modeToggleBody" class='modeBtn'>🕶</label></b> | 99 | <b class="toolTip"><label for="modeToggleBody" class='modeBtn'>🕶</label></b> |
100 | <a href="/everything.HTML"><b class="toolTip">📚</b></a> | ||
101 | <a href="/unsorted/" ><b class="toolTip">🔮</b></a> | ||
102 | <a href="/users/" ><b class="toolTip">👥</b></a> | ||
99 | <b class="toolTip">🪵</b> | 103 | <b class="toolTip">🪵</b> |
100 | <b class="toolTip">🔍</b> | 104 | <b class="toolTip">🔍</b> |
101 | <b> 👣 $trail$ </b> | 105 | <b> 👣 $trail$ </b> |