Difference between revisions of "Team:XMU-China/css/interlab"
Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
| Line 8: | Line 8: | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
} | } | ||
| + | |||
.Quick-navigation_word { | .Quick-navigation_word { | ||
float: left; | float: left; | ||
} | } | ||
| + | |||
#Quick_A { | #Quick_A { | ||
top: 10vw; | top: 10vw; | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
#Quick_B { | #Quick_B { | ||
top: 12.25vw; | top: 12.25vw; | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
#Quick_C { | #Quick_C { | ||
top: 14.5vw; | top: 14.5vw; | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
#Quick_D { | #Quick_D { | ||
top: 16.75vw; | top: 16.75vw; | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
#Quick_F { | #Quick_F { | ||
top: 19vw; | top: 19vw; | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
#Quick_A, | #Quick_A, | ||
#Quick_B, | #Quick_B, | ||
| Line 49: | Line 56: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| + | |||
#Quick_A:hover, | #Quick_A:hover, | ||
#Quick_B:hover, | #Quick_B:hover, | ||
| Line 56: | Line 64: | ||
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
| + | |||
.current+a { | .current+a { | ||
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
| + | |||
.Quick-navigation-item>img { | .Quick-navigation-item>img { | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
.Quick-navigation-item.current>img { | .Quick-navigation-item.current>img { | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
} | } | ||
| + | |||
.js-scroll-step { | .js-scroll-step { | ||
margin-bottom: 3.5rem; | margin-bottom: 3.5rem; | ||
} | } | ||
| + | |||
.Quick-navigation-item img { | .Quick-navigation-item img { | ||
top: 10vw; | top: 10vw; | ||
| Line 76: | Line 89: | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
.Quick-navigation_word>img { | .Quick-navigation_word>img { | ||
top: 10vw; | top: 10vw; | ||
| Line 83: | Line 97: | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
@media screen and (max-width: 769px) { | @media screen and (max-width: 769px) { | ||
.Quick-navigation { | .Quick-navigation { | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | .js-scroll-step { | ||
| + | margin-top: 3.5rem; | ||
| + | margin-bottom: 0rem; | ||
} | } | ||
} | } | ||
| + | |||
@media screen and (min-width: 769px) and (max-width: 89.9375rem) { | @media screen and (min-width: 769px) and (max-width: 89.9375rem) { | ||
.Quick-navigation { | .Quick-navigation { | ||
| − | + | left: 85vw; | |
| − | } | + | } |
| − | #Quick_A, | + | |
| − | #Quick_B, | + | #Quick_A, |
| − | #Quick_C, | + | #Quick_B, |
| − | #Quick_D, | + | #Quick_C, |
| − | #Quick_F { | + | #Quick_D, |
| − | + | #Quick_F { | |
| − | } | + | font-size: 0.8vw; |
| + | } | ||
} | } | ||
| + | |||
@media screen and (min-width: 90rem) {} | @media screen and (min-width: 90rem) {} | ||
| + | |||
.click_here:after { | .click_here:after { | ||
content: "\f0a5"; | content: "\f0a5"; | ||
font-family: fontawesome; | font-family: fontawesome; | ||
} | } | ||
| + | |||
.click_here { | .click_here { | ||
color: #1d2087; | color: #1d2087; | ||
} | } | ||
| + | |||
#ABCDsystem .F1, | #ABCDsystem .F1, | ||
#ABCDsystem .F2, | #ABCDsystem .F2, | ||
| Line 128: | Line 154: | ||
#post-content .F2, | #post-content .F2, | ||
#post-content .F3 { | #post-content .F3 { | ||
| − | text-align: center!important; | + | text-align: center !important; |
} | } | ||
| + | |||
.MathJax { | .MathJax { | ||
outline: 0; | outline: 0; | ||
} | } | ||
| + | |||
.MathJax span { | .MathJax span { | ||
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
| + | |||
.MathJax_Display { | .MathJax_Display { | ||
overflow-x: auto; | overflow-x: auto; | ||
Revision as of 08:24, 15 October 2018
.Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 85.5vw; -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: 0.6vw; color: #1d2087 !important; text-decoration: none; font-size: 1rem; 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;
}
.js-scroll-step {
margin-top: 3.5rem;
margin-bottom: 0rem;
}
}
@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) {}
.click_here:after {
content: "\f0a5"; font-family: fontawesome;
}
.click_here {
color: #1d2087;
}
- ABCDsystem .F1,
- ABCDsystem .F2,
- ABCDsystem .F3,
- ABCDsystem .F4,
- OMVs .F1,
- OMVs .F2,
- OMVs .F3,
- OMVs .F4,
- Supporting .F1,
- Supporting .F2,
- Supporting .F3,
- Supporting .F4,
.software .F1, .software .F2, .software .F25, .software .F3, .software .F4,
- post-content .F1,
- post-content .F2,
- post-content .F3 {
text-align: center !important;
}
.MathJax {
outline: 0;
}
.MathJax span {
font-size: 1rem;
}
.MathJax_Display {
overflow-x: auto; overflow-y: hidden; margin: 0 !important;
}