moved menu
This commit is contained in:
parent
b81076c751
commit
2cf130e673
|
@ -28,6 +28,7 @@ nav ul {
|
|||
padding: 0;
|
||||
color: #0a0;
|
||||
/*font-size: 80%;*/
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
nav li {
|
||||
|
@ -44,8 +45,8 @@ nav li a {
|
|||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background-color: red;
|
||||
box-shadow: 0 0 5px 5px red;
|
||||
background-color: #ff4141;
|
||||
box-shadow: 0 0 5px 5px #ff4141;
|
||||
font-weight: bold;
|
||||
/*padding: 0.3em 0.5em 0.5em;*/
|
||||
line-height: 7.5ex;
|
||||
|
@ -54,12 +55,13 @@ nav li a {
|
|||
}
|
||||
|
||||
nav li a:hover {
|
||||
text-decoration: none;
|
||||
transform: scale(1.2);
|
||||
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
|
||||
}
|
||||
|
||||
a {
|
||||
color: red;
|
||||
color: #ff4141;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
@ -317,14 +319,20 @@ article dl dd a {
|
|||
nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-top: 10ex;
|
||||
z-index: 3;
|
||||
width: 800px;
|
||||
height: 800px;
|
||||
background-image: url(/images/logo.svg);
|
||||
background-position: -180px -230px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
width: 60ex;
|
||||
height: 35ex;
|
||||
margin-right: -10ex;
|
||||
margin-left: -20ex;
|
||||
}
|
||||
|
||||
nav li {
|
||||
|
@ -332,19 +340,19 @@ article dl dd a {
|
|||
}
|
||||
|
||||
nav ul > *:nth-of-type(1) {
|
||||
transform: rotate(-0deg) translate(-30ex) rotate(0deg);
|
||||
transform: rotate(180deg) translate(-30ex) rotate(-180deg);
|
||||
}
|
||||
|
||||
nav ul > *:nth-of-type(2) {
|
||||
transform: rotate(-20deg) translate(-30ex) rotate(20deg);
|
||||
transform: rotate(200deg) translate(-30ex) rotate(-200deg);
|
||||
}
|
||||
|
||||
nav ul > *:nth-of-type(3) {
|
||||
transform: rotate(-40deg) translate(-30ex) rotate(40deg);
|
||||
transform: rotate(220deg) translate(-30ex) rotate(-220deg);
|
||||
}
|
||||
|
||||
nav ul > *:nth-of-type(4) {
|
||||
transform: rotate(-60deg) translate(-30ex) rotate(60deg);
|
||||
transform: rotate(240deg) translate(-30ex) rotate(-240deg);
|
||||
}
|
||||
|
||||
article {
|
||||
|
|
Loading…
Reference in New Issue