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

(Created page with ".Quick-navigation { position: fixed; z-index: 1; margin: 0; top: 20%; left: 86vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);...")
 
 
(7 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
     margin: 0;
 
     margin: 0;
 
     top: 20%;
 
     top: 20%;
−
     left: 86vw;
+
     left: 85.5vw;
 
     -webkit-transform: translateY(-50%);
 
     -webkit-transform: translateY(-50%);
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
Line 11: Line 11:
 
.Quick-navigation_word {
 
.Quick-navigation_word {
 
     float: left;
 
     float: left;
 +
    white-space: nowrap;
 
}
 
}
  
Line 38: Line 39:
 
     color: #1d2087 !important;
 
     color: #1d2087 !important;
 
     text-decoration: none;
 
     text-decoration: none;
−
     font-size: 1vw;
+
     font-size: 1.2rem;
 
     line-height: 1vw;
 
     line-height: 1vw;
 
     -webkit-transition: color 0.3s;
 
     -webkit-transition: color 0.3s;
Line 46: Line 47:
 
     z-index: 1;
 
     z-index: 1;
 
}
 
}
 +
 
#Quick_A:hover,
 
#Quick_A:hover,
 
#Quick_B:hover,
 
#Quick_B:hover,
−
#Quick_C:hover{
+
#Quick_C:hover {
 
     font-weight: bolder;
 
     font-weight: bolder;
 
}
 
}
 +
 
.current+a {
 
.current+a {
 
     font-weight: bolder;
 
     font-weight: bolder;
Line 92: Line 95:
  
 
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
 
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
 +
 
     #Quick_A,
 
     #Quick_A,
 
     #Quick_B,
 
     #Quick_B,
−
     #Quick_C{
+
     #Quick_C {
−
         font-size: 0.8vw;
+
       
 +
        padding-left: 1.5vw;
 +
       
 +
       
 +
         font-size: 0.9rem;
 +
       
 
     }
 
     }
 
}
 
}
  
 
@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 .F2,
 +
#ABCDsystem .F3,
 +
#ABCDsystem .F4,
 +
#ABCDsystem .F7,
 +
#ABCDsystem .F6,
 +
#OMVs .F1,
 +
#OMVs .F2,
 +
#OMVs .F3,
 +
#OMVs .F4,
 +
#OMVs .F25,
 +
#KaiABC .F1,
 +
#KaiABC .F2,
 +
#KaiABC .F3,
 +
#KaiABC .F4,
 +
#KaiABC .F25,
 +
#Supporting .F1,
 +
#Supporting .F2,
 +
#Supporting .F3,
 +
#Supporting .F4{
 +
    text-align: center!important;
 +
}
 +
#Gold_Medal h1:before,
 +
#Silver_Medal h1:before,
 +
#Bronze_Medal h1:before{
 +
    content: "\f046";
 +
    font-family: fontawesome;
 +
}
 +
 +
 +
.MathJax{outline:0;}
 +
 +
 +
.MathJax span{font-size:15px;}
 +
 +
 +
.MathJax_Display{overflow-x:auto;overflow-y:hidden;}
 +
.hp h1{
 +
    margin-top: 1rem;
 +
    border-left: 1px dashed #8c8c8c;
 
}
 
}

Latest revision as of 02:06, 18 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;
   white-space: nowrap;

}


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

}

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

}

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

}

  1. Quick_A,
  2. Quick_B,
  3. Quick_C {
   text-align: left;
   padding-left: 2vw;
   color: #1d2087 !important;
   text-decoration: none;
   font-size: 1.2rem;
   line-height: 1vw;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   display: block;
   position: absolute;
   z-index: 1;

}

  1. Quick_A:hover,
  2. Quick_B:hover,
  3. Quick_C: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_A,
   #Quick_B,
   #Quick_C {
       
       padding-left: 1.5vw;
       
       
       font-size: 0.9rem;
       
   }

}

@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. ABCDsystem .F7,
  6. ABCDsystem .F6,
  7. OMVs .F1,
  8. OMVs .F2,
  9. OMVs .F3,
  10. OMVs .F4,
  11. OMVs .F25,
  12. KaiABC .F1,
  13. KaiABC .F2,
  14. KaiABC .F3,
  15. KaiABC .F4,
  16. KaiABC .F25,
  17. Supporting .F1,
  18. Supporting .F2,
  19. Supporting .F3,
  20. Supporting .F4{
   text-align: center!important;

}

  1. Gold_Medal h1:before,
  2. Silver_Medal h1:before,
  3. Bronze_Medal h1:before{
   content: "\f046";
   font-family: fontawesome;

}


.MathJax{outline:0;}


.MathJax span{font-size:15px;}


.MathJax_Display{overflow-x:auto;overflow-y:hidden;} .hp h1{ 

   margin-top: 1rem;
   border-left: 1px dashed #8c8c8c;

}