datenspuren: non-scrolling <nav/>

This commit is contained in:
Astro 2015-09-19 01:48:24 +02:00
parent 5d20c3c6f4
commit 770068bf9a
3 changed files with 11 additions and 5 deletions

View File

@ -15,7 +15,7 @@
-->
<p class="center">
<link href="https://www.openstreetmap.org/node/1674428951">
<image title="Die TSD auf OpenStreetMap">images/osm.png</image>
<image class="bordered" title="Die TSD auf OpenStreetMap">images/osm.png</image>
Auf OpenStreetMap öffnen.
</link>
</p>

View File

@ -13,6 +13,7 @@ nav {
left: 0;
right: 0;
text-align: center;
z-index: 5; // on top of <article>
}
nav ul {
list-style-type: none;
@ -25,10 +26,11 @@ nav li {
min-width: 8em;
display: inline-block;
margin: 0 0 1em;
border-left: 2.5px solid black;
border-right: 2.5px solid black;
border-bottom: 2.5px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-radius: 0 0 2em 2em;
background-color: rgba(255, 255, 255, 0.8);
}
nav li a {
display: inline-block;
@ -66,6 +68,10 @@ a {
text-decoration: none;
}
.bordered {
border: 2px solid black;
}
.block{
display: block;
white-space: pre;

View File

@ -35,7 +35,7 @@
<xsl:with-param name="title" select="$title"/>
</xsl:call-template>
<body>
<nav data-stellar-ratio="5">
<nav data-stellar-ratio="0">
<ul>
<li>
<a href="index.html">Start</a>