|
|
| Line 16: |
Line 16: |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | </html> |
| | | | |
| − | </html>
| |
| | {{Template:Vanderbilt_Navbar}} | | {{Template:Vanderbilt_Navbar}} |
| | + | |
| | + | |
| | <html> | | <html> |
| | | | |
| Line 26: |
Line 28: |
| | | | |
| | | | |
| − | <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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media (min-width: 768px){
| |
| − | .seven-cols .col-md-1,
| |
| − | .seven-cols .col-sm-1,
| |
| − | .seven-cols .col-lg-1 {
| |
| − | width: 100%;
| |
| − | *width: 100%;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 992px) {
| |
| − | .seven-cols .col-md-1,
| |
| − | .seven-cols .col-sm-1,
| |
| − | .seven-cols .col-lg-1 {
| |
| − | width: 14.285714285714285714285714285714%;
| |
| − | *width: 14.285714285714285714285714285714%;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 1200px) {
| |
| − | .seven-cols .col-md-1,
| |
| − | .seven-cols .col-sm-1,
| |
| − | .seven-cols .col-lg-1 {
| |
| − | width: 14.285714285714285714285714285714%;
| |
| − | *width: 14.285714285714285714285714285714%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| | | | |
| | <div class="row" style="height: 100%; min-height: 100%;"> | | <div class="row" style="height: 100%; min-height: 100%;"> |
