From 985d0a6f6dcfffaa227c117aaa184b4846009c0a Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Thu, 6 May 2021 19:38:51 +0300
Subject: 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

---
 ExamTemplate/Web/wwwroot/css/site.css   | 79 +++++++++++++++++++++++++++++
 ExamTemplate/Web/wwwroot/css/styles.css | 89 +++++++++++++++++++++++++++++++++
 2 files changed, 168 insertions(+)
 create mode 100644 ExamTemplate/Web/wwwroot/css/site.css
 create mode 100644 ExamTemplate/Web/wwwroot/css/styles.css

(limited to 'ExamTemplate/Web/wwwroot/css')

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;
+}
-- 
cgit v1.2.3