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
Demons in the Code
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