Difference between revisions of "Template:Team:UofC Calgary/UofC Calgary"

Line 11,483: Line 11,483:
 
   }
 
   }
 
}
 
}
 +
<!-- Test1 -->
 +
<script>
 +
 +
//``````````````````````````````````````````START OF JQUERY SCRIPTS`````````````````````````````````````````````````````````````
 +
   
 +
//``````````````````````````````````````````FUNCTION TO SHRINK NAV BAR WHILE SCROLLING``````````````````````````````````````````
 +
$(document).ready(function () {
 +
 +
    $('#logo')
 +
        .mouseover(function () {
 +
        $(this).attr("src", "https://static.igem.org/mediawiki/2015/3/35/UCSF_Logo_Wiki_Grey.gif");
 +
    })
 +
        .mouseout(function () {
 +
        $(this).attr("src", "https://static.igem.org/mediawiki/2015/a/ae/UCSF_Logo_Wiki.png");
 +
    });
 +
 +
    $( "#backToTop" ).hover(
 +
      function() {
 +
        $('#backToTopArrow').css('margin', '5px 0 0px 55px');
 +
      },
 +
      function() {
 +
        $('#backToTopArrow').css('margin','30px 0 0px 55px');
 +
      }
 +
    );
 +
 +
    $('a[href^="#"]').bind('click.smoothscroll',function (e) {
 +
        e.preventDefault();
 +
 +
        var target = this.hash,
 +
        $target = $(target);
 +
 +
        $('html, body').stop().animate({
 +
            'scrollTop': $target.offset().top-60
 +
        }, 900, 'swing', function () {
 +
            window.location.hash = target;
 +
        });
 +
    });
 +
 +
    $("#Top").click(function(){
 +
      scroll(0,0);
 +
    });
 +
 +
    $('.yeastiesEA').click(function () {
 +
      $('#teamInfo').html("Eleanor Amidei is a sophomore at UC Berkeley and an intended Public Health major. This is her second year on the UCSF iGEM team. When not being the source of inspiration for Nick Suen, she can be found cleaning the lab benches or in the gym pretending to work out. Her second year on the iGEM team was even more memorable and educational than her first, and she is extremely grateful for this experience.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('ELEANOR \"EL-ION-OR\" AMIDEI');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','1');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesEL').click(function () {
 +
      $('#teamInfo').html("Erik Lamp is a Freshman at San Jose State University studying electrical engineering. In high school he played baseball for two years, ran cross country for three years, ran track for 2 years, and wrestled for a season. Besides playing sports, he loves building electronics such as portable chargers. He won first place in the San Francisco Bay Area Science Fair, won a recognition award in the California State Science Fair, and participated in the Google Science Fair.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('ERIK \"WHO?\" LAMP');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','1');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesSL').click(function () {
 +
      $('#teamInfo').html("Samantha Lee, a recent graduate from Abraham Lincoln High School, is now at San Jose State University. She joined the UCSF iGEM's team because she thought it was a great way to get hands on experience with synthetic biology. Her guilty pleasure is to hoard a bunch of apples.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('SAMANTHA \"SHARQMANTHA\" LEE');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','1');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesJaS').click(function () {
 +
      $('#teamInfo').html("Jasmine Sims is a current senior at SF State majoring in Biochemistry. She loves her major because she enjoys that it describes the chemistry of life. Researching and working with iGEM has given her a chance to put her interest in science to work. She likes meeting new people, going skating, working out, exploring new places, and learning new things.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('JASMINE \"JAZZ\" SIMS');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','1');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesJeS').click(function () {
 +
      $('#teamInfo').html("Jeffrey Shu is a returning UCSF iGEM alumnus and a sophomore at UC Berkeley studying Molecular and Cell Biology. When not obsessing over the secretion of proteases and running his 99th colony PCR of the day, he enjoys singing show tunes in the shower, creating Snapchat masterpieces, and laughing at horrible puns. Scientists theorize that he is actually a novel strain of H. sapiens fueled by tofu and characterized by high expression levels of sass.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('JEFFREY \"JSHMOO\" SHU');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','1');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesEC').click(function () {
 +
      $('#teamInfo').html("Erika Cagampan is a senior at UC Berkeley majoring in Integrative Biology. She enjoys iGEM because it has given her the chance to interact with undergraduate students from all over the world who share her love for science and synthetic biology! When Erika isn’t pipetting or getting too excited over new transformed yeast, Erika can be found traveling, exploring or eating. She hopes to someday use her synthetic biology knowledge to help find cures to diseases that majorly affect many developing nations!");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('ERIKA \"RAISINS\" CAGAMPAN');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','1');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesHC').click(function () {
 +
      $('#teamInfo').html("Hunter Collins' whereabouts are currently unknown. His girlfriend Melissa claims he is in Florida, but his lack of response cannot confirm this claim. Our bets are that he was actually in New York at the VMA’s performing “Where Are Ü Now” and is currently in hiding after crying on stage. Hunter is an incoming freshman at City College of San Francisco. In his spare time, he likes to hang out with Melissa and pretend to learn Chinese.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('HUNTER \"BABY JB\" COLLINS');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','1');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesJN').click(function () {
 +
      $('#teamInfo').html("Josh is a senior at UC Berkeley and is a part-­time bioengineer, full-­time giraffe. Not only is Josh known for drastically augmenting the UCSF iGEM team’s average height, he is also known for his love of all things that start with a C: coding, couch, and caffeine (record of 9 cups of coffee in 5 hours). He has a bottomless pit for a stomach and his love for food is deeper than a yeast’s desire to shmoo. When not dodging low-hanging tree branches or eating food, Josh can be found bug hunting in Sublime or vilifying MATLAB.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('JOSHUA \"SLOSH\" NOWAK');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','1');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesSQ').click(function () {
 +
      $('#teamInfo').html("Stanlee Quach is a recent graduate of Abraham Lincoln High School and is currently taking a gap year before starting college. He was drawn to iGEM because of its opportunity for allowing young students to practice synthetic biology. Known as \"Squach\" by his teammates, Squach is a dedicated member of the UCSF iGEM team. Wherever you go, he can be found working on experiments, working on graphics, or working on coding from dawn till dusk. Seriously, this guy does not sleep.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('STANLEE \"SQUACH\" QUACH');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','1');
 +
      $('.yeastiesNS').css('opacity','0.5');
 +
    });
 +
 +
    $('.yeastiesNS').click(function () {
 +
      $('#teamInfo').html("Nicholas Suen is a recent graduate from Abraham Lincoln High School and will be attending UC Davis as a Biological Systems Engineering major. He is very interested in synthetic biology and is thankful for the lab experience he has gained through the iGEM competition. You can often find Nicholas watching baseball games (Go Giants), weightlifting to become as strong as his idol and mentor Eleanor Amidei, and rewatching all six seasons of the hit T.V. show LOST.");
 +
      $('#teamInfo').addClass('content1');
 +
      $('#teamInfo').removeClass('content2');
 +
      $('#teamInfo').css('color','white');
 +
      $('.headerName').html('NICHOLAS \"CHOPSKY\" SUEN');
 +
      $('.headerName').css('display','block');
 +
      $('.yeastiesEA').css('opacity','0.5');
 +
      $('.yeastiesEL').css('opacity','0.5');
 +
      $('.yeastiesSL').css('opacity','0.5');
 +
      $('.yeastiesJaS').css('opacity','0.5');
 +
      $('.yeastiesJeS').css('opacity','0.5');
 +
      $('.yeastiesEC').css('opacity','0.5');
 +
      $('.yeastiesHC').css('opacity','0.5');
 +
      $('.yeastiesJN').css('opacity','0.5');
 +
      $('.yeastiesSQ').css('opacity','0.5');
 +
      $('.yeastiesNS').css('opacity','1');
 +
    });
 +
 +
    $('#karaH').click(function () {
 +
      $('#advisorsInfo').html("This is Kara Helmke’s third year working with the iGEM team. She completed her graduate work at UC Berkeley studying mitosis in frogs, and is now working in science education and communication. As a cell biologist and microscopist by training, the field of synthetic biology has been both challenging and exciting for her to learn about alongside the students.");
 +
      $('#advisorsInfo').addClass('content1');
 +
      $('#advisorsInfo').removeClass('content2');
 +
      $('#advisorsInfo').css('color','white');
 +
      $('.headerAdvisors').html('KARA HELMKE');
 +
      $('.headerAdvisors').css('display','block');
 +
      $('#karaH').css('opacity','1')
 +
      $('#gianneS').css('opacity','.5')
 +
      $('#wendellL').css('opacity','.5')
 +
    });
 +
 +
    $('#gianneS').click(function () {
 +
      $('#advisorsInfo').html("Gianne Souza is passionate about science education and is pursuing a career in teaching at the undergraduate or high school level. She completed her M.S. in Biomedical Sciences at University of California, San Francisco last spring and is now teaching at several universities as well as mentoring the iGEM students. Some of her hobbies include breeding fish, road cycling, and photography.");
 +
      $('#advisorsInfo').addClass('content1');
 +
      $('#advisorsInfo').removeClass('content2');
 +
      $('#advisorsInfo').css('color','white');
 +
      $('.headerAdvisors').html('GIANNE SOUZA');
 +
      $('.headerAdvisors').css('display','block');
 +
      $('#karaH').css('opacity','.5')
 +
      $('#gianneS').css('opacity','1')
 +
      $('#wendellL').css('opacity','.5')
 +
    });
 +
 +
    $('#wendellL').click(function () {
 +
      $('#advisorsInfo').html("Wendell Lim has had a lab at UCSF for over 15 years and has been an adviser to the UCSF team since it started in 2007. He enjoys working with bright, open-minded young scientists and seeing their ideas develop into scientific projects.");
 +
      $('#advisorsInfo').addClass('content1');
 +
      $('#advisorsInfo').removeClass('content2');
 +
      $('#advisorsInfo').css('color','white');
 +
      $('.headerAdvisors').html('WENDELL LIM');
 +
      $('.headerAdvisors').css('display','block');
 +
      $('#karaH').css('opacity','.5')
 +
      $('#gianneS').css('opacity','.5')
 +
      $('#wendellL').css('opacity','1')
 +
    });
 +
 +
    $('#georgeC').click(function () {
 +
      $('#mentorsInfo').html("George Cachianes has authored and been teaching a two-year biotechnology program at Abraham Lincoln High School in San Francisco since 1995. Prior to teaching, he spent 15 years doing research in molecular biology at Columbia University, UCSF, Stanford University, and 8 years at Genentech, Inc. George’s goal is to motivate students to pursue a career in science. Many of George’s former students were selected to participate in UCSF's iGEM Teams.");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('GEORGE CACHIANES');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','1')
 +
      $('#kevinH').css('opacity','.5')
 +
      $('#weiyueJ').css('opacity','.5')
 +
      $('#marcoM').css('opacity','.5')
 +
      $('#anusuyaR').css('opacity','.5')
 +
      $('#danS').css('opacity','.5')
 +
    });
 +
 +
    $('#kevinH').click(function () {
 +
      $('#mentorsInfo').html("Kevin Hartman is a third-year Bioinformatics PhD student at UCSF. He is studying computational genomics, specifically the interplay between natural selection and disease. This is Kevin's second year as a UCSF iGEM mentor. He has ensured that all of the team members are familiar with the basics of computational science and aided with the development of a computation model of the constructed biological system.");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('KEVIN HARTMAN');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','.5')
 +
      $('#kevinH').css('opacity','1')
 +
      $('#weiyueJ').css('opacity','.5')
 +
      $('#marcoM').css('opacity','.5')
 +
      $('#anusuyaR').css('opacity','.5')
 +
      $('#danS').css('opacity','.5')
 +
    });
 +
 +
    $('#weiyueJ').click(function () {
 +
      $('#mentorsInfo').html("Weiyue Ji is a second year Biophysics PhD student at UCSF. She received her Bachelor's degree from Peking University in Biology. Having participated in iGEM twice during undergrad, especially once here at UCSF, she is excited be part of iGEM again as a mentor. She helped this year's team develop their computational modelling.");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('WEIYUE JI');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','.5')
 +
      $('#kevinH').css('opacity','.5')
 +
      $('#weiyueJ').css('opacity','1')
 +
      $('#marcoM').css('opacity','.5')
 +
      $('#anusuyaR').css('opacity','.5')
 +
      $('#danS').css('opacity','.5')
 +
    });
 +
 +
    $('#marcoM').click(function () {
 +
      $('#mentorsInfo').html("Marco Mravic is a first year in the Biophysics PhD program at UCSF, holding a B.S. in Chemical Engineering from UCLA. Currently, his research efforts focus on data-driven protein design & engineering. He shared his backgrounds in computational/systems modeling and molecular biology with the iGEM team.");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('MARCO MRAVIC');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','.5')
 +
      $('#kevinH').css('opacity','.5')
 +
      $('#weiyueJ').css('opacity','.5')
 +
      $('#marcoM').css('opacity','1')
 +
      $('#anusuyaR').css('opacity','.5')
 +
      $('#danS').css('opacity','.5')
 +
    });
 +
 +
    $('#anusuyaR').click(function () {
 +
      $('#mentorsInfo').html("Anusuya Ramasubramanian is a fifth year Bioengineering Ph.D. student in the UCSF/UC Berkeley joint program, where she works at the nexus of tissue engineering, biomaterials and synthetic biology. She has an undergraduate degree in Biomechanical Engineering from Stanford University. Having participated in iGEM twice as an undergrad at Stanford - once as a team member and once as a mentor - she couldn't help but get involved with iGEM as a graduate student. This is Anusuya's third year mentoring the UCSF iGEM team. Mentoring this team, which has a unique mix of high school and undergraduate members, has been an incredibly enriching and rewarding experience. Anusuya has been really impressed with the progress of this year's team and can't wait to see the impact of their work at the Jamboree and beyond!");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('ANUSUYA RAMASUBRAMANIAN');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','.5')
 +
      $('#kevinH').css('opacity','.5')
 +
      $('#weiyueJ').css('opacity','.5')
 +
      $('#marcoM').css('opacity','.5')
 +
      $('#anusuyaR').css('opacity','1')
 +
      $('#danS').css('opacity','.5')
 +
    });
 +
 +
    $('#danS').click(function () {
 +
      $('#mentorsInfo').html("Dan Santos grew up in Lake Tahoe, CA and then went to UCLA, where he studied microbiology and molecular genetics. After college he moved to San Diego to work in the biotech industry, including an algae biofuels startup that opened his eyes to the potential for solving big problems by engineering tiny cells. Dan is now entering his third year as a PhD student in the Tetrad program at UCSF, where he is using deep sequencing technologies to investigate multi-functional proteins in the model yeast S. cerevisiae.");
 +
      $('#mentorsInfo').addClass('content1');
 +
      $('#mentorsInfo').removeClass('content2');
 +
      $('#mentorsInfo').css('color','white');
 +
      $('.headerMentors').html('DAN SANTOS');
 +
      $('.headerMentors').css('display','block');
 +
      $('#georgeC').css('opacity','.5')
 +
      $('#kevinH').css('opacity','.5')
 +
      $('#weiyueJ').css('opacity','.5')
 +
      $('#marcoM').css('opacity','.5')
 +
      $('#anusuyaR').css('opacity','.5')
 +
      $('#danS').css('opacity','1')
 +
    });
 +
 +
});
 +
 +
$(window).scroll(function(){
 +
 +
  var scroll = $(window).scrollTop();
 +
     
 +
  if (scroll > 0 ) {
 +
 +
    if ($('nav').is(':hover') === false) {
 +
      $('nav').addClass('scrolled');
 +
      $('nav a').css('padding', '28px 13px 0 13px');
 +
      $('nav a').css('height', '29');
 +
      $('#ucsf a').css('padding', '10px 0px 0 0px');
 +
      $('#logo').attr('height', '48');
 +
      $('#iGEMLogoImg').css('margin', '9px 0 0 0');
 +
    }
 +
 +
    $( "nav" ).mouseenter(function() {
 +
      $('nav').removeClass('scrolled');
 +
      $('nav a').css('height', '72');
 +
      $('nav a').css('padding', '55px 13px 0 13px');
 +
      $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
      $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
    });
 +
 +
    $( "nav" ).mouseleave(function() {
 +
      $('nav').addClass('scrolled');
 +
      $('nav a').css('padding', '28px 13px 0 13px');
 +
      $('nav a').css('height', '29');
 +
      $('#ucsf a').css('padding', '10px 0px 0 0px');
 +
      $('#logo').attr('height', '48');
 +
      $('#iGEMLogoImg').css('margin', '9px 0 0 0');
 +
    });
 +
 +
    $( "nav" ).mousehover(function() {
 +
      $('nav').removeClass('scrolled');
 +
      $('nav a').css('height', '72');
 +
      $('nav a').css('padding', '55px 13px 0 13px');
 +
      $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
      $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
    });
 +
 +
  }
 +
 
 +
  if (scroll <= 0 ) {
 +
    $('nav').removeClass('scrolled');
 +
    $('nav a').css('padding', '55px 13px 0 13px');
 +
    $('nav a').css('height', '72');
 +
    $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
    $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
 +
    $( "nav" ).mouseenter(function() {
 +
      $('nav').removeClass('scrolled');
 +
      $('nav a').css('height', '72');
 +
      $('nav a').css('padding', '55px 13px 0 13px');
 +
      $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
      $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
    });
 +
 +
    $( "nav" ).mouseleave(function() {
 +
      $('nav').removeClass('scrolled');
 +
      $('nav a').css('padding', '55px 13px 0 13px');
 +
      $('nav a').css('height', '72');
 +
      $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
      $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
    });
 +
 +
    $( "nav" ).mousehover(function() {
 +
      $('nav').removeClass('scrolled');
 +
      $('nav a').css('height', '72');
 +
      $('nav a').css('padding', '55px 13px 0 13px');
 +
      $('#ucsf a').css('padding', '11px 0px 0 0px');
 +
      $('#logo').attr('height', '116');
 +
      $('#iGEMLogoImg').css('margin', '40px 0 0 0');
 +
    });
 +
 +
  }
 +
 +
});
 +
 +
 +
//``````````````````````````````````````````END OF JQUERY SCRIPTS```````````````````````````````````````````````````````````````
 +
 +
</script>
 +
 +
<style>
 +
 +
/*`````````````````````````````````````````````START OF STYLES````````````````````````````````````````````````````````````````*/
 +
 +
.firstHeading{
 +
  display:none;
 +
}
 +
 +
body {
 +
  background-color:#303030;
 +
  margin:0;
 +
}
 +
 +
video#Skyline{
 +
  display:block;
 +
  margin:-40px 0 10px 0;
 +
  padding:0px;
 +
  position:relative;
 +
}
 +
 +
#videoAbstract{
 +
  display:block;
 +
  margin:auto;
 +
  padding:0px;
 +
  position:relative;
 +
}
 +
 +
a:link {
 +
  text-decoration: none;
 +
}
 +
 +
a:visited {
 +
  text-decoration: none;
 +
}
 +
 +
.clear:link{
 +
  text-decoration: none;
 +
}
 +
 +
.clear:visited{
 +
  text-decoration: none;
 +
}
 +
 +
@font-face {
 +
  font-family: 'Blue_High_Way';
 +
  src: url("https://static.igem.org/mediawiki/2015/c/c7/BLUEHIGD_0.TTF");
 +
}
 +
 +
@font-face {
 +
  font-family: 'Brandon_Reg';
 +
  src: url("https://static.igem.org/mediawiki/2015/f/fb/Brandon_reg.otf");
 +
}
 +
 +
@font-face {
 +
  font-family: 'Brandon_Reg';
 +
  src: url("https://static.igem.org/mediawiki/2015/0/0d/Brandon_bld.otf");
 +
  font-weight: bold;
 +
}
 +
 +
@font-face {
 +
  font-family: 'Brandon_Reg';
 +
  src: url("https://static.igem.org/mediawiki/2015/f/f5/Brandon_reg_it.otf");
 +
  font-style: italic
 +
}
 +
 +
@font-face {
 +
  font-family: 'Brandon_Reg';
 +
  src: url("https://static.igem.org/mediawiki/2015/9/9e/Brandon_bld_it.otf");
 +
  font-weight: bold;
 +
  font-style: italic;
 +
}
 +
 +
/*``````````````````````````````````````````````START OF NAV BAR STYLES```````````````````````````````````````````````````````*/
 +
#navMask{
 +
  position:relative;
 +
  height:110px;
 +
  width:100%;
 +
  background: #666;
 +
  padding:0;
 +
  margin:0;
 +
  opacity:0; 
 +
}
 +
 +
nav {
 +
  background: #666;
 +
  color: white;
 +
  transition: opacity 1s ease;
 +
  opacity: 1;
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 130px;
 +
  line-height: 130px;
 +
  transition: all 0.5s ease;
 +
  display:block;
 +
  float:right;
 +
  clear:both;
 +
  z-index:100;
 +
  overflow:hidden;
 +
}
 +
 +
nav:hover{
 +
  opacity:1;
 +
  transition:all 0.5s ease;
 +
  height:130px;
 +
}
 +
 +
.scrolled {
 +
  opacity: 0.5;
 +
  height: 60px;
 +
  line-height: 100px;
 +
}
 +
 +
nav ul{
 +
  list-style:none;
 +
  padding:0;
 +
  margin-left:auto;
 +
  width:100%;
 +
}
 +
 +
nav li{
 +
  list-style:none;
 +
  padding:0;
 +
  display:inline;
 +
}
 +
 +
nav li a{
 +
  float:right;
 +
  color:#ffffff;
 +
  text-decoration:none;
 +
  text-align:center;
 +
  font-size:1em;
 +
  font-weight:bold;
 +
  padding:55px 13px 0 13px;
 +
  transition: all 0.5s ease;
 +
  line-height:23px;
 +
}
 +
 +
#project a{
 +
  display:block;
 +
  height:72px;
 +
  width:80px;
 +
  color:#FFFFFF;
 +
}
 +
 +
#judging a{
 +
  display:block;
 +
  height:72px;
 +
  width:85px;
 +
  color:#FFFFFF;
 +
}
 +
 +
#pandp a{
 +
  display:block;
 +
  height:72px;
 +
  width:180px;
 +
  color:#FFFFFF;
 +
}
 +
 +
#notebooks a{
 +
  display:block;
 +
  height:72px;
 +
  width:115px;
 +
  color:#FFFFFF;
 +
}
 +
 +
#team a{
 +
  display:block;
 +
  height:72px;
 +
  width:60px;
 +
  margin-right:60px;
 +
  color:#FFFFFF;
 +
}
 +
 +
#logo{
 +
  transition: all 0.5s ease;
 +
}
 +
 +
 +
#ucsf a{
 +
  padding:11px 0px 0px 0px;
 +
  float:left;
 +
  margin:0 0px 0 30px;
 +
}
 +
 +
#iGEMLogoImg{
 +
  margin:40px 0px 0 0px;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#project a:hover{
 +
  background-color:#368E8C;
 +
  color:black;
 +
}
 +
 +
#judging a:hover{
 +
  background-color:#529071;
 +
  color:black;
 +
}
 +
 +
#pandp a:hover{
 +
  background-color:#C44D57;
 +
  color:black;
 +
 +
}
 +
 +
#notebooks a:hover{
 +
  background-color:#FED611;
 +
  color:black;
 +
}
 +
 +
#team a:hover{
 +
  background-color:#D8721D;
 +
  color:black;
 +
}
 +
 +
/*`````````````````````````````````````````````END OF NAV BAR STYLES``````````````````````````````````````````````````````````*/
 +
 +
/*`````````````````````````````````````````````START OF CONTENT STYLES````````````````````````````````````````````````````````*/
 +
 +
.main-container{
 +
  position:relative;
 +
  height:100%;
 +
  min-height:100%;
 +
  width:100%;
 +
  overflow:hidden;
 +
  padding:0;
 +
}
 +
 +
.main-content{
 +
  position:relative;
 +
  display:block;
 +
  margin:auto;
 +
  margin-bottom:50px;
 +
  padding:0;
 +
  width: 1000px;
 +
}
 +
 +
.header{
 +
  color:#44C2CC;
 +
  font-size: 6em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.content1{
 +
  color:#ffffff;
 +
  font-size:2.2em;
 +
  font-family: 'Brandon_Reg', Arial;
 +
}
 +
 +
.content2{
 +
  color:#ffffff;
 +
  font-size:2.2em;
 +
  text-align:center;
 +
  font-family: 'Brandon_Reg', Arial;
 +
}
 +
 +
.divider{
 +
  width:100%;
 +
  height:40px;
 +
  background-color:#1E2021;
 +
  border-style: solid;
 +
  border-width: 3px;
 +
  border-color: #48C3CA;
 +
  border-left-style: none;
 +
  border-right-style: none;
 +
  margin: 8px 0 0px 0;
 +
}
 +
 +
#globalWrapper, #content {
 +
  width: 100%;
 +
  height: 100%;
 +
  border: 0px;
 +
  background-color: transparent;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  font-size: 100%;
 +
}
 +
 +
/*```````````````````````````````````````````START OF SUB-PAGE CONTENT````````````````````````````````````````````````````````*/
 +
 +
.navSub{
 +
  color: black;
 +
  position: relative;
 +
  margin: 0px 0 0px 0;
 +
  padding:0;
 +
  width: 100%;
 +
  height: 60px;
 +
  line-height: 50px;
 +
  display:block;
 +
  float:left;
 +
  clear:both;
 +
  z-index:99;
 +
}
 +
 +
.navSub ul{
 +
  list-style:none;
 +
  padding:0;
 +
  margin:0 0 0 20px;
 +
}
 +
 +
.navSub li{
 +
  float:left;
 +
  list-style:none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
 +
.navSub li a{
 +
  display:block;
 +
  height:20px;
 +
  text-align:center;
 +
  padding:12px 5px 5px 3px;
 +
  margin: 11px 20px 0 20px;
 +
  color:black;
 +
}
 +
 +
.headerBreak{
 +
  width:100%;
 +
  height:2px;
 +
  background-color:white;
 +
  display:block;
 +
  margin-bottom:10px;
 +
}
 +
 +
.headerBreakSub{
 +
  width:35%;
 +
  height:1px;
 +
  background-color:white;
 +
  display:block;
 +
  margin-bottom:0px;
 +
  float:left;
 +
}
 +
 +
.headerProject{
 +
  color:#368E8C;
 +
  font-size: 6em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerJudging{
 +
  color:#529071;
 +
  font-size: 6em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerHumanPractices{
 +
  color: #C44D57;
 +
  font-size: 6em;
 +
  text-align: center;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerNotebooks{
 +
  color:#FED611;
 +
  font-size: 6em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerTeam{
 +
  color:#D8721D;
 +
  font-size: 6em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerTeamSub{
 +
  color:#D8721D;
 +
  font-size: 3em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.readMore{
 +
  display:block;
 +
  text-align:center;
 +
  margin:auto;
 +
  margin-top:20px;
 +
  background-color:#666;
 +
  width:300px;
 +
  height:40px;
 +
  border-style:solid;
 +
  border-width:3px;
 +
  border-color:#48C2CA;
 +
}
 +
 +
.readMore a{
 +
  display:block;
 +
  color:white;
 +
  font-size:3em;
 +
  margin:0;
 +
  padding: 3px 0 0 0;
 +
  width:300px;
 +
  height:37px;
 +
  position:relative;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.readMoreArrow{
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.readMore a:hover > .readMoreArrow{
 +
  margin-left:50px;
 +
}
 +
 +
.readMore a:hover{
 +
  margin-left:25px;
 +
}
 +
 +
.up a:hover{
 +
  font-weight: bold;
 +
  background-color:#666;
 +
  margin:0px 20px 0 20px;
 +
  padding-bottom:28px;
 +
}
 +
 +
.down a:hover{
 +
  font-weight: bold;
 +
  background-color:#666;
 +
  margin:0px 20px 0 20px;
 +
  padding-top:35px;
 +
}
 +
 +
.offSet{
 +
  height:60px;
 +
}
 +
 +
/*`````````````````````````````````````````````START OF TEAM STYLES```````````````````````````````````````````````````````````*/
 +
 +
.navTeam{
 +
  background-color:#D8721D;
 +
}
 +
 +
.projectTeamP p{
 +
  width:150px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 20px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectAttributionsP p{
 +
  width:280px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectAdvisorsP p{
 +
  width:210px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectSponsorsP p{
 +
  width:160px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectTeam a{
 +
  width:90px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectAttributions a{
 +
  width:200px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectAdvisors a{
 +
  width:150px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectSponsors a{
 +
  width:150px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.headerName{
 +
  color:#D8721D;
 +
  font-size: 4em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  display:none;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
#teamInfoDiv{
 +
  height:150px;
 +
}
 +
 +
.headerAdvisors{
 +
  color:#D8721D;
 +
  font-size: 4em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  display:none;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.advisors{
 +
  margin: 0 97px 0 97px;
 +
  cursor:pointer;
 +
}
 +
 +
#gianneS{
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#karaH{
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#wendellL{
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#advisorsInfoDiv{
 +
  height:180px;
 +
}
 +
 +
#mentorsInfoDiv{
 +
  height:300px;
 +
}
 +
 +
.headerMentors{
 +
  color:#D8721D;
 +
  font-size: 4em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  text-align: center;
 +
  display:none;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.mentors{
 +
  margin: 0 12px 0 12px;
 +
}
 +
 +
.imageTransition{
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
 +
/*```````````````````````````````````````````````END OF TEAM STYLES```````````````````````````````````````````````````````````*/
 +
 +
/*`````````````````````````````````````````````START OF PROJECT STYLES````````````````````````````````````````````````````````*/
 +
 +
.navProject{
 +
  background-color:#368E8C;
 +
}
 +
 +
.projectDescriptionP p{
 +
  width:250px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 20px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectDesignP p{
 +
  width:140px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectExperimentsP p{
 +
  width:270px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectResultsP p{
 +
  width:170px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectModelingP p{
 +
  width:200px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectPartsP p{
 +
  width:140px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectDescription a{ 
 +
  width:200px; 
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectDesign a{
 +
  width:100px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectExperiments a{
 +
  width:190px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectResults a{
 +
  width:120px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectModeling a{
 +
  width:150px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectParts a{
 +
  width:100px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.circuitCenter{
 +
  display:block;
 +
  margin:auto;
 +
  width:700px;
 +
  height:300px;
 +
}
 +
 +
.circuitLeft{
 +
  display:block;
 +
  margin:left;
 +
}
 +
 +
#fullCircuit{
 +
  display:block;
 +
  position:absolute;
 +
  width:567px;
 +
  height:300px;
 +
  margin:0 0 0 79px;
 +
  z-index:1;
 +
  opacity:0.5;
 +
}
 +
 +
#basicCircuit{
 +
  margin:134px 0 0 145px;
 +
  padding:0;
 +
  opacity:0.5;
 +
}
 +
 +
#senseCircuit{
 +
  margin:134px 0 0 295px;
 +
  padding:0;
 +
  opacity:0.5;
 +
}
 +
 +
#degradationCircuit{
 +
  margin:219px 0 0 145px;
 +
  padding:0;
 +
  opacity:0.5;
 +
}
 +
 +
#hotspotsCircuit{
 +
  margin:219px 0 0 295px;
 +
  padding:0;
 +
  opacity:0.5;
 +
}
 +
 +
#introCircuit{
 +
  margin:61px 0 0 56px;
 +
  padding:0;
 +
  opacity:0.5;
 +
}
 +
 +
.circuitHover{
 +
  display:block;
 +
  position:absolute;
 +
  cursor:pointer;
 +
  z-index:2;
 +
}
 +
 +
.headerProjectSub{
 +
  color:#368E8C;
 +
  font-size: 3em;
 +
  line-height: 120%;
 +
  margin:10px 0 0 0;
 +
  padding:0;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
#returnCircuit{
 +
  font-weight:bold;
 +
  display:block;
 +
  height:35px;
 +
  width:250px;
 +
  margin:auto;
 +
  padding:0 0 0 0;
 +
  -webkit-transform: translate(0px,-2px);
 +
}
 +
 +
#returnCircuit:hover{
 +
  font-size:1.8em;
 +
  width:400px;
 +
}
 +
 +
.circuitNav{
 +
  margin:auto;
 +
}
 +
 +
.circuitArrowsLeft{
 +
  cursor:pointer;
 +
  padding:0;
 +
  float:left;
 +
  margin-left:30%
 +
}
 +
 +
.circuitArrowsLeftHover:hover{
 +
  width:168px;
 +
  height:45px;
 +
}
 +
 +
.circuitArrowsRight{
 +
  cursor:pointer;
 +
  padding:0;
 +
  float:right;
 +
  margin-right:30%;
 +
}
 +
 +
.circuitArrowsRightHover:hover{
 +
  width:168px;
 +
  height:45px;
 +
}
 +
 +
.setHide{
 +
  display:none;
 +
}
 +
 +
#references li{
 +
  font-size:1.5em;
 +
}
 +
 +
.seeData{
 +
  display:block;
 +
  text-align:center;
 +
  margin:auto;
 +
  margin-top:20px;
 +
  background-color:#666;
 +
  width:400px;
 +
  height:40px;
 +
  border-style:solid;
 +
  border-width:3px;
 +
  border-color:#48C2CA;
 +
}
 +
 +
.seeData a{
 +
  display:block;
 +
  color:white;
 +
  font-size:3em;
 +
  margin:0;
 +
  padding: 3px 0 0 0px;
 +
  width:400px;
 +
  height:37px;
 +
  position:relative;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.readMoreArrow{
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.seeData a:hover > .readMoreArrow{
 +
  margin-left:50px;
 +
}
 +
 +
.seeData a:hover{
 +
  margin-left:25px;
 +
}
 +
 +
#projectAchievements{
 +
  display:block;
 +
  width:700px;
 +
  height:400px;
 +
  margin:auto;
 +
  padding:0;
 +
  background-color:#666;
 +
  border-style:solid;
 +
  border-width:4px;
 +
  border-color:#48C3CA;
 +
}
 +
 +
figure{
 +
  border-style:solid;
 +
  border-width:4px;
 +
  border-color:white;
 +
  margin:auto;
 +
  display:block;
 +
}
 +
 +
figure img{
 +
  border-bottom-style:solid;
 +
  border-width:2px;
 +
  border-color:white;
 +
}
 +
 +
figcaption {
 +
  display:block;
 +
  margin:auto 0;
 +
  color:white;
 +
  font-size:1.3em;
 +
  padding:10px;
 +
}
 +
 +
#circuitHover{
 +
  display:block;
 +
  position:fixed;
 +
  right:20px;
 +
  top:200px;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#circuitHover:hover{
 +
  width:450px;
 +
  height:500px;
 +
  top:100px;
 +
  z-index:99;
 +
  background-color:#303030;
 +
}
 +
 +
#circuitHoverText{
 +
  display:block;
 +
  position:fixed;
 +
  right:28px;
 +
  top:300px;
 +
  color:white;
 +
  font-size:1.5em;
 +
  text-align:center;
 +
}
 +
 +
#partsContent{
 +
  display:block;
 +
  position:relative;
 +
  float:right;
 +
  margin:0 0 0px 0;
 +
  padding:0;
 +
  border-style:solid;
 +
  border-width:4px;
 +
  border-color:black;
 +
  width:700px;
 +
  height:700px;
 +
  background-color:#666;
 +
}
 +
 +
.bioBricksContainer{
 +
  display:none;
 +
}
 +
 +
/*````````````````````````````````````````````````END OF PROJECT STYLES```````````````````````````````````````````````````````*/
 +
 +
/*`````````````````````````````````````````````START OF JUDGING STYLES````````````````````````````````````````````````````````*/
 +
 +
.navJudging{
 +
  background-color:#529071;
 +
}
 +
 +
.projectMedalsP p{
 +
  width:500px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 20px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectSafetyP p{
 +
  width:140px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectImplicationsP p{
 +
  width:270px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectMedals a{
 +
  width:320px; 
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectSafety a{
 +
  width:100px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectImplications a{
 +
  width:190px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
#communicationIssues{
 +
  font-size:2em;
 +
  color:white;
 +
}
 +
 +
#communicationIssues li{
 +
  color:#C44D57;
 +
}
 +
 +
.medals{
 +
  display:block;
 +
  width:50%;
 +
  height:150px;
 +
  margin:auto;
 +
  padding:0;
 +
}
 +
 +
.medalsImg{
 +
  transition: all 0.3s ease;
 +
  opacity:0.3;
 +
}
 +
 +
.medalsImg:hover{
 +
  opacity:1;
 +
}
 +
 +
.contentMedalRequirements li{
 +
  color:#529071;
 +
}
 +
 +
.contentMedalRequirements p{
 +
  color:white;
 +
}
 +
 +
.headerJudgingSub{
 +
  color:#529071;
 +
  font-size: 3em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
/*````````````````````````````````````````````````END OF JUDGING STYLES```````````````````````````````````````````````````````*/
 +
 +
/*`````````````````````````````````````````````START OF PRACTICES STYLES``````````````````````````````````````````````````````*/
 +
 +
.navPractices{
 +
  background-color:#C44D57;
 +
}
 +
 +
.projectHumanPracticesP p{
 +
  width:400px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 20px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectWikiFlicksP p{
 +
  width:250px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectCollaborationsP p{
 +
  width:270px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectHumanPractices a{
 +
  width:270px; 
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectWikiFlicks a{
 +
  width:170px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectCollaborations a{
 +
  width:250px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
#wikiFlicksLogo{
 +
  margin:auto;
 +
  display:block;
 +
  padding:0;
 +
}
 +
 +
#slideshow{
 +
  display:block;
 +
  width:640px;
 +
  height:480px;
 +
  margin:auto;
 +
  padding:0;
 +
  position:relative;
 +
}
 +
 +
#slideshow #slideshowWindow {
 +
  width:640px;
 +
  height:480px;
 +
  margin:0;
 +
  padding:0;
 +
  position:relative;
 +
  overflow:hidden;
 +
}
 +
 +
#slideshow #slideshowWindow .slide {
 +
  margin:0;
 +
  padding:0;
 +
  width:640px;
 +
  height:480px;
 +
  float:left;
 +
  position:relative;
 +
}
 +
 +
#collaborationsContainer{
 +
  display:block;
 +
  margin:auto;
 +
  width:770px;
 +
  height:950px;
 +
}
 +
 +
.collaborations{
 +
  display:inline-block;
 +
  list-style:none;
 +
  width:150px;
 +
  height:100%;
 +
  padding:0;
 +
  margin:0;
 +
  text-align:center;
 +
}
 +
 +
.collaborations img{
 +
  width:150px;
 +
  height:150px;
 +
  margin:auto 0;
 +
  text-align:center;
 +
}
 +
 +
.collaborations li{
 +
  display:block;
 +
  text-align:center;
 +
  margin-top:20px;
 +
  margin-bottom:20px;
 +
  margin:auto 0;
 +
}
 +
 +
.headerHumanPracticesSub{
 +
  color:#C44D57;
 +
  font-size: 3em;
 +
  line-height: 120%;
 +
  margin:0;
 +
  padding:0;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
/*````````````````````````````````````````````````END OF PRACTICES STYLES`````````````````````````````````````````````````````*/
 +
 +
/*`````````````````````````````````````````````START OF NOTEBOOKS STYLES``````````````````````````````````````````````````````*/
 +
 +
.navNotebooks{
 +
  background-color:#FED611;
 +
}
 +
 +
.projectNotebooksP p{
 +
  width:250px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 20px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectProtocolsP p{
 +
  width:250px;
 +
  font-size:400%;
 +
  display:block;
 +
  height:60px;
 +
  text-align:center;
 +
  padding:1px 0 0 0;
 +
  margin: 0px 20px 0 0px;
 +
  color:black;
 +
  font-weight:bold;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectNotebooks a{ 
 +
  width:170px; 
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
.projectProtocols a{
 +
  width:170px;
 +
  font-size:250%;
 +
  transition:all 0.5s ease;
 +
  font-family: 'Blue_High_Way', Arial;
 +
}
 +
 +
#notebooksContent{
 +
  display:block;
 +
  position:relative;
 +
  float:right;
 +
  margin:0 0 0px 0;
 +
  padding:0;
 +
  border-style:solid;
 +
  border-width:4px;
 +
  border-color:black;
 +
  width:700px;
 +
  height:700px;
 +
  background-color:white;
 +
}
 +
 +
#notebooksNames{
 +
  display:block;
 +
  float:left;
 +
  border-style:solid;
 +
  border-width:4px;
 +
  border-color:black;
 +
  margin:0;
 +
  padding:0;
 +
  width:250px;
 +
  position:relative;
 +
  list-style:none;
 +
  background-color:white;
 +
}
 +
 +
#notebooksNames li{
 +
  font-size:2em;
 +
  text-align:right;
 +
  padding:12px 12px 12px 0;
 +
  margin:0;
 +
}
 +
 +
.colorHover{
 +
  cursor:pointer;
 +
}
 +
 +
.colorHover:hover{
 +
  background-color:#FED611;
 +
}
 +
 +
.borderNames{
 +
  border-top-style:solid;
 +
  border-bottom-style:solid;
 +
  border-width:2px;
 +
  border-color:black;
 +
}
 +
 +
/*````````````````````````````````````````````````END OF NOTEBOOKS STYLES`````````````````````````````````````````````````````*/
 +
 +
/*````````````````````````````````````````````START OF OTHER STYLES```````````````````````````````````````````````````````````*/
 +
 +
.pagePrevious{
 +
  position:absolute;
 +
  display:block;
 +
  bottom:200px;
 +
  left:0px;
 +
  margin-left:40px;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.pagePrevious:hover{
 +
  padding-right:30px;
 +
  margin-left:10px;
 +
}
 +
 +
#pagePreviousArrow{
 +
  margin-left:7px;
 +
  -webkit-transform: rotate(180deg);
 +
}
 +
 +
.pageNext{
 +
  position:absolute;
 +
  display:block;
 +
  bottom:200px;
 +
  right:0px;
 +
  margin-right:40px;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.pageNext:hover{
 +
  margin-right:10px;
 +
  padding-left:30px;
 +
}
 +
 +
.pageControlText{
 +
  color:white;
 +
  font-size:2em;
 +
  text-align:center;
 +
}
 +
 +
footer{
 +
  width:100%;
 +
  height:175px;
 +
  position:absolute;
 +
  bottom: 0px;
 +
  background: #666;
 +
  padding:0;
 +
  margin:0;
 +
  display:block;
 +
}
 +
 +
#siteMap{
 +
  margin-left:70px;
 +
  margin-top:15px;
 +
}
 +
 +
#siteMap ul{
 +
  list-style:none;
 +
  display:block;
 +
  float:left;
 +
  padding:0;
 +
  margin:0 10px 0px 10px;
 +
}
 +
 +
#siteMap h3{
 +
  padding:4px 0 4px 0;
 +
}
 +
 +
#siteMap h3 a{
 +
  color:#303030;
 +
  font-size:1.2em;
 +
  border-style:solid;
 +
  border-width:1px;
 +
  border-color:#303030;
 +
  padding:2px;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#siteMap h3 a:hover{
 +
  color:black;
 +
}
 +
 +
#siteMap li{
 +
  padding:0;
 +
  margin:2px 0 0 0;
 +
}
 +
 +
#siteMap li a{
 +
  color:#303030;
 +
  font-weight: bold;
 +
  font-size:1.5em;
 +
  padding:0;
 +
  margin:0;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
 +
.hoverHome a:hover{
 +
  background-color:white;
 +
}
 +
 +
.hoverProject a:hover{
 +
  background-color:#368E8C;
 +
}
 +
 +
#hoverProjectSections li a:hover{
 +
  color:#368E8C;
 +
}
 +
 +
.hoverJudging a:hover{
 +
  background-color:#529071;
 +
}
 +
 +
#hoverJudgingSections li a:hover{
 +
  color:#529071;
 +
}
 +
 +
.hoverHumanPractices a:hover{
 +
  background-color:#C44D57;
 +
}
 +
 +
#hoverHumanPracticesSections li a:hover{
 +
  color:#C44D57;
 +
}
 +
 +
.hoverNotebooks a:hover{
 +
  background-color:#FED611;
 +
}
 +
 +
#hoverNotebooksSections li a:hover{
 +
  color:#FED611;
 +
}
 +
 +
.hoverTeam a:hover{
 +
  background-color:#D8721D;
 +
}
 +
 +
#hoverTeamSections li a:hover{
 +
  color:#D8721D;
 +
}
 +
 +
 +
#socialMedia ul{
 +
  list-style:none;
 +
  display:block;
 +
}
 +
 +
#socialMedia li{
 +
  margin:8px 0 8px 0px;
 +
}
 +
 +
#socialMedia li a{
 +
  font-size:1.5em;
 +
  color:#303030;
 +
  margin-left:20px;
 +
}
 +
 +
#socialMedia li a:hover{
 +
  color:black;
 +
}
 +
 +
#backToTop{
 +
  display:block;
 +
  float:right;
 +
  width:200px;
 +
  height:175px;
 +
  margin: 0 70px 0px 0;
 +
  transition: all 0.5s ease;
 +
  cursor:pointer;
 +
}
 +
 +
#backToTopArrow{
 +
  margin:30px 0 0px 55px;
 +
  padding:0;
 +
  -webkit-transform: rotate(-90deg);
 +
  transition: all 0.5s ease;
 +
}
 +
 +
#backToTop p{
 +
  color:white;
 +
  font-size:2em;
 +
  text-align:center;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
.footerContentHeader{
 +
  text-align: center;
 +
  color:#44C2CC;
 +
  font-size: 3em;
 +
  text-decorations:none;
 +
  line-height:80%;
 +
}
 +
 +
.footerContent{
 +
  color:#ffffff;
 +
  text-align: center;
 +
  font-size: 2em;
 +
  line-height:80%;
 +
}
 +
 +
.push{
 +
  height:175px;
 +
}
 +
 +
/*````````````````````````````````````````````````END OF OTHER STYLES`````````````````````````````````````````````````````````*/
 +
 +
/*````````````````````````````````````````````START OF ANIMATION STYLES```````````````````````````````````````````````````````*/
 +
 +
@-webkit-keyframes clusterEA {
 +
  0% {
 +
    transform: translate3d(-300px, -250px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesEA{
 +
  -webkit-animation-name: clusterEA;
 +
  -webkit-animation-duration: 3s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterEL {
 +
  0% {
 +
    transform: translate3d(-40px, -280px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesEL{
 +
  -webkit-animation-name: clusterEL;
 +
  -webkit-animation-duration: 3.5s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterSL {
 +
  0% {
 +
    transform: translate3d(20px, -320px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesSL{
 +
  -webkit-animation-name: clusterSL;
 +
  -webkit-animation-duration: 2.2s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterJaS {
 +
  0% {
 +
    transform: translate3d(50px, -300px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesJaS{
 +
  -webkit-animation-name: clusterJaS;
 +
  -webkit-animation-duration: 2.7s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterJeS {
 +
  0% {
 +
    transform: translate3d(130px, -230px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesJeS{
 +
  -webkit-animation-name: clusterJeS;
 +
  -webkit-animation-duration: 1.8s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterEC {
 +
  0% {
 +
    transform: translate3d(-94px, 267px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesEC{
 +
  -webkit-animation-name: clusterEC;
 +
  -webkit-animation-duration: 2.3s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterHC {
 +
  0% {
 +
    transform: translate3d(-69px, 283px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesHC{
 +
  -webkit-animation-name: clusterHC;
 +
  -webkit-animation-duration: 3.3s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterJN {
 +
  0% {
 +
    transform: translate3d(-15px, 380px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesJN{
 +
  -webkit-animation-name: clusterJN;
 +
  -webkit-animation-duration: 2.5s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterSQ {
 +
  0% {
 +
    transform: translate3d(31px, 350px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesSQ{
 +
  -webkit-animation-name: clusterSQ;
 +
  -webkit-animation-duration: 1.5s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
@-webkit-keyframes clusterNS {
 +
  0% {
 +
    transform: translate3d(87px, 314px, 0px);
 +
    animation-timing-function: ease;
 +
  }
 +
  100% {
 +
    transform: translate3d(0px, 0px, 0px);
 +
  }
 +
}
 +
 +
.yeastiesNS{
 +
  -webkit-animation-name: clusterNS;
 +
  -webkit-animation-duration: 2.5s;
 +
  cursor:pointer;
 +
  opacity:1;
 +
  transition: all 0.5s ease;
 +
}
 +
 +
/*````````````````````````````````````````````END OF ANIMATION STYLES`````````````````````````````````````````````````````````*/
 +
 +
/*```````````````````````````````````````````````````END OF STYLES````````````````````````````````````````````````````````````*/
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 17:45, 10 August 2016