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

Line 87: Line 87:
 
         display: none;
 
         display: none;
 
     }
 
     }
    #Cell_Measurement h1,
+
 
    #Colony_Forming_Units h1,
+
    #Experience_and_Discussion h1,
+
    #Provenance h1,
+
    #Reference h1 {
+
        font-size: 1rem;
+
    }
+
 
}
 
}
 
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
 
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {

Revision as of 10:04, 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;

}

  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: 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;

}

  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) {}