Difference between revisions of "Template:JiangnanU China/CSS"

(Replaced content with "<html> <style> </style> </html>")
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
.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;
 +
}
 +
#div1 {
 +
    position: relative;
 +
    height: 1.5px;
 +
    margin-top: 40px;
 +
    background-color: #f75000;
 +
}
 +
.row {
 +
    margin-left: -15px;
 +
    margin-right: -15px;
 +
}
 +
#dcpt4 {
 +
    text-align: justify;
 +
    margin: 0px 0% 1px;
 +
    background-color: #fffae6;
 +
    padding: 40px 10%;
 +
 +
}
 +
#tr1 {
 +
    line-height: 120%;
 +
    font-size: inherit;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 12:17, 13 June 2019