Difference between revisions of "Team:XMU-China/css/interlab"

Line 4: Line 4:
 
     margin: 0;
 
     margin: 0;
 
     top: 20%;
 
     top: 20%;
−
     left: 85vw;
+
     left: 85.5vw;
 
     -webkit-transform: translateY(-50%);
 
     -webkit-transform: translateY(-50%);
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);

Revision as of 08:40, 14 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;

}

  1. Quick_A {
   top: 10vw;
   position: relative;

}

  1. Quick_B {
   top: 12.25vw;
   position: relative;

}

  1. Quick_C {
   top: 14.5vw;
   position: relative;

}

  1. Quick_D {
   top: 16.75vw;
   position: relative;

}

  1. Quick_F {
   top: 19vw;
   position: relative;

}

  1. Quick_A,
  2. Quick_B,
  3. Quick_C,
  4. Quick_D,
  5. 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;

}

  1. Quick_A:hover,
  2. Quick_B:hover,
  3. Quick_C:hover,
  4. Quick_D:hover,
  5. 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;
   }

} @media screen and (min-width: 769px) and (max-width: 89.9375rem) { 

   .Quick-navigation {
   left: 85vw;

}

  1. Quick_A,
  2. Quick_B,
  3. Quick_C,
  4. Quick_D,
  5. Quick_F {
   font-size: 0.8vw;

} } @media screen and (min-width: 90rem) {} .click_here:after { 

   content: "\f0a5";
   font-family: fontawesome;

} .click_here { 

   color: #1d2087;

}

  1. ABCDsystem .F1,
  2. ABCDsystem .F2,
  3. ABCDsystem .F3,
  4. ABCDsystem .F4,
  5. OMVs .F1,
  6. OMVs .F2,
  7. OMVs .F3,
  8. OMVs .F4,
  9. Supporting .F1,
  10. Supporting .F2,
  11. Supporting .F3,
  12. Supporting .F4,
  13. post-content .F1,
  14. post-content .F2,
  15. 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;

}