experimenting with datenspuren page

This commit is contained in:
nek0 2016-04-05 23:18:33 +02:00
parent f9a9f4234f
commit e25a6b42be
1 changed files with 22 additions and 4 deletions

View File

@ -2,18 +2,17 @@ body {
height: 100vh;
margin: 0 auto;
padding: 0;
background-color: white;
color: #222;
background-color: #ff0000;
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
}
nav {
position: absolute;
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
/*text-align: center;*/
z-index: 5; /* on top of <article> */
}
nav ul {
@ -23,6 +22,25 @@ nav ul {
color: #0a0;
font-size: 80%;
}
/** Circular menu **/
nav ul > *:nth-of-type(1) {
transform: rotate(0deg) translate(-12em) rotate(-0deg);
}
nav ul > *:nth-of-type(2) {
transform: rotate(30deg) translate(-12em) rotate(-30deg);
}
nav ul > *:nth-of-type(3) {
transform: rotate(60deg) translate(-12em) rotate(-60deg);
}
nav ul > *:nth-of-type(4) {
transform: rotate(90deg) translate(-12em) rotate(-90deg);
}
nav li {
min-width: 5em;
display: inline-block;