centeringstuff

static/about.css

@@ -1,8 +1,10 @@
 body {
     background-color: #F4EBE8;
     font-family: Roboto Mono;
+  
 }
 
+
 .projtextcont{
 display: block;
 	/*align-items: center;
@@ -16,7 +18,6 @@ display: block;
 	width: 80%;
 	display: block;
   text-align: justify;
-
 }
 
 h1{
@@ -31,7 +32,7 @@ h1{
   top:0%;
   z-index: 0;
   margin:0px;
-  margin-top: 50px;
+  /*margin-top: 50px;*/
 }
 
 h2{
@@ -41,7 +42,7 @@ h2{
   text-align: justify;
 }
 
-.pagelink{
+/*.pagelink{
   position: fixed;
   display: inline;
   left:0px;
@@ -55,7 +56,7 @@ h2{
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
-  /*border-style: solid;*/
+  /*border-style: solid;
   border-width: 1px;
   border-color: #371F10;
   
@@ -64,10 +65,24 @@ h2{
 .pagelink:hover{
   background-color: #0BEFEB;
 }
+
+.pagelink{
+  background-color: white;
+}
+
 .pagelink a{
   text-decoration: none;
 }
 
+/*.pagelink a:active{
+  background-color: #0BEFEB;
+}
+
+.active .pagelink:after{
+  background-color: #0BEFEB;
+}
+
+
 .pagelink .pagename{
   display: inline;
   position: absolute;
@@ -81,4 +96,4 @@ h2{
 
 .pagelink:hover .pagename{
   visibility: visible;
-}
+}*/

static/archive.css

@@ -3,12 +3,12 @@ body {
     color: #371F10;
     font-family: Roboto Mono, monospace;
 }
-.pagelink{
+/*.pagelink{
   position: fixed;
   display: inline;
   left:0px;
 /*  width:20px;
-  height:20px;*/
+  height:20px;
   padding: 0px 5px 0px 5px;
   background-color: white;
   z-index: 10;
@@ -17,6 +17,62 @@ body {
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
+  /*border-style: solid;
+  border-width: 1px;
+  border-color: #371F10;
+
+}*/
+
+/*.pagelink:hover{
+  background-color: #0BEFEB;
+}
+.pagelink a{
+  text-decoration: none;
+}
+
+.pagelink .pagename{
+  display: inline;
+  position: absolute;
+  width: auto;
+  padding: 5px;
+  margin-left: 25px;
+  font-size: 13px;
+  background-color: white;
+  visibility: hidden;
+}
+
+.pagelink:hover .pagename{
+  visibility: visible;
+}*/
+
+.linkscont{
+  margin-top: 10%;
+  height: auto;
+  width: auto;
+  position: fixed;
+  left:0%;
+}
+
+.pagelink{
+/*  display:table-cell;
+  text-align:center;
+  vertical-align:middle;*/
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  /*display: block;*/
+  left:0px;
+  width:25px;
+  height:25px;
+  padding:10px;
+  background-color: white;
+  z-index: 2;
+  font-size: 24px;
+  /*text-align: justify;*/
+  border-top-style: solid;
+  border-right-style: solid;
+  border-bottom-style: solid;
   /*border-style: solid;*/
   border-width: 1px;
   border-color: #371F10;
@@ -26,23 +82,44 @@ body {
 .pagelink:hover{
   background-color: #0BEFEB;
 }
+
+.pagelink{
+  background-color: white;
+}
+
 .pagelink a{
   text-decoration: none;
 }
 
+/*.pagelink a:active{
+  background-color: #0BEFEB;
+}
+
+.active .pagelink:after{
+  background-color: #0BEFEB;
+}*/
+
+.pagename{
+align-items: center;
+width:auto;
+text-align: left;
+}
+
 .pagelink .pagename{
   display: inline;
   position: absolute;
   width: auto;
   padding: 5px;
-  margin-left: 25px;
+  margin-left: 160px;
-  font-size: 13px;
+  font-size: 12px;
   background-color: white;
   visibility: hidden;
+  white-space: nowrap;
 }
 
 .pagelink:hover .pagename{
   visibility: visible;
+  z-index: 20;
 }
 
 h1 {
@@ -67,3 +144,4 @@ a:hover {
 }
 
 a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */
+

static/index.css

@@ -38,31 +38,8 @@ display: inline-block;
     line-height: 1.3;
 }
     
-/*.smw-row:nth-child(odd) {
-    background-color: purple;
-    float: right;
-}
-.smw-row:nth-child(odd) img {
-    float: right;
-}
-.smw-row:nth-child(even) {
-    background-color: orange;
-    float: left;
-}*/
-.nav .active{
-    /*font-family: helvetica;*/
-    margin-left: 20px;
-    color: black;
-    text-decoration: underline;
-}
-
-.navtab{/*
-    font-family: helvetica;*/
-    margin-left: 20px;
-    color: grey; 
-}
 
-.pagelink{
+/*.pagelink{
   position: fixed;
   display: inline;
   left:0px;
@@ -76,7 +53,7 @@ display: inline-block;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
-  /*border-style: solid;*/
+  /*border-style: solid;
   border-width: 1px;
   border-color: #371F10;
   
@@ -102,7 +79,7 @@ display: inline-block;
 
 .pagelink:hover .pagename{
   visibility: visible;
-}
+}*/
 
 .tooltip {
   position: relative;
@@ -139,34 +116,7 @@ display: inline-block;
   visibility: visible;
 }
 
-/*ul#nav li{
-    display: inline;
-    list-style: none;
-    margin-left: 10px;
-/*    margin-left: 10%
-    margin-right: 10%;
-    align-content: initial;
-    font-size: 20px; 
 
-}
-
-ul#nav{
-    padding: 20px;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    background-color: white;
-    top:0px;
-    bottom: 10px;
-    padding-left: 0px;
-    border: none;
-    width: 80vw;
-    /*display: inline;
-    height:20px;
-    /*overflow-x: scroll;
-    left:0px;
-    position: fixed;
-    z-index: 1;
-}*/
 
 ul#menu li{
     display: inline;
@@ -243,12 +193,6 @@ display: inline-block;
 box-shadow: 10px 10px 15px #0BEFEB;
 }
 
-/*.container {
-margin-left: 40px;
-  margin-top: 20px;
-  overflow: hidden;
-}*/
-
 
 
 /* Style the buttons */