Cyclohexane (Talk | contribs) (Created page with ".Quick-navigation { position: fixed; z-index: 1; margin: 0; top: 20%; left: 86vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);...") |
Cyclohexane (Talk | contribs) |
||
Line 11: | Line 11: | ||
.Quick-navigation_word { | .Quick-navigation_word { | ||
float: left; | float: left; | ||
+ | white-space: nowrap; | ||
} | } | ||
Revision as of 03:52, 13 October 2018
.Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 86vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.Quick-navigation_word {
float: left; white-space: nowrap;
}
- Quick_A {
top: 10vw; position: relative;
}
- Quick_B {
top: 14.5vw; position: relative;
}
- Quick_C {
top: 19vw; position: relative;
}
- Quick_A,
- Quick_B,
- Quick_C {
text-align: left; padding-left: 2vw; color: #1d2087 !important; text-decoration: none; font-size: 1vw; line-height: 1vw; -webkit-transition: color 0.3s; transition: color 0.3s; display: block; position: absolute; z-index: 1;
}
- Quick_A:hover,
- Quick_B:hover,
- Quick_C:hover{
font-weight: bolder;
} .current+a {
font-weight: bolder;
}
.Quick-navigation-item>img {
display: none;
}
.Quick-navigation-item.current>img {
display: block; position: absolute;
}
.js-scroll-step {
margin-bottom: 3.5rem;
}
.Quick-navigation-item img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
}
.Quick-navigation_word>img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
}
@media screen and (max-width: 769px) {
.Quick-navigation { display: none; }
}
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
#Quick_A, #Quick_B, #Quick_C{ font-size: 0.8vw; }
}
@media screen and (min-width: 90rem) {} .click_here:after{
content: "\f0a5"; font-family: fontawesome;
} .click_here{
color: #1d2087;
}