Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | . | + | .Quick-navigation { |
− | - | + | position: fixed; |
− | -webkit- | + | z-index: 1; |
− | + | margin: 0; | |
+ | top: 20%; | ||
+ | left: 85vw; | ||
+ | -webkit-transform: translateY(-50%); | ||
+ | transform: translateY(-50%); | ||
} | } | ||
− | + | .Quick-navigation_word { | |
− | . | + | float: left; |
− | + | } | |
+ | #Quick_A { | ||
+ | top: 10vw; | ||
position: relative; | position: relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #Quick_B { | |
− | + | top: 12.25vw; | |
− | + | position: relative; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #Quick_C { | |
− | + | top: 14.5vw; | |
− | + | position: relative; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #Quick_D { | |
− | + | top: 16.75vw; | |
− | . | + | position: relative; |
− | + | } | |
− | + | #Quick_F { | |
− | + | top: 19vw; | |
− | + | position: relative; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #Quick_A, | |
− | + | #Quick_B, | |
− | + | #Quick_C, | |
− | + | #Quick_D, | |
− | + | #Quick_F { | |
− | + | ||
text-align: left; | text-align: left; | ||
+ | padding-left: 1vw; | ||
+ | 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; | ||
+ | white-space: nowrap; | ||
} | } | ||
− | + | #Quick_A:hover, | |
− | + | #Quick_B:hover, | |
− | + | #Quick_C:hover, | |
− | + | #Quick_D:hover, | |
− | + | #Quick_F:hover { | |
− | + | font-weight: bolder; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | font- | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .current+a { |
− | + | ||
font-weight: bolder; | 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; | |
− | margin: | + | |
} | } | ||
− | + | .Quick-navigation-item img { | |
− | . | + | top: 10vw; |
− | + | height: 10vw; | |
− | + | margin: 0; | |
+ | float: left; | ||
+ | position: relative; | ||
} | } | ||
− | + | .Quick-navigation_word>img { | |
− | . | + | top: 10vw; |
− | + | height: 10vw; | |
− | margin: | + | margin: 0; |
+ | float: left; | ||
+ | position: relative; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@media screen and (max-width: 769px) { | @media screen and (max-width: 769px) { | ||
− | . | + | .Quick-navigation { |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | .main | + | .main p{ |
− | + | word-wrap:break-word;; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
} | } | ||
− | |||
@media screen and (min-width: 769px) and (max-width: 89.9375rem) { | @media screen and (min-width: 769px) and (max-width: 89.9375rem) { | ||
− | . | + | .Quick-navigation { |
− | + | left: 85vw; | |
− | + | } | |
− | + | #Quick_A, | |
− | + | #Quick_B, | |
− | . | + | #Quick_C, |
+ | #Quick_D, | ||
+ | #Quick_F { | ||
+ | font-size: 0.8vw; | ||
+ | } | ||
} | } | ||
− | |||
@media screen and (min-width: 90rem) {} | @media screen and (min-width: 90rem) {} |
Revision as of 10:37, 8 October 2018
.Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 85vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);
} .Quick-navigation_word {
float: left;
}
- Quick_A {
top: 10vw; position: relative;
}
- Quick_B {
top: 12.25vw; position: relative;
}
- Quick_C {
top: 14.5vw; position: relative;
}
- Quick_D {
top: 16.75vw; position: relative;
}
- Quick_F {
top: 19vw; position: relative;
}
- Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F {
text-align: left; padding-left: 1vw; 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; white-space: nowrap;
}
- Quick_A:hover,
- Quick_B:hover,
- Quick_C:hover,
- Quick_D:hover,
- Quick_F: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; } .main p{ word-wrap:break-word;; }
} @media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.Quick-navigation { left: 85vw;
}
- Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F {
font-size: 0.8vw;
} } @media screen and (min-width: 90rem) {}