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

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 39: 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 47: 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 93: 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;
 
}
 
}

Revision as of 11:41, 13 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;

}