diff options
| -rw-r--r-- | default.template | 104 |
1 files changed, 34 insertions, 70 deletions
diff --git a/default.template b/default.template index 029da6c..6da5a7b 100644 --- a/default.template +++ b/default.template | |||
| @@ -8,7 +8,10 @@ | |||
| 8 | <style> | 8 | <style> |
| 9 | a:hover {color: red;} | 9 | a:hover {color: red;} |
| 10 | 10 | ||
| 11 | html {font-family: sans-serif;} | 11 | html {font-family: sans-serif; |
| 12 | margin: 0; padding: 0; border: none; | ||
| 13 | height: 100vh; width: 100vw; | ||
| 14 | } | ||
| 12 | 15 | ||
| 13 | menu { | 16 | menu { |
| 14 | list-style-type: none; | 17 | list-style-type: none; |
| @@ -18,14 +21,12 @@ | |||
| 18 | background-color: $onefangPurple$; | 21 | background-color: $onefangPurple$; |
| 19 | overflow-x: auto; | 22 | overflow-x: auto; |
| 20 | width: 84vw; | 23 | width: 84vw; |
| 21 | margin: 1px; | 24 | margin: 2px; |
| 22 | } | 25 | } |
| 23 | 26 | ||
| 24 | table, | 27 | table, td, th { |
| 25 | td, | ||
| 26 | th { | ||
| 27 | border-collapse: collapse; | 28 | border-collapse: collapse; |
| 28 | border: 1px solid white; | 29 | border: 2px solid white; |
| 29 | } | 30 | } |
| 30 | 31 | ||
| 31 | .contentBox { | 32 | .contentBox { |
| @@ -35,75 +36,38 @@ | |||
| 35 | .contentBox a:visited {color: yellowgreen;} | 36 | .contentBox a:visited {color: yellowgreen;} |
| 36 | .contentBox a:hover {color: red;} | 37 | .contentBox a:hover {color: red;} |
| 37 | 38 | ||
| 38 | .stuff { | 39 | .boxWrapper { |
| 40 | height: 99vh; width: 99vw; | ||
| 39 | background-image: linear-gradient($karenPurple$, $onefangPurple$); | 41 | background-image: linear-gradient($karenPurple$, $onefangPurple$); |
| 40 | height: 98vh; | 42 | display: grid; |
| 41 | width: 98vw; | 43 | grid-template-columns: 1fr 98fr 1fr; |
| 42 | margin: 1; | 44 | grid-template-rows: 1fr 1fr 98fr 1fr; |
| 43 | line-style: none; | 45 | grid-auto-rows: minmax(auto, auto); |
| 44 | border-style: none; | 46 | overflow-x: hidden; overflow-y: auto; |
| 45 | border-spacing: 0; | ||
| 46 | border: none; | ||
| 47 | } | ||
| 48 | .stuffCell { | ||
| 49 | height: fit-content; | ||
| 50 | border: none; | ||
| 51 | } | ||
| 52 | .stuffCellBody { | ||
| 53 | background-color: black; | ||
| 54 | color: white; | ||
| 55 | border: none; | ||
| 56 | overflow-x: hidden; | ||
| 57 | overflow-y: auto; | ||
| 58 | height: 100%; | ||
| 59 | width: 100%; | ||
| 60 | vertical-align: top; | ||
| 61 | } | 47 | } |
| 62 | .stuffCellMenu { | 48 | .boxLogo {grid-column: 1 / 1; grid-row: 1 / 2;} |
| 63 | height: fit-content; | 49 | .boxTrails {grid-column: 2 / 2; grid-row: 1 / 1;} |
| 64 | width: fit-content; | 50 | .boxHead {grid-column: 2 / 4; grid-row: 2 / 2; text-align: right;} |
| 65 | border: none; | 51 | .boxMenu {grid-column: 1 / 1; grid-row: 3 / 3; padding: 4px; vertical-align: top;} |
| 66 | white-space: nowrap; | 52 | .boxBody {grid-column: 2 / 4; grid-row: 3 / 3; padding: 4px; vertical-align: top; |
| 67 | vertical-align: top; | 53 | background-color: black; color: white; |
| 54 | height: 100%; width: 100%; | ||
| 68 | } | 55 | } |
| 69 | .stuffCellRight { | 56 | .boxHistory {grid-column: 1 / 1; grid-row: 4 / 4; } |
| 70 | height: fit-content; | 57 | .boxFooter {grid-column: 2 / 4; grid-row: 4 / 4; text-align: right;} |
| 71 | border: none; | ||
| 72 | text-align: right; | ||
| 73 | } | ||
| 74 | |||
| 75 | |||
| 76 | </style> | 58 | </style> |
| 77 | </head> | 59 | </head> |
| 78 | <body bgcolor="black" color="white" text="white" alink="red" link="yellow" vlink="yellowgreen"> | 60 | <body bgcolor="black" color="white" text="white" alink="red" link="yellow" vlink="yellowgreen"> |
| 79 | <table class="stuff"> | 61 | <div class="boxWrapper"> |
| 80 | <header> | 62 | <div class="boxLogo"><header><nav><a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a></nav></header></div> |
| 81 | <tr class="stuffCell"> | 63 | <div class="boxTrails"><header><nav>👣 $trail$</nav></header></div> |
| 82 | <td class="stuffCell"><a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a></td> | 64 | <div class="boxHead"><header><nav>$header$ plus login and register buttons </nav></header></div> |
| 83 | <nav> | 65 | <div class="boxMenu"><header><nav>$menu$</nav></header></div> |
| 84 | <td class="stuffCell"><p>👣 $trail$</p></td> | 66 | <div class="boxBody"> |
| 85 | </nav> | 67 | <main class="contentBox">$body$</main> |
| 86 | </tr> | 68 | </div> |
| 87 | <tr class="stuffCell"> | 69 | <div class="boxHistory"><footer>$history$</footer></div> |
| 88 | <nav> | 70 | <div class="boxFooter"><footer>$footer$</footer></div> |
| 89 | <td class="stuffCellMenu" rowspan=2>$menu$</td> | 71 | </div> |
| 90 | <td class="stuffCellRight">$header$ plus login and register buttons </td> | ||
| 91 | </nav> | ||
| 92 | </tr> | ||
| 93 | </header> | ||
| 94 | <tr class="stuffCell"> | ||
| 95 | <td class="stuffCellBody"> | ||
| 96 | <main class="contentBox"> | ||
| 97 | $body$ | ||
| 98 | </main> | ||
| 99 | </td> | ||
| 100 | </tr> | ||
| 101 | <tr class="stuffCell"> | ||
| 102 | <footer> | ||
| 103 | <td class="stuffCell">$history$</td> | ||
| 104 | <td class="stuffCellRight">$footer$</td> | ||
| 105 | </footer> | ||
| 106 | </tr> | ||
| 107 | </table> | ||
| 108 | </body> | 72 | </body> |
| 109 | </html> | 73 | </html> |