experimenting with datenspuren page
This commit is contained in:
parent
f9a9f4234f
commit
e25a6b42be
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue