|
|
| Line 4: |
Line 4: |
| | | | |
| | <html> | | <html> |
| − | <head>
| |
| − |
| |
| − | <style>
| |
| − | .banner-bg {
| |
| − | }
| |
| − |
| |
| − | .banner {
| |
| − | position: relative;
| |
| − | padding-top: 44px;
| |
| − | margin: 0 auto;
| |
| − | width: 1224px;
| |
| − | }
| |
| − |
| |
| − | .banner .prev {
| |
| − | position: absolute;
| |
| − | top: 270px;
| |
| − | left: -56px;
| |
| − | }
| |
| − |
| |
| − | .banner .next {
| |
| − | position: absolute;
| |
| − | top: 270px;
| |
| − | left: 556px;
| |
| − | }
| |
| − |
| |
| − | .bannerimg {
| |
| − | position: relative;
| |
| − | width: 500px;
| |
| − | height: 400px;
| |
| − | margin: 0 auto;
| |
| − | border: 6px solid #FFFFFF;
| |
| − | overflow: hidden;
| |
| − | top: 50px;
| |
| − | }
| |
| − |
| |
| − | .bannerimg li {
| |
| − | opacity: 0;
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .bannerimg li.active {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .banner .dot {
| |
| − | position: absolute;
| |
| − | top: 450px;
| |
| − | left: 225px;
| |
| − | z-index: 99;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .dot li {
| |
| − | display: inline-block;
| |
| − | width: 10px;
| |
| − | height: 10px;
| |
| − | background-color: #ffffff;
| |
| − | border-radius: 10px;
| |
| − | box-sizing: content-box;
| |
| − | vertical-align: middle;
| |
| − | margin: 0 4px;
| |
| − | color: transparent;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .dot li.active {
| |
| − | border: 2px solid #FFFFFF;
| |
| − | background-color: transparent;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="https://2017.igem.org/Team:UChile_OpenBio-CeBiB/Template/imgchange?action=raw&ctype=text/javascript"></script>
| |
| − | </head>
| |
| − |
| |
| | | | |
| | <body> | | <body> |
| Line 90: |
Line 10: |
| | <br> | | <br> |
| | | | |
| − | <div class="banner-bg">
| |
| − | <div class="banner" id="banner">
| |
| − | <div class="lii"></div>
| |
| − | <ul class="bannerimg banner-scroll" id="scroll">
| |
| − | <li class="active"><img src="https://static.igem.org/mediawiki/2017/8/84/T--UChile_OpenBio-CeBiB--LogoCebib.png"/></li>
| |
| − | <li><img src="https://static.igem.org/mediawiki/2017/8/84/T--UChile_OpenBio-CeBiB--LogoCebib.png"/></li>
| |
| − | <li><img src="https://static.igem.org/mediawiki/2017/e/ee/T--UChile_OpenBio-CeBiB--LogoOpenbio.png"/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | <li><img src=""/></li>
| |
| − | </ul>
| |
| − | <div class="banner-dot-box">
| |
| − | <ul class="dot" id="dot">
| |
| − | <li class="active">1</li>
| |
| − | <li>2</li>
| |
| − | <li>3</li>
| |
| − | <li>4</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | <li>5</li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div id="jiao">
| |
| − | <a href="#" id="left" class="prev"><img src="https://static.igem.org/mediawiki/2016/e/e4/T--TJUSLS_China--prev.png"/></a>
| |
| − | <a href="#" id="right" class="next"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--TJUSLS_China--next.png"/></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | | | |
