Merge pull request #24 from makyo/header

Header
This commit is contained in:
Madison Scott-Clary
2020-06-20 13:02:26 -07:00
committed by GitHub
3 changed files with 25 additions and 4 deletions

View File

@ -7,7 +7,6 @@
<!-- &emsp;&bull;&emsp; <a href="/chronology">Chronology</a></p> -->
</footer>
<script src="/bookmodal.js" type="text/javascript"></script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];

View File

@ -1,4 +1,5 @@
<body>
<header>
<h1><a href="/">ally</a></h1>
<nav><a href="/map">Map</a> <a href="/news">Updates</a> <a href="/book">The <span class="ally-font" style="font-size: 100%;">ally</span> book</a></nav>
</header>

View File

@ -77,10 +77,28 @@ header {
h1 {
padding: 0;
margin: 0;
width: 49%;
display: inline-block;
}
h1 a {
border: none;
}
header nav {
display: inline-block;
width: 49%;
text-align: right;
font-size: 16pt;
}
header nav a {
display: inline-block;
white-space: nowrap;
padding: 0;
margin: 0 0 0 1.5rem;
border: none;
}
header nav a:first-of-type {
margin: 0;
}
main {
max-width: 960px;
margin: 0 auto;
@ -187,7 +205,8 @@ audio {
.ally-font {
font-family: 'Merriweather Sans', sans-serif;
font-style: italic;
font-size: 13pt;
opacity: 0.9;
font-size: 93%;
}
.modal {
@ -204,16 +223,18 @@ audio {
padding: 0.5rem;
max-height: 90vh;
overflow: scroll;
position: relative;
}
.ad * {
background: #fff;
color: #111;
}
.ad .close {
width: 100%;
background-color: transparent;
text-align: right;
padding: 0px 0.5rem;
position: relative;
top: 0.5rem;
left: 0.5rem;
}
.ad a.noborder {
border: none;