Difference between revisions of "Team:Jiangnan China/css/base"

 
Line 191: Line 191:
 
     margin-right: 10px;
 
     margin-right: 10px;
 
     margin-left: 10px;
 
     margin-left: 10px;
 +
}
 +
.col-md-4 {
 +
    width: 33.33333333%;
 +
    font-size: 72px;
 +
    color: #990100;
 +
}
 +
#div2 {
 +
    position: relative;
 +
    margin: 0 0 10.5px;
 +
    color: #990100;
 +
    font-family: fsb;
 +
    letter-spacing: 8px;
 +
    font-size: 48px;
 +
    text-align: center;
 +
    padding-top: 7px;
 +
}
 +
#divwang {
 +
    position: relative;
 +
    height: 3px;
 +
    margin-top: 40px;
 +
    background-color: #f75000;
 
}
 
}

Latest revision as of 07:02, 13 October 2018

.main-header { 

 background-repeat: no-repeat;
 background-position: center 20%;
 -webkit-background-size: cover;
 background-size: cover;
 text-align: center;
 padding: 24px 0;
 background: #1E8D83;
 color: #fff;

} .site-header { 

 background-color: rgba(114, 143, 213,0.8);
 font-size: 22px;

} .site-header .nav-link { 

 color: #fff;

} .fa { 

 display: inline-block;
 width:16px;
 height:16px;

} .fa-home { 

 background: url('https://static.igem.org/mediawiki/2018/d/d3/T--jiangnan_china--home--icon-home.png');
 background-size:16px 16px;

} .fa-group { 

 background: url('https://static.igem.org/mediawiki/2018/7/76/T--jiangnan_china--home--icon-group.png');
 background-size:16px 16px;

} .fa-project { 

 background: url('https://static.igem.org/mediawiki/2018/c/c8/T--jiangnan_china--home--icon-project.png');
 background-size:16px 16px;

} .fa-bell { 

 background: url('https://static.igem.org/mediawiki/2018/3/35/T--jiangnan_china--home--icon-bell.png');
 background-size:16px 16px;

} .fa-composer { 

 background: url('https://static.igem.org/mediawiki/2018/3/33/T--jiangnan_china--home--icon-composer.png');
 background-size:16px 16px;

} .fa-part { 

 background: url('https://static.igem.org/mediawiki/2018/f/fa/T--jiangnan_china--home--icon-part.png');
 background-size:16px 16px;

} .fa-trophy { 

 background: url('https://static.igem.org/mediawiki/2018/5/5a/T--jiangnan_china--home--icon-awards.png');
 background-size:16px 16px;

} .fa-interlab { 

 background: url('https://static.igem.org/mediawiki/2018/1/11/T--jiangnan_china--home--icon-interlab.png');
 background-size:16px 16px;

} .dropdown:hover>.dropdown-menu { 

 display: block;

} .dropdown>.dropdown-toggle:active { 

   pointer-events: none;

} .dropdown-menu { 

   border-radius: 1rem;

} .dropdown a { 

 -webkit-transition: background-color .3s;
 transition: background-color .3s;
 border-radius: 0.5em;

} .dropdown-item:focus, .dropdown-item:hover { 

   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa;
   border-bottom: 0.5px solid #000;

} @keyframes bounce { 

 from, 20%, 53%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

 40%, 43% {
   -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0);
 }

 70% {
   -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   -webkit-transform: translate3d(0, -15px, 0);
   transform: translate3d(0, -15px, 0);
 }

 90% {
   -webkit-transform: translate3d(0,-4px,0);
   transform: translate3d(0,-4px,0);
 }

} .bounce { 

   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;

} .animated.infinite { 

   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;

} .animated { 

   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;

} .dcpt3 { 

   text-align: justify;
   background-color: #e5e5e5;
   padding: 40px 10%;

} footer { 

 background-color: #8198ce;

} footer img { 

 width: 60px;

}


/*Team.html*/ .mmd { 

   font-size: 20px;
   line-height: 1.5;
   font-family: 'spr';
   text-align: justify;
   background-color: #e6e6e6;
   padding: 40px 250px;

} .mmd2 { 

   font-size: 20px;
   line-height: 1.5;
   font-family: 'spr';
   text-align: justify;
   background-color: #e6e6e6;
   padding: 40px 150px;

} .dcpt2 { 

   width: 100%;
   padding-left: 15px;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
   /* margin: auto 7.5%; */
   font-size: 36px;
   /* background-color: #d2d2d2; */
   font-family: fsb;

} .content2 { 

   margin: 0px auto;
   font-family: fsb;
   color: #f75000;

}

  1. div1 {
   position: relative;
   height: 1.5px;
   margin-top: 40px;
   background-color: #f75000;

} .row { 

   margin-left: -15px;
   margin-right: -15px;

}

  1. dcpt4 {
   text-align: justify; 
   margin: 0px 0% 1px;
   background-color: #fffae6;
   padding: 40px 10%;

}

  1. tr1 {
   line-height: 120%;
   font-size: inherit;

}

  1. HQ_page {
       border: 1px solid #ccc;
   border-collapse: collapse;
   width: 90% margin:auto;
   margin-bottom: 15px;
   margin-top: 15px;
   margin-right: 10px;
   margin-left: 10px;

} .col-md-4 { 

   width: 33.33333333%;
   font-size: 72px;
   color: #990100;

}

  1. div2 {
   position: relative;
   margin: 0 0 10.5px;
   color: #990100;
   font-family: fsb;
   letter-spacing: 8px;
   font-size: 48px;
   text-align: center;
   padding-top: 7px;

}

  1. divwang {
   position: relative;
   height: 3px;
   margin-top: 40px;
   background-color: #f75000;

}