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

 
(3 intermediate revisions by the same user not shown)
Line 129: Line 129:
 
#OMVs .F4,
 
#OMVs .F4,
 
#OMVs .F25,
 
#OMVs .F25,
 +
#KaiABC .F1,
 +
#KaiABC .F2,
 +
#KaiABC .F3,
 +
#KaiABC .F4,
 +
#KaiABC .F25,
 
#Supporting .F1,
 
#Supporting .F1,
 
#Supporting .F2,
 
#Supporting .F2,
Line 135: Line 140:
 
     text-align: center!important;
 
     text-align: center!important;
 
}
 
}
 
+
#Gold_Medal h1:before,
 
+
#Silver_Medal h1:before,
 +
#Bronze_Medal h1:before{
 +
    content: "\f046";
 +
    font-family: fontawesome;
 +
}
  
  
Line 146: Line 155:
  
 
.MathJax_Display{overflow-x:auto;overflow-y:hidden;}
 
.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;

}