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

Line 158: Line 158:
 
.software .F3,
 
.software .F3,
 
.software .F4,
 
.software .F4,
 +
.video,
 
#post-content .F1,
 
#post-content .F1,
 
#post-content .F2,
 
#post-content .F2,

Revision as of 06:18, 17 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;
   }

   .js-scroll-step {
       padding-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;

}

  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,

.Entrepreneurship .F0, .Entrepreneurship .F1, .Entrepreneurship .F2, .Entrepreneurship .F25, .Entrepreneurship .F3, .Entrepreneurship .F4, .Entrepreneurship .F8, .software .F1, .software .F2, .software .F25, .software .F3, .software .F4, .video,

  1. post-content .F1,
  2. post-content .F2,
  3. 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;

}