diff options
| -rw-r--r-- | default.template | 24 |
1 files changed, 5 insertions, 19 deletions
diff --git a/default.template b/default.template index f566f48..883bc24 100644 --- a/default.template +++ b/default.template | |||
| @@ -18,11 +18,8 @@ | |||
| 18 | table, td, th {border-collapse: collapse;border: 2px solid grey;} | 18 | table, td, th {border-collapse: collapse;border: 2px solid grey;} |
| 19 | 19 | ||
| 20 | 20 | ||
| 21 | .contentBox { | ||
| 22 | background: black; color: white; | ||
| 23 | } | ||
| 24 | .boxWrapper { | 21 | .boxWrapper { |
| 25 | height: 99vh; width: 99vw; | 22 | height: 100vh; width: 100vw; |
| 26 | background-image: linear-gradient($karenPurple$, $onefangPurple$); | 23 | background-image: linear-gradient($karenPurple$, $onefangPurple$); |
| 27 | color: white; | 24 | color: white; |
| 28 | display: grid; | 25 | display: grid; |
| @@ -51,13 +48,8 @@ | |||
| 51 | 48 | ||
| 52 | /* Hide the toggle checkbox */ | 49 | /* Hide the toggle checkbox */ |
| 53 | #mode-toggle {display: none;} | 50 | #mode-toggle {display: none;} |
| 54 | /* Style the button */ | 51 | #mode-btn {display: inline-block;} |
| 55 | #mode-btn { | 52 | #mode-toggle:checked ~ .boxBody {background: white; color: black;} |
| 56 | display: inline-block; | ||
| 57 | } | ||
| 58 | // #mode-toggle:checked ~ .boxBody {background: white; color: black;} | ||
| 59 | #mode-toggle:checked ~ .contentBox {background: white; color: black;} | ||
| 60 | |||
| 61 | </style> | 53 | </style> |
| 62 | </head> | 54 | </head> |
| 63 | <body alink="red" link="yellow" vlink="yellowgreen"> | 55 | <body alink="red" link="yellow" vlink="yellowgreen"> |
| @@ -65,14 +57,8 @@ | |||
| 65 | <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> | 57 | <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> |
| 66 | <div class="boxTrail"><header><nav>👣 $trail$</nav></header></div> | 58 | <div class="boxTrail"><header><nav>👣 $trail$</nav></header></div> |
| 67 | <div class="boxHead"><header><nav>$header$ plus login and register buttons </nav></header></div> | 59 | <div class="boxHead"><header><nav>$header$ plus login and register buttons </nav></header></div> |
| 68 | <div class="boxBody"> | 60 | <input type="checkbox" id="mode-toggle" /><div class="boxBody"><main>$body$<br/></main></div> |
| 69 | <input type="checkbox" id="mode-toggle" /> | 61 | <div class="boxMenu"><nav>$menu$<label for="mode-toggle" id="mode-btn">🕶</label></nav></div> |
| 70 | <main class="contentBox">$body$<br/></main> | ||
| 71 | </div> | ||
| 72 | <div class="boxMenu"><nav> | ||
| 73 | $menu$ | ||
| 74 | <label for="mode-toggle" id="mode-btn">🕶</label> | ||
| 75 | </nav></div> | ||
| 76 | <div class="boxHistory"><footer>$history$</footer></div> | 62 | <div class="boxHistory"><footer>$history$</footer></div> |
| 77 | <div class="boxFoot"><footer>$footer$</footer></div> | 63 | <div class="boxFoot"><footer>$footer$</footer></div> |
| 78 | </div> | 64 | </div> |