c3d2/c3d2-web
c3d2/c3d2-web
38
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

experimenting with datenspuren page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
content/static/datenspuren/2016/style/style.css
View File

@ -2,18 +2,17 @@ body {
height: 100vh; height: 100vh;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
background-color: white; background-color: #ff0000;
color: #222; color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 16px;
} }
nav { nav {
position: absolute;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
text-align: center; /*text-align: center;*/
z-index: 5; /* on top of <article> */ z-index: 5; /* on top of <article> */
} }
nav ul { nav ul {
@ -23,6 +22,25 @@ nav ul {
color: #0a0; color: #0a0;
font-size: 80%; 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 { nav li {
min-width: 5em; min-width: 5em;
display: inline-block; display: inline-block;