Difference between revisions of "Team:ColegioFDR Peru"

Line 1: Line 1:
 +
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
Line 11: Line 12:
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
−
<meta name="ResourceLoaderDynamicStyles" content="" />
+
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
 +
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 +
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
 
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
 
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
Line 26: Line 29:
 
}</script>
 
}</script>
 
</head>
 
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_ColegioFDR Peru skin-igem action-view">
  
−
<body>
+
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
  
−
    <style>
+
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
  
−
        *{
 
−
            list-style: none;
 
−
            text-decoration: none;
 
−
            padding: 0px;
 
−
            margin: 0px;
 
−
            border: 0px;
 
−
        }
 
  
−
         Body {
+
    <div id='globalWrapper'>
−
            font-family: sans-serif;
+
         <div id='top_menu_under' class='noprint'></div>
−
        }
+
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3AColegioFDR Peru",
 +
a:"View+%2FTeam%3AColegioFDR Peru++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dwatch%26token%3D91843749cb0bb699a65844c9f36cc2f8%252B%255C++Page+%2FTeam%3AColegioFDR Peru++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AColegioFDR Peru%26action%3Dedit%26redlink%3D1++" });
 +
</script>
  
−
         #header {
+
         <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
−
            position: fixed;
+
<div id="content" class="mw-body" role="main">
−
            float: left;
+
    <a id="top"></a>
−
            top: 0;
+
−
            width: 100%;
+
−
        }
+
  
−
        .nav {
+
             <div id="top_title">
−
             float: left;
+
                <div class="logo_2016">
−
            width: 40%;
+
                    <a href="https://2016.igem.org">
−
            height: 70px;
+
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
−
            background-color: white;
+
                    </a>
−
            box-shadow: 0px 2px grey;
+
                </div>
−
        }
+
  
−
        .nav > ul {
+
        <h1 id="firstHeading" class="firstHeading">
−
            float: left;
+
            <span dir="auto">Team:ColegioFDR Peru</span>
−
            width: 100%;
+
        </h1>
−
             height: 70px;
+
             </div>
−
            line-height: 70px;
+
−
        }
+
  
−
        .nav > ul > li {
+
            <div id="HQ_page">
−
            float: left;
+
                <div id="bodyContent">
−
            width: 49%;
+
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
−
            height: 70px;
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
−
            margin-right: 1%;
+
−
        }
+
  
−
        .nav > ul li a {
 
−
            font-family: roboto, sans-serif;
 
−
            padding: 0px;
 
−
            display: block;
 
−
            margin: auto;
 
−
            text-align: center;
 
−
            color: #fd9126;
 
−
            font-size: 25px;
 
−
        }
 
  
−
         .nav > ul li a:hover {
+
<!--SPLASH PAGE-->
−
             background-color: #fff9f2;
+
<script type="text/javascript">
−
        }
+
    $(document).ready(function() {
 +
         $('#box1').hover(function(){
 +
            var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
        $('#box2').hover(function(){
 +
             var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box3').hover(function(){
 +
            var smallTop = $('#box3').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box4').hover(function(){
 +
            var smallTop = $('#box4').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
    });
 +
</script>
  
−
        .nav > ul > li > ul {
+
<!--MAIN PAGE BOXES-->
−
             display: none;
+
<script type="text/javascript">
−
             box-shadow: 0px 2px 5px #000;
+
    $(document).ready(function() {
−
        }
+
        $('#box5').hover(function(){
 +
             var smallTop = $('#box5').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
        $('#box6').hover(function(){
 +
             var smallTop = $('#box6').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box7').hover(function(){
 +
            var smallTop = $('#box7').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
    });
 +
</script>
  
−
        .nav > ul > li:hover > ul {
 
−
            display: block;
 
−
        }
 
  
−
        .nav ul li ul li {
+
<!--SIDE NAVIGATION MENU BAR-->
−
            height: 70px;
+
<script type="text/javascript">
−
        }
+
$(document).ready(function(){
 +
  $("#side_menu").mouseenter(function(){
 +
    $("#side_menu").stop(true,false).animate({
 +
      left:'0px',
 +
    });
 +
  }).mouseleave(function(){
 +
    $("#side_menu").stop(true,false).animate({
 +
      left:'-170px',
 +
    });
 +
  });
 +
});
 +
</script>
  
−
        .nav ul li ul li a {
+
<!--TOP NAVIGATION MENU BAR-->
−
            height: 70px;
+
<script type="text/javascript">
−
            padding: 0px;
+
$(document).ready(function() {
−
            background-color: white;
+
$("#menu > li > ul").hide();
−
            font-size: 20px;
+
$("#menu > li").mouseenter(function() {
−
        }
+
$(this).children("li > ul").stop(true,true).slideDown(350);
 +
});
 +
        $("#menu > li").mouseleave(function() {
 +
$(this).children("li > ul").stop(true,true).slideUp(350);
 +
});
 +
});
 +
</script>
  
−
        #logo {
 
−
            float: left;
 
−
            width: 20%;
 
−
            height: 70px;
 
−
            background-color: white;
 
−
            box-shadow: 0px 2px grey;
 
−
        }
 
  
−
        #logo img {
+
<!--SIDE SPIDER ANIMATION-->
−
            border-radius: 50px;
+
<script type="text/javascript">
−
            border: 0px;
+
//rotator - delay, children
−
            width: 40%;
+
(function( $ ){
−
            display: block;
+
$.fn.rotator = function(delay, time, child){
−
            margin: auto;
+
//set curImage val
−
            box-shadow: 0px 2px 1px grey;
+
var currImg = 0;
−
            background-color: white;
+
var currIt = true;
−
        }
+
//set array of images
 +
var ss = $(this).children(child);
 +
var ssize = ss.size();
 +
var startTime = new Date().getTime();
 +
var interval = setInterval(function() {
 +
if(currIt){
 +
$(ss[currImg]).css('opacity','1');
 +
currIt = !currIt;
 +
}else if (!currIt){
 +
                $(ss[currImg]).css('opacity','0');
 +
$(ss[currImg+1]).css('opacity','1');
 +
currIt = !currIt;
 +
currImg++;
 +
}
 +
//reset
 +
if(currImg >= ssize){
 +
currImg = 0;
 +
$(ss[currImg]).css('opacity','1');
 +
}
 +
if(new Date().getTime() - startTime > time){
 +
clearInterval(interval);
 +
return;
 +
}
 +
}, delay);
 +
return this;
 +
};
 +
})(jQuery);
  
−
        #logo img:hover {
+
$(document).ready(function(){
−
            background-color: #f7f7f7;
+
$(document).keydown(function(e) {
−
            opacity: 0.95;
+
if(e.keyCode == 40){
−
        }
+
$("#spider").rotator(55, 1000, 'img');
 +
$("#spider").animate({
 +
"top": "+=100px"
 +
}, 1000);
 +
} else if(e.keyCode == 38){
 +
$("#spider").rotator(55, 1000, 'img');
 +
$("#spider").animate({
 +
"top": "-=100px"
 +
}, 1000);
 +
}  
 +
});
 +
});
 +
</script>
  
−
        #banner {
 
−
            background-image: url(https://static.igem.org/mediawiki/2017/archive/f/f2/20171031201234%21T--ColegioFDR_Peru--banner.jpeg);
 
−
            background-size: 100%;
 
−
            width: 100%;
 
−
            height: 350px;
 
−
            padding: 200px 0px;
 
−
            margin-top: 70px;
 
−
        }
 
  
−
        #banner #welcome {
 
−
            border: white double 5px;
 
−
            padding: 5% 0%;
 
−
            width: 30%;
 
−
            text-align: center;
 
−
            display: block;
 
−
            margin: auto;
 
−
            background-color: rgba(81, 53, 2, 0.5);
 
−
        }
 
  
−
        #banner #welcome h1 {
+
<!--SLIDER-->
−
            color: white;
+
<script type="text/javascript">
−
            font-size: 50px;
+
  $(document).ready(function() {
−
        }
+
    $('.slider_left').mouseenter(function(){
 +
          $('.slider_left').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.slider_right').mouseenter(function(){
 +
          $('.slider_right').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.slider_left').mouseleave(function(){
 +
          $('.slider_left').animate({ opacity: '0.5'},1);
 +
    });
 +
    $('.slider_right').mouseleave(function(){
 +
          $('.slider_right').animate({ opacity: '0.5'},1);
 +
    });
  
−
        #banner #welcome #h2 {
 
−
            color: white;
 
−
            font-size: 30px;
 
−
        }
 
  
−
         #maincontent {
+
    var total = $('.slider_imgs > td').length;
−
             float: left;
+
    var count = 0;
−
             width: 100%;
+
    $('.slider_left').click(function(){
−
             background-color: #f7f3ef;
+
         if(count > 0){
 +
             $('.slider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);
 +
             count -= 1;
 +
        } else{
 +
             $('.slider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.slider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});
 
         }
 
         }
−
 
+
    });
−
         #maincontent h2{
+
    $('.slider_right').click(function(){
−
             text-align: center;
+
         if(count < 3){
−
             padding-top: 20px;
+
             $('.slider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);
−
             font-size: 50px;
+
             count += 1;
−
             color: #513502;
+
        } else{
 +
             $('.slider_imgs').stop(true,true).animate({ left: '+=3450px'}, 250);
 +
             count = 0;
 
         }
 
         }
 +
    });
 +
  });
 +
</script>
  
−
        #maincontent p {
 
−
            width: 80%;
 
−
            color: #684403;
 
−
            font-size: 20px;
 
−
            text-align: center;
 
−
            margin: auto;
 
−
            letter-spacing: 1px;
 
−
            line-height: 50px;
 
−
        }
 
  
−
        #maincontent p #a1 {
+
<!--HP SLIDER-->
−
            color: #513502;
+
<script type="text/javascript">
−
            font-size: 30px;
+
  $(document).ready(function() {
−
        }
+
    $('.hpslider_left').mouseenter(function(){
 +
          $('.hpslider_left').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.hpslider_right').mouseenter(function(){
 +
          $('.hpslider_right').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.hpslider_left').mouseleave(function(){
 +
          $('.hpslider_left').animate({ opacity: '0.5'},1);
 +
    });
 +
    $('.hpslider_right').mouseleave(function(){
 +
          $('.hpslider_right').animate({ opacity: '0.5'},1);
 +
    });
  
−
        .line {
 
−
            border: 2px solid #513502;
 
−
            max-width: 80px;
 
−
            margin: auto;
 
−
            margin-top: 40px;
 
−
            margin-bottom: 40px;
 
−
        }
 
  
−
        @media (max-width: 414px){
+
    var total = $('.hpslider_imgs > td').length;
−
        #logo img {
+
    var count = 0;
−
            width: 80%;
+
    $('.hpslider_left').click(function(){
−
        }
+
         if(count > 0){
−
         #banner #welcome {
+
             $('.hpslider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);
−
             border: white double 5px;
+
             count -= 1;
−
             padding: 1% 0%;
+
         } else{
−
         }
+
             $('.hpslider_imgs').stop(true,true).animate({ left: '-=16100px'}, 250);
−
        #banner #welcome h1 {
+
             count = 14;
−
             color: white;
+
//            $('.hpslider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.hpslider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});
−
            font-size: 30px;
+
−
        }
+
−
        #banner #welcome #h2 {
+
−
            color: white;
+
−
             font-size: 15px;
+
−
        }
+
−
        #banner {
+
−
            width: 100%;
+
−
            height: 150px;
+
−
            padding: 50px 0px;
+
−
            margin-top: 70px;
+
 
         }
 
         }
 +
    });
 +
    $('.hpslider_right').click(function(){
 +
        if(count < 14){
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);
 +
            count += 1;
 +
        } else{
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '+=16100px'}, 250);
 +
            count = 0;
 
         }
 
         }
 +
    });
 +
  });
 +
</script>
 +
 +
 +
 +
 +
<!--PAGE HEADERS-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
    $('.page_header_box').mouseenter(function(){
 +
          $(this).animate({ opacity: '0.9'},1);
 +
    });
 +
    $('.page_header_box').mouseleave(function(){
 +
          $(this).animate({ opacity: '0.5'},1);
 +
    });
 +
});
 +
</script>
 +
 +
 +
 +
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
 +
<link href ='https://2015.igem.org/Template:UCLA/css/nexalight.css?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css'>
 +
<link red = 'https://2015.igem.org/Template:UCLA/css/hero.css?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css'>
 +
 +
<!--WIKI TEMPLATE FORMATTING-->
 +
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
display:none;
 +
}
 +
 +
.rotate180 {
 +
-webkit-transform: rotate(180deg);
 +
-moz-transform: rotate(180deg);
 +
-o-transform: rotate(180deg);
 +
-ms-transform: rotate(180deg);
 +
transform: rotate(180deg);
 +
}
 +
.rotate90 {
 +
-webkit-transform: rotate(90deg);
 +
-moz-transform: rotate(90deg);
 +
-o-transform: rotate(90deg);
 +
-ms-transform: rotate(90deg);
 +
transform: rotate(90deg);
 +
}
 +
.rotate270 {
 +
-webkit-transform: rotate(270deg);
 +
-moz-transform: rotate(270deg);
 +
-o-transform: rotate(270deg);
 +
-ms-transform: rotate(270deg);
 +
transform: rotate(270deg);
 +
}
 +
 +
h1, h2, h3, h4, h5 {
 +
    /*font-family: Helvetica, Georgia, Times, "Times New Roman", serif;*/
 +
    font-family: "Hero", "Nexa Light", 'Roboto', sans-serif;
 +
    border-bottom: 0px solid #aaa;
 +
}
 +
 +
 +
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: 87px;
 +
}
 +
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 +
body {
 +
background-color: #fff;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 90%;
 +
height: 100%;
 +
border: 20px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
margin-left: 50px;
 +
margin-right: 10px;
 +
        /*background-size: cover;*/
 +
}
 +
 +
 +
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
        font-family: "Hero", "Nexa Light", 'Roboto', sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: 50px;
 +
margin-right: 50px;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 +
#ri-image-container {
 +
  height: 120px;
 +
  position: relative;
 +
  width: 200px;
 +
}
 +
 +
#ri-image {
 +
  background-color: Gray;
 +
  height: 60px;
 +
  left: 10px;
 +
  padding: 10px;
 +
  position: absolute;
 +
  top: 10px;
 +
  width: 80px;
 +
  -moz-transform: rotate(15deg);
 +
  -webkit-transform: rotate(15deg);
 +
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
 +
    M11=0.9659258262, M12=-0.2588190451,
 +
    M21=0.2588190451, M22=0.9659258262);
 +
}
 +
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 +
#sponsors {
 +
          height: 100px;
 +
          background-color: #ffffff;
 +
          margin: 20px 0px 20px 0px;
 +
}
 +
 +
 +
.sidemenu li {display: block;}
 +
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 +
.sidemenu a.greyout { color: #909090; }
 +
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 +
.contentpara {margin-bottom: 30px;}
 +
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 +
fieldset {border: 1px solid #337f53;}
 +
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 +
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        /*font-family: Georgia, Times, "Times New Roman", serif;*/
 +
        font-family: 'Roboto', sans-serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 +
.newsItem p {margin-top: 10px;}
 +
 +
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 +
<!--TEXT STYLING-->
 +
hr.style-one {
 +
    border: 0;
 +
    height: 1px;
 +
    background: #333;
 +
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:    -ms-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
 +
}
 +
.style {
 +
    font-size: 30px;
 +
    /*font-family: 'Pacifico', cursive;*/
 +
    /*font-family: "Times New Roman", Times, serif;*/
 +
    font-family: 'Roboto', sans-serif;
 +
}
 +
 +
 +
 +
<!--SPLASH PAGE-->
 +
.contentBorder {
 +
    border: 1px solid #AAAAAA;
 +
    -webkit-border-radius: 7px;
 +
    -moz-border-radius: 7px;
 +
    border-radius: 7px;
 +
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
}
 +
.content {
 +
    /*font-family: Tahoma;*/
 +
    font-family: "Nexa Light", 'Roboto', sans-serif;
 +
    font-size: 12px;
 +
    color: #3D3D3D;
 +
    margin-bottom:60px;
 +
    background-color: white;
 +
    padding: 15px 60px;
 +
 +
    border: 1px solid #cccccc;
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
#box5 {
 +
text-align: left;
 +
}
 +
#box6 { text-align: left;}
 +
#box7 {text-align: left;}
 +
.boxgridMedium {
 +
        width: 298px;
 +
        height: 435px;
 +
        margin: 0px auto;
 +
}
 +
.boxgrid {
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
 +
.boxgrid img{
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
border: 0;
 +
}
 +
.boxcaption{
 +
float: left;
 +
position: absolute;
 +
background: #000;
 +
width: 100%;
 +
opacity: .65;
 +
        padding: 8px;
 +
/* For IE 5-7 */
 +
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
 +
/* For IE 8 */
 +
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
 +
}
 +
.boxcaption:hover {
 +
  text-decoration: none;
 +
}
 +
h2.onBlack {
 +
  font-family: Verdana;
 +
  font-family: 'Roboto', sans-serif;
 +
  color:white;
 +
  margin-top: -5px;
 +
  border: none;
 +
  Font-size: 23px;
 +
  padding-bottom: 0px;
 +
  line-height:1em;
 +
}
 +
p.onBlack {
 +
  color:white;
 +
  margin-right:18px;
 +
  font-size: 12px;
 +
  font-weight: bold;
 +
}
 +
p.onBlackIntro {
 +
  font-size:14px;
 +
  font-style: italic;
 +
  color:white;
 +
  margin-right:20px;
 +
  margin-bottom:20px;
 +
}
 +
</style>
 +
 +
 +
 +
 +
 +
<!--TOP MENU BAR-->
 +
<style type="text/css">
 +
#top_menu{
 +
    position:fixed;
 +
    padding: 12px 0 0 0;
 +
    width:100%;
 +
    left:0;
 +
    top:0px;
 +
    /*background:#550D00;*/
 +
    background: #49278b;
 +
    z-index:20;
 +
}
 +
#menu li{
 +
    position:relative;
 +
    float:left;
 +
    list-style:none;
 +
    padding: 0 10px 0 10px;
 +
}
 +
#menu a{
 +
    color:white;
 +
    font-family: Helvetica;
 +
 +
    padding:18px 5px 15px 5px;
 +
    text-decoration:bold;
 +
    width:98px;
 +
    display:block;
 +
    text-align:center;
 +
    font-size:17px;
 +
    /*border-bottom:thin solid #000000;*/
 +
}
 +
#menu{
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    width:1200px;
 +
}
 +
#menu a:hover{
 +
    background:#b39ce3;
 +
}
 +
#menu li ul{
 +
        background:#b39ce3;
 +
/* display:none; */
 +
position:absolute;
 +
text-align:left;
 +
top:50px;
 +
        right:0px;
 +
}
 +
#menu li:hover ul{
 +
display:block;
 +
}
 +
#dropdown_menu li ul li{
 +
position:relative;
 +
 +
</style>
 +
 +
 +
 +
</style>
 +
 +
 +
 +
 +
<!--EDITING-->
 +
<!--CONTENT SECTIONS-->
 +
<style type="text/css">
 +
.content_container{
 +
    position: absolute;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 +
    font-family: 'Roboto', sans-serif;
 +
    top: 550px;
 +
    width: 100%;
 +
    padding: 0 ;
 +
    margin: auto;
 +
    margin-bottom: 50px;
 +
    margin-left: 0px;
 +
    border-radius: 0px;
 +
    z-index: -1;
 +
}
 +
 +
.page_content{
 +
    position: relative;
 +
    background-color: #FFEE80;
 +
    width: 99%;
 +
    padding: 0 0 0 0;
 +
    margin: auto;
 +
    margin-bottom: 20px;
 +
    /*border-radius: 25px;*/
 +
    z-index: -1;
 +
}
 +
.content_subsection{
 +
    position: relative;
 +
    width: 85%;
 +
    padding: 10px 10px 10px 10px;
 +
    margin: auto;
 +
}
 +
</style>
 +
 +
.MathJax nobr>span.math>span{border-left-width:0 !important};
 +
 +
</style>
 +
 +
 +
 +
 +
 +
</p><p>
 +
<style>
 +
h1 {
 +
    font-size:40px;
 +
    line-height: 150%;
 +
}
 +
h2 {
 +
    font-size:35px;
 +
    line-height: 140%;
 +
}
 +
h4 {
 +
    font-size:25px;
 +
    line-height: 130%;
 +
}
 +
 +
h3 {
 +
    font-size:30px;
 +
    line-height: 140%;
 +
}
 +
p1{
 +
    font-size:20px;
 +
    line-height: 140%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
 +
}
 +
p2{
 +
    font-size:20px;
 +
    line-height: 125%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 2px;
 +
    margin-right: 0;
 +
 +
}
 +
li2{
 +
    font-size: 17px;
 +
    line-height: 125%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 2px;
 +
    margin-right: 0;
 +
 +
}
 +
 +
 +
}
 +
            #banner {
 +
                position: absolute;
 +
                top: 0px;
 +
                left: 0px;
 +
                right: 0px;
 +
                width: 100%;
 +
                height: 200px;
 +
                z-index: 100;
 +
            }
 +
.logo_2016, #sideMenu { display:none; }
 +
 +
.center-img {
 +
    display: block;
 +
    margin: 0 auto;
 +
}
 +
 +
.highlightBox {
 +
    width: 500px;
 +
    margin: auto;
 +
    background-color: #1EAAF2;
 +
    margin-bottom: 15px;
 +
    margin-top: 35px;
 +
    padding: 15px;
 +
    padding-top: 20px;
 +
}
 +
 +
.navContainer {
 +
    margin: auto;
 +
    background-color: #fff;
 +
}
 +
 +
.navBox {
 +
    width: 25%;
 +
float: left;
 +
    background-color: #315981;
 +
    padding: 15px;
 +
    margin-right: 15px;
 +
    margin: 15px 15px auto auto;
 +
    font-color: 1EAAF2;
 +
}
 +
.menubrhs {
 +
width: initial !important;
 +
}
 +
.backgroundbrhs {
 +
background-color: #315981 !important;
 +
}
 +
 +
#menu li ul {
 +
background: #315981 !important;
 +
}
  
−
    </style>
+
#menu a:hover {
 +
background: #315981 !important;
 +
}
 +
</style>
  
−
    <div id="wrapper">
+
<!--TOP NAVIGATION MENU BAR-->
 +
<div id = "top_menu" class="backgroundbrhs">
 +
<ul id = "menu" class="menubrhs">
 +
<li><a href="/Team:ColegioFDR Peru" style="border-bottom:0px;"><img src="https://static.igem.org/mediawiki/2017/4/45/T--ColegioFDR_Peru--logo2.png" style="width:80px;height:80px;border-bottom:0px;"></a></li>
 +
  
−
          <div id="header">
+
 +
        <li><a href="/Team:ColegioFDR_Peru/Problem">Project</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Problem">Problem</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Solution">Solution</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Safety">Safety</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/Human Practices">Human Practices</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Human Practices"> Human Practices</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Public Engagement">Public Engagement</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/Members">Team</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Members">Members & Attributions</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Collaborations">Collaborations</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/notebook1">Notebook</a></li>
  
−
              <div class="nav">
 
  
−
                  <ul>
 
  
−
                      <li><a href="#">Project</a>
 
−
                          <ul>
 
−
                              <li><a href="#">Problem</a></li>
 
−
                              <li><a href="#">Solution</a></li>
 
−
                              <li><a href="#">Safety</a></li>
 
−
                          </ul>
 
−
                      </li>
 
−
                      <li id="hp"><a href="#">Humans</a>
 
−
                          <ul>
 
−
                              <li><a href="#">Human Practices</a></li>
 
−
                              <li><a href="#">Public Engagement</a></li>
 
−
                          </ul>
 
−
                      </li>
 
  
−
                  </ul>
 
  
−
              </div>
+
</ul>
 +
</div>
  
−
              <div id="logo">
+
<div id="bannerContainer">
 +
<br/><br/><br/>
 +
<!-- <img src="http://placehold.it/1024x200" style="width:1024px;height:200px;" class="center-img"> -->
 +
</div>
 +
<br/>
  
−
                    <a href="#"><img src="https://static.igem.org/mediawiki/2017/b/b5/T--ColegioFDR_Peru--logo_round.png"></a>
 
  
−
              </div>
+
</p><p>
 +
<div id="bannerContainer">
 +
<img src="https://static.igem.org/mediawiki/2017/4/45/T--ColegioFDR_Peru--logo2.png" style="width:500px ;height:500px;" class="center-img">
 +
</div>
  
−
              <div class="nav">
 
  
−
                  <ul>
+
<div class="center">
 +
<h1>Welcome to the 2017 Colegio Franklin Delano Roosevelt iGEM team's Wiki!</h1>
  
−
                      <li><a href="#">Team</a>
+
<h4>We are the first and only team to participate in the competition representing Peru.</h4>
−
                          <ul>
+
−
                              <li><a href="#">Members &amp; Attributions</a></li>
+
−
                              <li><a href="#">Collaborations</a></li>
+
−
                          </ul>
+
−
                      </li>
+
−
                      <li><a href="#">Notebook</a></li>
+
  
−
                  </ul>
 
  
−
              </div>
+
<p1>Our project aims to use synthetic biology to engineer E. coli and solve a real world, industrial problem.</p1>
 +
</div>
  
−
          </div>
 
  
−
          <div id="banner">
+
<div class="center">
 +
<h3>Contact us at 18hpark@amersol.edu.pe!<h3>
 +
</div>
  
−
              <div id="welcome">
 
  
−
                  <h1>Welcome</h1>
+
</p>
−
                      <br>
+
−
                  <h1 id="h2">to our</h1>
+
−
                      <br>
+
−
                  <h1>Wiki!</h1>
+
  
−
              </div>
 
  
−
          </div>
+
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:11218-0!*!*!*!*!*!* and timestamp 20171028140712 and revision id 434064
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
  
−
          <div id="maincontent">
+
        </div>
  
−
              <h2>Abstract</h2>
+
        <!-- Side Menubar -->
 +
        <div id="sideMenu">
 +
            <a href="https://2016.igem.org">
 +
                <div id="home_logo" >
 +
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
 +
                </div>
 +
            </a>
  
−
              <hr class="line">
+
            <div style="clear:both; height:5px;"></div>
  
−
              <p><span id="a1">O</span>ne of the most persistent, complicated problems in poultry agriculture is the removal of feather waste. Chicken feathers are mostly comprised of keratin, a strong, fibrous protein that can not be degraded by the likes of conventional proteases such as bromelain, pepsin, or papain. Failure to remove these feathers can lead to extreme health, as well as environment, related issues involving the transmission of diseases such as Avian Flu (H5N1), a disease that can wipe out chicken populations, and also has the potential for devastating effects on humans, having killed approximately 60% of all humans who have been afflicted with the disease since 1997. Our project works to develop a safe, environmentally-friendly solution to this problem involving implementing keratinases kerA & kerBPN into DH5-Alpha E. coli through transformation and assembling a prototype which allows for the degradation of the keratin in the aforementioned feathers.</p>
+
            <div id="menuDisplay"></div> <!- Menu will be loaded here ->
 +
        </div>
  
−
          </div>
+
        <!-- Pop_Why Div is definded here -->
 +
        <div class="pop_why_cover"></div>
  
−
      </div>
+
        <div class="pop_why_box" >
−
 
+
            <div class="pop_close">× </div>
−
  </body>
+
            <div class="pop_why_content"><h3> Loading ... </h3></div>
 +
        </div>
  
 +
    </div>
 
</html>
 
</html>

Revision as of 04:33, 1 November 2017

<!DOCTYPE html> https://2017.igem.org/Team:ColegioFDR_Peru

Loading menubar.....

Team:ColegioFDR Peru

.MathJax nobr>span.math>span{border-left-width:0 !important};





Welcome to the 2017 Colegio Franklin Delano Roosevelt iGEM team's Wiki!

We are the first and only team to participate in the competition representing Peru.

Our project aims to use synthetic biology to engineer E. coli and solve a real world, industrial problem.

Contact us at 18hpark@amersol.edu.pe!

×

Loading ...