body, html { height:100%; } body { background-image:url(./static/bg.jpg); background-attachment:fixed; background-repeat:repeat; } html { overflow-y:scroll; } header > .container { padding-top:25px; padding-bottom:15px; } .container { max-width:1140px; } .absolute_center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sketch { opacity: 0.6; position: fixed; top: 0; } #masthead { #big-video-wrap { position:static; } #head_text { .absolute_center; height:100px; } h1, h2 { font-family:Lato; color:white; opacity:0.99; text-align:center; margin:0; } h1 { letter-spacing:10px; margin-bottom:5px; font-size:60px; } h2 { font-size:15px; } } .heroImageContainer { background-size: cover; } #bodycontainer { background-image:url(crossword.png); } .nav { #nav_left { img { width:170px; } display:inline-block; vertical-align:bottom; } #nav_right { margin-left:15px; display:inline-block; vertical-align:bottom; h2 { color:white; font-size: 70px; margin-top: 0; margin-bottom: 0; } } ul { padding:0; margin-top:0; li { list-style-type: none; display: inline-block; color: white; border-right: 1px solid white; padding: 0 10px; margin-left: -4px; } li:last-child { border:0; } } } .quotespacer { border-top: 1px solid white; width: 150px; height: 1px; display: block; margin: 0 auto; } #missionquote { -webkit-animation:20s huerotate linear infinite; margin:15px auto; } #telomere { width: 100%; height: 360px; background-size: 450px; background-repeat: no-repeat; transition: 1s ease; } #telomere:hover { -webkit-transform: scale(1.1); } #portrait_container { border-right:1px solid white; img { width: 23%; padding: 5px; transition: 0.2s ease; } img:hover { cursor:pointer; -webkit-transform: scale(1.3); } >.row { padding-top:5px; } >.row:last-child { padding-bottom:5px; } } @-webkit-keyframes huerotate { 0% { -webkit-filter:hue-rotate(0deg); } 100% { -webkit-filter:hue-rotate(360deg); } } /******************* SLDIESJS ******************/ #slideShow { } #slides { display: none; } #slides .slidesjs-navigation { margin-top: 3px; } #slides .slidesjs-previous { margin-right: 5px; float: left; } #slides .slidesjs-next { margin-right: 5px; float: left; } .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; } .slidesjs-pagination li { float: left; margin: 0 1px; } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(https://lh6.googleusercontent.com/-vtyezdODYvE/U0S2xNtE8TI/AAAAAAAAAJU/KkHRW1n1iQ4/w13-h39-no/pagination.png); background-position: 0 0; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; } .slidesjs-pagination li a:hover { background-position: 0 -26px; } #slides a:link, #slides a:visited { color: #333; } #slides a:hover, #slides a:active { color: #9e2020; } .navbar { overflow: hidden; } .slideContainer { margin: 0 auto; } #projIntroContainer { padding: 0px 0px 0px 0px; text-align: center; } #projIntro { margin-top: -8px; padding-top: 0px; text-align: justify; padding-right: 40px; font-size: 19px; font-family:'Poiret One', cursive; } /*************** BIGVIDEO.JS **************/ #big-video-wrap { overflow:hidden; height:100%; width:100%; top:0; left:0; } #big-video-vid, #big-video-image { position:absolute; } #big-video-control-container { position:fixed; bottom:0; padding:10px; width:100%; background:rgba(0, 0, 0, .25); -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -ms-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s; } #big-video-control { width:100%; height:16px; position:relative; } #big-video-control-middle { margin: 0 56px 0 24px; } #big-video-control-bar { width:100%; height:16px; position:relative; cursor:pointer; } #big-video-control-progress { position:absolute; top:7px; height:3px; width:0%; background:#fff; } #big-video-control-track { position:absolute; top:8px; height:1px; width:100%; background:#fff; } #big-video-control-bound-left { left:0; } #big-video-control-bound-right { right:-1px } #big-video-control-track .ui-slider-handle { opacity:0; } #big-video-control-playhead { left:30%; } #big-video-control-play { position:absolute; top:0; left:0; height:16px; width:16px; background-image:url('bigvideo.png'); } #big-video-control-timer { position:absolute; top:1px; right:0; color:#fff; font-size:11px; } #big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right { position:absolute; top:0; height:16px; width:1px; background:#fff; } #big-video-control .ui-slider-handle { border-left:solid 1px #fff; width:16px; height:16px; position:absolute; top:-8px; } .transparent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .vjs-big-play-button { display:none !important; }