wip: remove bootstrap part 1

1 files changed, 51 insertions, 58 deletions

diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index 45cc949..b782ae2 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -1,21 +1,59 @@
-/* These styles are generated from project.scss. */
 
-.alert-debug {
-  color: black;
-  background-color: white;
-  border-color: #d6e9c6;
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    font-size: 18px;
+    font-family: "Ubuntu Mono", monospace;
 }
 
-* {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  /*margin: 0;*/
-  /*padding: 0;*/
+html, body {
+    height: 100%;
+}
+
+header, nav, main, footer {
+    padding: 2px calc((100% - 800px) / 2) 0;
+}
+
+main {
+    margin-top: 54px;
+    margin-bottom: 54px;
+    min-height: calc(100vh - 345px);
+    overflow: auto;
+}
+
+body {
+    line-height: 1.5;
+    background-color: #F1F3F6;
+    color: #34495E;
+    overflow-y: scroll;
+}
+
+h1 a {
+    font-size: 36px;
+    font-weight: bold;
+    background-image: url("/static/img/logo.png");
+    background-repeat: no-repeat;
+    background-position: 0px 0px;
+    height: 36px;
+    padding-left: 50px;
+    position: relative;
 }
 
-.alert-error {
-  color: #b94a48;
-  background-color: #f2dede;
-  border-color: #eed3d7;
+h1 a:hover {
+    text-decoration: none;
+    color: #34495E;
+}
+
+h2 {
+    font-size: 22px;
+    margin-bottom: 36px;
+    position: relative;
+    top: -9px;
+}
+
+a {
+    color: blue;
 }
 
 @font-face {
@@ -28,19 +66,6 @@
   src: url(../fonts/Lato-Italic.ttf);
 }
 
-/*@font-face {*/
-/*  font-family: 'Franklin';*/
-/*  src: url(../fonts/LibreFranklin-VariableFont_wght.ttf);*/
-/*}*/
-
-/*@font-face {*/
-/*  font-family: 'Franklin-Italic';*/
-/*  src: url(../fonts/LibreFranklin-Italic.ttf);*/
-/*}*/
-
-/*body {*/
-/*  background-color: #eee;*/
-/*}*/
 
 /* Change the colour of the box shadow */
 .my-card-shadow-sm {
@@ -51,38 +76,6 @@
   box-shadow: 7px 7px 7px rgba(100, 100, 100, 0.5);
 }
 
-h1 {
-    /*color: #657c76;*/
-    font-size: 2.0rem;
-    font-weight: bold;
-}
-
-a {
-  font-size: inherit;
-  color: #394f49;
-  font-weight: bold;
-  text-decoration: none;
-}
-
-header {
-  margin-top: 30px;
-}
-
 .card-title a {
     font-size: 1.2rem;
 }
-
-/*h2 {*/
-/*  color: #4e8273;*/
-/*  !* color: white; *!*/
-/*  font-size: 1.8rem;*/
-/*  padding-bottom: 10px;*/
-/*  margin-right: 20px;*/
-/*  margin-top: 20px;*/
-/*  border-radius: 3px 3px 0 0;*/
-/*  padding-left: 2px;*/
-/*  background-size: 100% 50px;*/
-/*  background-repeat: no-repeat;*/
-/*  border-bottom: 10px solid #E4E5E7;*/
-/*  overflow: auto;*/
-/*}*/