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...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
#content {
 
#content {
−
     padding: 0px!important;
+
     padding: 0px;
−
     margin: 0px!important;
+
     margin: 0px;
−
     width: 100%!important;
+
     width: 100%;
 
}
 
}
  
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 {
+
−
  position: fixed;
+
−
  background: #18d26e;
+
−
  background-repeat: no-repeat;
+
−
  background-size: contain;
+
−
  color: #fff;
+
−
  display: inline-block;
+
−
  width: 60px;
+
−
  height: 60px;
+
−
  text-align: center;
+
−
  line-height: 1;
+
−
  font-size: 16px;
+
−
  border-radius: 50%;
+
−
  right: 30px;
+
−
  bottom: 30px;
+
−
  transition: background 0.5s;
+
−
  z-index: 500;
+
−
}
+
−
 
+
−
.back-to-top i {
+
−
  padding-top: 12px;
+
−
  color: #fff;
+
−
}
+
−
 
+
−
@media (max-width: 768px) {
+
−
  .back-to-top {
+
−
    bottom: 30px;
+
−
  }
+
−
}
+
−
/* 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;
+
 
}
 
}

Latest revision as of 16:07, 1 July 2018

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

}

/* 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;

}