Difference between revisions of "Team:Vanderbilt"

Line 5: Line 5:
 
<style>
 
<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>
 
</style>

Revision as of 02:12, 14 September 2015

Vanderbilt iGEM 2015


hullo this is paragraph 1 such an amazing paragraph how will spillag work i wonder
hullo this is paragraph 2
hullo this is paragraph 3