Difference between revisions of "Team:UMaryland/about"

Line 455: Line 455:
 
     }
 
     }
 
      
 
      
    h1 {}
+
  .titleText {
   
+
position: absolute;
    #h1-header {
+
top: 350px;
        font-family: 'Raleway', sans-serif !important;
+
left: 50%;
        color: white;
+
margin-left: -40%;
        font-size: 30pt;
+
right: auto;
        font-weight: 400;
+
width: 80%;
        text-align: left;
+
min-width: 1000px;
        display: block;
+
max-width: 1500px;
        margin-top: 60px;
+
}
        padding-top: 180px;
+
        -webkit-margin-after: 0.83em;
+
h11, h21, h31 {
        border-bottom: none;
+
font-family: Lora;
        padding-bottom: 0px;
+
display: inline-block;
    }
+
position: relative;
   
+
padding-bottom: 10px;
    #h2-header {
+
padding-left: 10px;
        font-family: 'Raleway', sans-serif !important;
+
padding-top: 10px;
         color: white;
+
padding-right: 10px;
        font-size: 24pt;
+
background: rgba(0,0,0, 0.7);
        font-weight: 300;
+
line-height: 1em;
        text-align: left;
+
}
         display: block;
+
        -webkit-margin-before: 0.83em;
+
         h11 {
        -webkit-margin-after: 0.83em;
+
            color: white;
    }
+
            font-size: 30pt;
    /* Descriptions */
+
            font-weight: 400;
   
+
            text-align: left;
    #h3-header {
+
         }
        font-family: 'Raleway', sans-serif !important;
+
 
        color: white;
+
        h21 {
        font-size: 18pt;
+
            color: white;
        font-weight: 200;
+
            font-size: 24pt;
        text-align: left;
+
            font-weight: 300;
         display: block;
+
            text-align: left;
        -webkit-margin-before: 0.83em;
+
        }
        -webkit-margin-after: 0.83em;
+
 
    }
+
        h31 {
 +
            color: white;
 +
            font-size: 20pt;
 +
            font-weight: 200;
 +
            text-align: left;
 +
         }
 
      
 
      
 
     #div-content p {
 
     #div-content p {
Line 664: Line 669:
 
         right: 15px;
 
         right: 15px;
 
         z-index: 2;
 
         z-index: 2;
         margin-top: -11px;
+
         margin-top: 12px;
 
     }
 
     }
 
     /* Logo when more button is clicked */
 
     /* Logo when more button is clicked */
Line 904: Line 909:
 
<body>
 
<body>
 
     <nav>
 
     <nav>
         <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo">
+
         <a href="https://2016.igem.org/Team:UMaryland"><img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"></a>
 
         <ul>
 
         <ul>
 
             <a style="opacity: 0">Fix</a>
 
             <a style="opacity: 0">Fix</a>
Line 928: Line 933:
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
     <div id="div-background" data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/6/66/T--UMaryland--teampic.jpeg">
+
     <div class="scrollContainer">
        <div id="div-insideText">
+
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/6/66/T--UMaryland--teampic.jpeg" class="div-scrollPic" style="height: 650px;">
            <h1 id="h1-header">Our Team</h1>
+
<div class="titleText">
            <h2 id="h2-header">Training the next generation of synthetic biologists</h2>
+
<style>
            <h3 id="h3-header">Solving major global and local issues under the adivising of faculty and graduate advisors.</h3>
+
</style>
        </div>
+
<!-- where background image below titles show -->
    </div>
+
<h11>Our Team</h11></br>
 +
<h21>Training the Next Generation of Synthetic Biologists</h21></br>
 +
<h31>Solving major global and local issues under the adivising of faculty and graduate advisors.</h31></br>
 +
</div>
 +
</div>
 +
</div>
 
     <div class="follow">
 
     <div class="follow">
 
         <table id="table-selector">
 
         <table id="table-selector">
Line 1,186: Line 1,196:
 
     $('nav').mouseover(
 
     $('nav').mouseover(
 
             function() {
 
             function() {
                 $('#img-logo').css('transition', '.35s ease-in')
+
                 $('#img-logo').css('transition', '.35s ease-in');
                    .css('opacity', '1');
+
                $('#img-logo').css('opacity', '1');
 
                 $('nav ul').addClass("hover");
 
                 $('nav ul').addClass("hover");
 
             }
 
             }
Line 1,198: Line 1,208:
 
                         var pushed = $('body').hasClass('pushed');
 
                         var pushed = $('body').hasClass('pushed');
 
                         if (pushed == false) {
 
                         if (pushed == false) {
                             $('#img-logo').css('transition', '.25s ease')
+
                             $('#img-logo').css('transition', '.25s ease');
                                .css('opacity', '0');
+
                            $('#img-logo').css('opacity', '0');
 
                             $('nav ul').removeClass("hover");
 
                             $('nav ul').removeClass("hover");
 
                             $('nav').css('transition', '.5s ease');
 
                             $('nav').css('transition', '.5s ease');
Line 1,225: Line 1,235:
  
 
             function checkWidth() {
 
             function checkWidth() {
                 if ($(window).width() < 1090 || $('nav').hasClass('pushed')) {
+
                 if ($(window).width() < 980 || $('nav').hasClass('pushed')) {
 
                     $('nav li').css('display', 'none');
 
                     $('nav li').css('display', 'none');
 
                     $('#img-more').css('display', 'block');
 
                     $('#img-more').css('display', 'block');
 
                     $('nav ul').addClass("hover");
 
                     $('nav ul').addClass("hover");
                     $('#img-logo').css('transition', '.35s ease-in')
+
                     $('#img-logo').css('transition', '.35s ease-in');
                        .css('opacity', '1');
+
                    $('#img-logo').css('opacity', '1');
 
                 } else {
 
                 } else {
 
                     $('nav li').css('display', 'inline');
 
                     $('nav li').css('display', 'inline');
Line 1,236: Line 1,246:
 
                     $('nav ul').removeClass("hover");
 
                     $('nav ul').removeClass("hover");
 
                     if ($(window).scrollTop() > 0) {
 
                     if ($(window).scrollTop() > 0) {
                         $('#img-logo').css('transition', '.25s ease')
+
                         $('#img-logo').css('transition', '.25s ease');
                            .css('opacity', '0');
+
                        $('#img-logo').css('opacity', '0');
 
                         $('nav ul').addClass("scrolled");
 
                         $('nav ul').addClass("scrolled");
 
                     }
 
                     }
Line 1,256: Line 1,266:
 
             checkSponsors();
 
             checkSponsors();
 
             // Bind function to window resize
 
             // Bind function to window resize
             $(window).resize(checkWidth)
+
             $(window).resize(checkWidth);
                .resize(headerFontSize)
+
            $(window).resize(headerFontSize);
                .resize(checkSponsors);
+
            $(window).resize(checkSponsors);
 
         });
 
         });
 
     // Resized nav bar effect when more icon is clicked
 
     // Resized nav bar effect when more icon is clicked
Line 1,267: Line 1,277:
 
         $('nav img').toggleClass('pushed');
 
         $('nav img').toggleClass('pushed');
 
         $('body').toggleClass('pushed');
 
         $('body').toggleClass('pushed');
         if ($(window).width() >= 1090) {
+
         if ($(window).width() >= 980) {
 
             var pushed = $('body').hasClass('pushed');
 
             var pushed = $('body').hasClass('pushed');
 
             if (pushed == false) {
 
             if (pushed == false) {
Line 1,273: Line 1,283:
 
                 $('#img-more').css('display', 'none');
 
                 $('#img-more').css('display', 'none');
 
                 $('nav ul').removeClass("hover");
 
                 $('nav ul').removeClass("hover");
 
+
                $('#img-logo').css('transition', '.25s ease');
 +
                $('#img-logo').css('opacity', '0');
 
             }
 
             }
 
         }
 
         }
Line 1,282: Line 1,293:
 
         var scroll = $(window).scrollTop();
 
         var scroll = $(window).scrollTop();
 
         if (scroll > 0) {
 
         if (scroll > 0) {
             if ($(window).width() >= 1090) {
+
             if ($(window).width() >= 980) {
 
                 nav.addClass("scrolled");
 
                 nav.addClass("scrolled");
 
                 nav.removeClass("hover");
 
                 nav.removeClass("hover");
                 $('#img-logo').css('transition', '.25s ease')
+
                 $('#img-logo').css('transition', '.25s ease');
                    .css('opacity', '0');
+
                $('#img-logo').css('opacity', '0');
 
             }
 
             }
 
         } else {
 
         } else {
 
             nav.removeClass("scrolled");
 
             nav.removeClass("scrolled");
             $('#img-logo').css('transition', '.35s ease-in')
+
             $('#img-logo').css('transition', '.35s ease-in');
                .css('opacity', '1');
+
            $('#img-logo').css('opacity', '1');
 
         }
 
         }
 
     });
 
     });
Line 1,348: Line 1,359:
 
     //$('#top_menu_14').css('display', 'none');
 
     //$('#top_menu_14').css('display', 'none');
 
     $('#top_menu_under').css('display', 'none');
 
     $('#top_menu_under').css('display', 'none');
     $('#content').removeClass('mw-body')
+
     $('#content').removeClass('mw-body');
        .attr('role', 'dummy2')
+
    $('#content').attr('role', 'dummy2')
        .attr('id', 'dummy');
+
    $('#content').attr('id', 'dummy')
 
     $('#HQ_page').attr("id", "iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
 
     $('#HQ_page').attr("id", "iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
 
     $('#mw-content-text').attr("id", "overruled").removeClass('mw-content-ltr');
 
     $('#mw-content-text').attr("id", "overruled").removeClass('mw-content-ltr');

Revision as of 01:55, 10 October 2016

</div> </div> About Our Team

Our Team
Training the Next Generation of Synthetic Biologists
Solving major global and local issues under the adivising of faculty and graduate advisors.