|
|
Line 1: |
Line 1: |
| {{Template:Vanderbilt_Header}} | | {{Template:Vanderbilt_Header}} |
| + | {{Template:Vanderbilt_Navbar}} |
| + | {{Template:Vanderbilt_Style}} |
| + | |
| <html> | | <html> |
− | <style>
| |
− | .btn {
| |
− | -webkit-border-radius: 0 !important;
| |
− | -moz-border-radius: 0 !important;
| |
− | border-radius: 0 !important;
| |
− | background-color: #3e0812;
| |
− | color: #9e515e;
| |
− | border: none;
| |
− | }
| |
− | a:link {
| |
− | text-decoration: none;
| |
− | color: #9e515e;
| |
− | }
| |
− | a:visited {
| |
− | text-decoration: none;
| |
− | color: #9e515e;
| |
− | }
| |
− | .chosen {
| |
− | background-color: #220006;
| |
− | color: #3e0812;
| |
− | }
| |
− |
| |
− | </style>
| |
| | | |
| <div id="breadcrumb_container" class="container" style="position:fixed; top:88px; z-index:2;"> | | <div id="breadcrumb_container" class="container" style="position:fixed; top:88px; z-index:2;"> |
Line 38: |
Line 18: |
| </div> | | </div> |
| </div> | | </div> |
− |
| |
− | </html>
| |
− | {{Template:Vanderbilt_Navbar}}
| |
− | <html>
| |
| | | |
| <script> | | <script> |
Line 47: |
Line 23: |
| </script> | | </script> |
| | | |
− |
| |
− | <style>
| |
− |
| |
− | html, body {
| |
− | height: 100%;
| |
− | background-color: #3e0812;
| |
− | }
| |
− |
| |
− | body {
| |
− | position: relative;
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | .footer {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | width: 100%;
| |
− | /* Set the fixed height of the footer here */
| |
− | background-color: #3e0812;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .row-height {
| |
− | display: table;
| |
− | table-layout: fixed;
| |
− | height: 100%;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | @keyframes dnaFadeInOut {
| |
− | 0% {opacity:1;}
| |
− | 17% {opacity:1;}
| |
− | 25% {opacity:0;}
| |
− | 92% {opacity:0;}
| |
− | 100% {opacity:1;}
| |
− | }
| |
− |
| |
− | @-o-keyframes dnaFadeInOut {
| |
− | 0% {opacity:1;}
| |
− | 17% {opacity:1;}
| |
− | 25% {opacity:0;}
| |
− | 92% {opacity:0;}
| |
− | 100% {opacity:1;}
| |
− | }
| |
− | @-moz-keyframes dnaFadeInOut {
| |
− | 0% {opacity:1;}
| |
− | 17% {opacity:1;}
| |
− | 25% {opacity:0;}
| |
− | 92% {opacity:0;}
| |
− | 100% {opacity:1;}
| |
− | }
| |
− | @-webkit-keyframes dnaFadeInOut {
| |
− | 0% {opacity:1;}
| |
− | 17% {opacity:1;}
| |
− | 25% {opacity:0;}
| |
− | 92% {opacity:0;}
| |
− | 100% {opacity:1;}
| |
− | }
| |
− |
| |
− | .dnaStrand img:nth-of-type(1) {
| |
− | -webkit-animation-delay: 6s;
| |
− | -moz-animation-delay: 6s;
| |
− | -o-animation-delay: 6s;
| |
− | animation-delay: 6s;
| |
− | }
| |
− | .dnaStrand img:nth-of-type(2) {
| |
− | -webkit-animation-delay: 4s;
| |
− | -moz-animation-delay: 4s;
| |
− | -o-animation-delay: 4s;
| |
− | animation-delay: 4s;
| |
− | }
| |
− | .dnaStrand img:nth-of-type(3) {
| |
− | -webkit-animation-delay: 2s;
| |
− | -moz-animation-delay: 2s;
| |
− | -o-animation-delay: 2s;
| |
− | animation-delay: 2s;
| |
− | }
| |
− | .dnaStrand img:nth-of-type(4) {
| |
− | -webkit-animation-delay: 0;
| |
− | -moz-animation-delay: 0;
| |
− | -o-animation-delay: 0;
| |
− | animation-delay: 0;
| |
− | }
| |
− |
| |
− | .dnaStrand {
| |
− | position: relative;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | .dnaStrand img {
| |
− | position: absolute;
| |
− | height: 95%;
| |
− | width: 95%;
| |
− | vertical-align: top;
| |
− | }
| |
− |
| |
− | .dnaStrand img {
| |
− | -webkit-animation-name: dnaFadeInOut;
| |
− | -webkit-animation-timing-function: ease-in-out;
| |
− | -webkit-animation-iteration-count: infinite;
| |
− | -webkit-animation-duration: 8s;
| |
− |
| |
− | -moz-animation-name: dnaFadeInOut;
| |
− | -moz-animation-timing-function: ease-in-out;
| |
− | -moz-animation-iteration-count: infinite;
| |
− | -moz-animation-duration: 8s;
| |
− |
| |
− | -o-animation-name: dnaFadeInOut;
| |
− | -o-animation-timing-function: ease-in-out;
| |
− | -o-animation-iteration-count: infinite;
| |
− | -o-animation-duration: 8s;
| |
− |
| |
− | animation-name: dnaFadeInOut;
| |
− | animation-timing-function: ease-in-out;
| |
− | animation-iteration-count: infinite;
| |
− | animation-duration: 8s;
| |
− | }
| |
− |
| |
− |
| |
− | .grid {
| |
− | background-color: #5f212c;
| |
− | }
| |
− |
| |
− | /* clear fix */
| |
− | .grid:after {
| |
− | content: '';
| |
− | display: block;
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | /* ---- .element-item ---- */
| |
− |
| |
− | /* 6 columns, percentage width */
| |
− | .grid-item,
| |
− | .grid-sizer {
| |
− | width: 16.666%;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | .grid-item {
| |
− | float: left;
| |
− | background: #0D8;
| |
− | border: 10px solid #44111a;
| |
− | width: 33.333%;
| |
− | margin: 0px;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .grid-item--widthFull { width:100%; }
| |
− |
| |
− | .grid-item img {
| |
− | display: block;
| |
− | max-width: 100%;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | .grid-textbox-top {
| |
− | border-left: 0px;
| |
− | border-top: 0px;
| |
− | border-right: 0px;
| |
− | border-bottom: 5px solid #44111a;
| |
− | line-height: 100%;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .grid-textbox-mid {
| |
− | border-right: 0px;
| |
− | border-left: 0px;
| |
− | border-top: 5px solid #44111a;
| |
− | border-bottom: 5px solid #44111a;
| |
− | line-height: 100%;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .grid-textbox-bot {
| |
− | border-right: 0px;
| |
− | border-left: 0px;
| |
− | border-top: 5px solid #44111a;
| |
− | border-bottom: 0px;
| |
− | line-height: 100%;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .carousel-inner > .item > img,
| |
− | .carousel-inner > .item > a > img {
| |
− | width: 100%;
| |
− | margin: auto;
| |
− | }
| |
− |
| |
− | </style>
| |
| | | |
| <div class="row" style="height: 100%; min-height: 100%;"> | | <div class="row" style="height: 100%; min-height: 100%;"> |
− | <div class="row-height">
| |
− | <div class="col-lg-1 hidden-sm" style="height:100%" id="dnaStrand1">
| |
− | <br>
| |
− | <div class="dnaStrand" alt="dna strand">
| |
− | <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png"/>
| |
− | <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png"/>
| |
− | <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png"/>
| |
− | <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png"/>
| |
− | </div>
| |
− | </div>
| |
− |
| |
| | | |
| <div id="outline-container-orgheadline2" class="outline-2"> | | <div id="outline-container-orgheadline2" class="outline-2"> |