Difference between revisions of "Template:NUDT CHINA/myCSS"

(Created page with "#content { padding: 0px!important; margin: 0px!important; width: 100%!important; } →‎Sections Header --------------------------------: .section-header h3 { fo...")
 
Line 8: Line 8:
 
--------------------------------*/
 
--------------------------------*/
 
.section-header h3 {
 
.section-header h3 {
−
   font-size: 32px;
+
   font-size: 32px!important;
−
   color: #111;
+
   color: #111!important;
−
   text-transform: uppercase;
+
   text-transform: uppercase!important;
−
   text-align: center;
+
   text-align: center!important;
−
   font-weight: 700;
+
   font-weight: 700!important;
−
   position: relative;
+
   position: relative!important;
−
   padding-bottom: 15px;
+
   padding-bottom: 15px!important;
 
}
 
}
  
 
.section-header h3::before {
 
.section-header h3::before {
−
   content: '';
+
   content: ''!important;
−
   position: absolute;
+
   position: absolute!important;
−
   display: block;
+
   display: block!important;
−
   width: 120px;
+
   width: 120px!important;
−
   height: 1px;
+
   height: 1px!important;
−
   background: #ddd;
+
   background: #ddd!important;
−
   bottom: 1px;
+
   bottom: 1px!important;
−
   left: calc(50% - 60px);
+
   left: calc(50% - 60px)!important;
 
}
 
}
  
 
.section-header h3::after {
 
.section-header h3::after {
−
   content: '';
+
   content: ''!important;
−
   position: absolute;
+
   position: absolute!important;
−
   display: block;
+
   display: block!important;
−
   width: 40px;
+
   width: 40px!important;
−
   height: 3px;
+
   height: 3px!important;
−
   background: #18d26e;
+
   background: #18d26e!important;
−
   bottom: 0;
+
   bottom: 0!important;
−
   left: calc(50% - 20px);
+
   left: calc(50% - 20px)!important;
 
}
 
}
  
 
.section-header p {
 
.section-header p {
−
   text-align: center;
+
   text-align: center!important;
−
   padding-bottom: 30px;
+
   padding-bottom: 30px!important;
−
   color: #333;
+
   color: #333!important;
 
}
 
}
  
 
/* Back to top button */
 
/* Back to top button */
 
.back-to-top {
 
.back-to-top {
−
   position: fixed;
+
   position: fixed!important;
−
   background: #18d26e;
+
   background: #18d26e!important;
−
   background-repeat: no-repeat;
+
   background-repeat: no-repeat!important;
−
   background-size: contain;
+
   background-size: contain!important;
−
   color: #fff;
+
   color: #fff!important;
−
   display: inline-block;
+
   display: inline-block!important;
−
   width: 60px;
+
   width: 60px!important;
−
   height: 60px;
+
   height: 60px!important;
−
   text-align: center;
+
   text-align: center!important;
−
   line-height: 1;
+
   line-height: 1!important;
−
   font-size: 16px;
+
   font-size: 16px!important;
−
   border-radius: 50%;
+
   border-radius: 50%!important;
−
   right: 30px;
+
   right: 30px!important;
−
   bottom: 30px;
+
   bottom: 30px!important;
−
   transition: background 0.5s;
+
   transition: background 0.5s!important;
−
   z-index: 500;  
+
   z-index: 500!important;  
 
}
 
}
  
 
.back-to-top i {
 
.back-to-top i {
−
   padding-top: 12px;
+
   padding-top: 12px!important;
−
   color: #fff;
+
   color: #fff!important;
 
}
 
}
  
 
@media (max-width: 768px) {
 
@media (max-width: 768px) {
 
   .back-to-top {
 
   .back-to-top {
−
     bottom: 30px;
+
     bottom: 30px!important;
 
   }
 
   }
−
}
 
−
/* Team Section
 
−
--------------------------------*/
 
−
.team {
 
−
  background: #fff;
 
−
  padding: 60px 0;
 
−
}
 
−
 
−
.team .member {
 
−
  text-align: center;
 
−
  margin-bottom: 20px;
 
−
  background: #fff;
 
−
  position: relative;
 
−
}
 
−
 
−
.team .member .member-info {
 
−
  visibility: hidden;
 
−
  display: flex;
 
−
  justify-content: center;
 
−
  align-items: center;
 
−
  position: absolute;
 
−
  bottom: 0;
 
−
  top: 0;
 
−
  left: 0;
 
−
  right: 0;
 
−
  transition: 0.2s;
 
−
  color: #ffffff;
 
−
}
 
−
 
−
.team .member:hover .member-info {
 
−
  background: rgba(0, 0, 0, 0.1);
 
−
  visibility: visible;
 
−
  transition: 0.4s;
 
−
  color: #ffffff;
 
−
}
 
−
 
−
.team .member h4 {
 
−
  font-weight: 700;
 
−
  margin-bottom: 2px;
 
−
  font-size: 18px;
 
−
  color: #fff;
 
 
}
 
}

Revision as of 05:09, 1 July 2018

  1. content {
   padding: 0px!important;
   margin: 0px!important;
   width: 100%!important;

}

/* Sections Header

*/

.section-header h3 { 

 font-size: 32px!important;
 color: #111!important;
 text-transform: uppercase!important;
 text-align: center!important;
 font-weight: 700!important;
 position: relative!important;
 padding-bottom: 15px!important;

}

.section-header h3::before { 

 content: !important;
 position: absolute!important;
 display: block!important;
 width: 120px!important;
 height: 1px!important;
 background: #ddd!important;
 bottom: 1px!important;
 left: calc(50% - 60px)!important;

}

.section-header h3::after { 

 content: !important;
 position: absolute!important;
 display: block!important;
 width: 40px!important;
 height: 3px!important;
 background: #18d26e!important;
 bottom: 0!important;
 left: calc(50% - 20px)!important;

}

.section-header p { 

 text-align: center!important;
 padding-bottom: 30px!important;
 color: #333!important;

}

/* Back to top button */ .back-to-top { 

 position: fixed!important;
 background: #18d26e!important;
 background-repeat: no-repeat!important;
 background-size: contain!important;
 color: #fff!important;
 display: inline-block!important;
 width: 60px!important;
 height: 60px!important;
 text-align: center!important;
 line-height: 1!important;
 font-size: 16px!important;
 border-radius: 50%!important;
 right: 30px!important;
 bottom: 30px!important;
 transition: background 0.5s!important;
 z-index: 500!important;

}

.back-to-top i { 

 padding-top: 12px!important;
 color: #fff!important;

}

@media (max-width: 768px) { 

 .back-to-top {
   bottom: 30px!important;
 }

}