Moved nabvar to it's own cshtml and simplified it a lot; Removed most of the default css and js from wwwroot; Implemented a very simple custom styling that mimmics the default asp.net bootstrap one

3 files changed, 168 insertions, 0 deletions

diff --git a/ExamTemplate/Web/wwwroot/css/site.css b/ExamTemplate/Web/wwwroot/css/site.css
new file mode 100644
index 0000000..5923427
--- /dev/null
+++ b/ExamTemplate/Web/wwwroot/css/site.css
@@ -0,0 +1,79 @@
+/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification

+for details on configuring this project to bundle and minify static web assets. */

+

+a.navbar-brand {

+  white-space: normal;

+  text-align: center;

+  word-break: break-all;

+}

+

+/* Provide sufficient contrast against white background */

+a {

+  color: #0366d6;

+}

+

+.btn-primary {

+  color: #fff;

+  background-color: #1b6ec2;

+  border-color: #1861ac;

+}

+

+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

+  color: #fff;

+  background-color: #1b6ec2;

+  border-color: #1861ac;

+}

+

+/* Sticky footer styles

+-------------------------------------------------- */

+html {

+  font-size: 14px;

+}

+@media (min-width: 768px) {

+  html {

+    font-size: 16px;

+  }

+}

+

+.border-top {

+  border-top: 1px solid #e5e5e5;

+}

+.border-bottom {

+  border-bottom: 1px solid #e5e5e5;

+}

+

+.box-shadow {

+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);

+}

+

+button.accept-policy {

+  font-size: 1rem;

+  line-height: inherit;

+}

+

+/* Sticky footer styles

+-------------------------------------------------- */

+html {

+  position: relative;

+  min-height: 100%;

+  line-height: 1.15;

+}

+

+body {

+  min-height: 100vh;

+  margin: 0;

+  font-size: 1.15em;

+  background-color: white;

+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

+}

+

+/* The following is kinda dirty, that's why it's separated */

+

+body {

+  display: flex;

+  flex-direction: column;

+}

+

+body > main {

+  flex: 1;

+}

diff --git a/ExamTemplate/Web/wwwroot/css/styles.css b/ExamTemplate/Web/wwwroot/css/styles.css
new file mode 100644
index 0000000..51631c0
--- /dev/null
+++ b/ExamTemplate/Web/wwwroot/css/styles.css
@@ -0,0 +1,89 @@
+
+/* Change the maximum width of content (stuff inside pages and navbar),
+ * depending on width of browser window.
+ * Configuration copied from default Bootstrap
+ */
+
+@media (min-width: 576px) {
+  :root {
+    --max-content-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+  :root {
+    --max-content-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+  :root {
+    --max-content-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+  :root {
+    --max-content-width: 1140px;
+  }
+}
+
+/* Main */
+
+.main {
+  width: 100%;
+  height: 100%;
+}
+
+  /* Stuff that you need in the middle portion
+   * of the screen (like the stuff inside the
+   * navbar and footer) should be inside
+   * an element with this tag
+   */
+.middle-content-container {
+  max-width: var(--max-content-width);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Navbar and footer */
+
+.navbar {
+  width: 100%;
+  background-color: white;
+}
+
+.navbar, footer {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.navbar a {
+  padding-left: 5px;
+  padding-right: 5px;
+  text-decoration: none;
+  color: #343a40;
+}
+
+.navbar a:hover {
+  color: black;
+}
+
+.navbar-contents {
+  width: 100%;
+  display: flex;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.navbar-contents > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Other general stuff */
+
+.flex-spacer {
+  flex: 1;
+}
diff --git a/ExamTemplate/Web/wwwroot/favicon.ico b/ExamTemplate/Web/wwwroot/favicon.ico
new file mode 100644
index 0000000..a3a7999
--- /dev/null
+++ b/ExamTemplate/Web/wwwroot/favicon.ico