navbar isn't too big but is kinda small; bigger top

This commit is contained in:
chimchooree
2022-10-31 00:20:41 -05:00
parent 602953a08b
commit d16e8d6c4f
6 changed files with 14 additions and 52 deletions
-15
View File
@@ -1,15 +0,0 @@
Meredith Grisel Gamez
Meredith Greer Gamez
Meredith Lane Gamez
Althea Meredith Gamez
Althea Maude Gamez
Althea Grisel Gamez
Althea Greer Gamez
Althea Florine Gamez
Althea Lane Gamez
Althea Violet Gamez
Althea Selah Gamez
Marni Loretta Gamez
-18
View File
@@ -1,18 +0,0 @@
Jesus Ivor Gamez
Jesus Frey Gamez
Jesus Heron Gamez
Jesus Calder Gamez
Jesus Walden Gamez
Van Frey Gamez
Van Ferris Gamez
Errol Frey Gamez
Frey Kelly Gamez
Lorn Gunther Gamez
Florian Frey Gamez
Walden
+10 -4
View File
@@ -32,7 +32,7 @@
background-color: black; background-color: black;
} }
html, body {padding:0; margin:0; height:100%;} html, body {padding:0; margin:0; height:100%;}
footer{ footer {
position: fixed; bottom: 0; left: 0; position: fixed; bottom: 0; left: 0;
color: #C0AAC0; color: #C0AAC0;
background-color: transparent; background-color: transparent;
@@ -65,6 +65,7 @@ h1,h2,h3,h4,img,i {
} }
h1 { h1 {
font-family: 'mitochondriaregular', sans-serif; font-family: 'mitochondriaregular', sans-serif;
font-size: 1.5em;
} }
.mundane {color:#aca79e;} .mundane {color:#aca79e;}
@@ -94,7 +95,7 @@ pre,code {
display: grid; display: grid;
position: relative; position: relative;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: 3em auto; grid-template-rows: 3.5em auto;
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
box-sizing: border-box; box-sizing: border-box;
@@ -104,6 +105,7 @@ pre,code {
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
color: #C0AAC0; color: #C0AAC0;
text-align: center; text-align: center;
font-size: 1.5em;
} }
.top a { .top a {
color: #C0AAC0; color: #C0AAC0;
@@ -112,6 +114,10 @@ pre,code {
.top a:hover { .top a:hover {
color: #A88AA8; color: #A88AA8;
} }
.top a:visited {
color: #C0AAC0;
font-weight: bold;
}
.content-grid { .content-grid {
grid-area: 2 / 1 / 3 / 2; grid-area: 2 / 1 / 3 / 2;
@@ -132,12 +138,12 @@ pre,code {
.nav { .nav {
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
background-color: transparent; background-color: transparent;
width: 60vw;
display: grid; display: grid;
grid-template-columns: 26% 51% 23%; grid-template-columns: 26% 51% 23%;
grid-template-rows: 1fr; grid-template-rows: 1fr;
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
margin: auto; margin: auto;
min-width: 636px; width: 40vw;
min-width: 374px;
} }
-13
View File
@@ -1,16 +1,3 @@
a {
color: #1D1761;
}
a:hover {
color: #3127A5;
}
a:visited {
color: #1D1761;
}
a:active {
color: #3B2FC6;
}
hr { hr {
border: 1px solid black; border: 1px solid black;
} }
+2
View File
@@ -84,8 +84,10 @@
text-align: center; text-align: center;
} }
.navlink a:link { .navlink a:link {
color: #C0AAC0;
} }
.navlink a:visited { .navlink a:visited {
color: #C0AAC0;
} }
.navlink a:hover { .navlink a:hover {
color: #f463ad; color: #f463ad;
+2 -2
View File
@@ -17,8 +17,8 @@
<div class="nav-about"> <div class="nav-about">
<a href="/about"> <a href="/about">
<div class="navbutton"><img src="/static/img/nav/about.png" alt="(link: about)"></div> <div class="navbutton"><img src="/static/img/nav/about.png" alt="(link: info)"></div>
<div class="navlink">about</div> <div class="navlink">info</div>
</a> </a>
</div> </div>