|
|
| Line 1: |
Line 1: |
| | | | |
| − | <!DOCTYPE html>
| |
| − | <html lang="en" dir="ltr" class="client-nojs">
| |
| − | <head>
| |
| − | <meta charset="UTF-8" />
| |
| − | <title>https://2017.igem.org/Team:ColegioFDR_Peru</title>
| |
| − | <meta name="generator" content="MediaWiki 1.24.1" />
| |
| − | <link rel="shortcut icon" href="/favicon.ico" />
| |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
| |
| − | <link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
| |
| − | <link rel="alternate" hreflang="x-default" href="/Team:ColegioFDR Peru" />
| |
| − | <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&feed=atom" />
| |
| − | <link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| |
| − | <!--[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}
| |
| − | /* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
| |
| − | <script src="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script>
| |
| − | <script>if(window.mw){
| |
| − | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:ColegioFDR Peru","wgTitle":"Team:ColegioFDR Peru","wgCurRevisionId":434064,"wgRevisionId":434064,"wgArticleId":11218,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"JaredPark","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:ColegioFDR Peru","wgUserId":2120,"wgUserEditCount":22,"wgUserRegistration":1470949288000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| |
| − | }</script><script>if(window.mw){
| |
| − | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| |
| − | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"d2b09ea35d83d36f55594278dea3f132+\\","patrolToken":"3ce0ef567ba46dc45629c97f8c94246c+\\","watchToken":"042d765cae2261f498a9a6765e8184c0+\\"});},{},{});
| |
| − | /* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:be398551ccae4f0691c8f453c6313905 */
| |
| − | }</script>
| |
| − | <script>if(window.mw){
| |
| − | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| |
| − | }</script>
| |
| − | </head>
| |
| − | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_ColegioFDR Peru skin-igem action-view">
| |
| − |
| |
| − | <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' />
| |
| − |
| |
| − | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
| |
| − |
| |
| − |
| |
| − | <div id='globalWrapper'>
| |
| − | <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>
| |
| − |
| |
| − | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
| |
| − | <div id="content" class="mw-body" role="main">
| |
| − | <a id="top"></a>
| |
| − |
| |
| − | <div id="top_title">
| |
| − | <div class="logo_2016">
| |
| − | <a href="https://2016.igem.org">
| |
| − | <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <h1 id="firstHeading" class="firstHeading">
| |
| − | <span dir="auto">Team:ColegioFDR Peru</span>
| |
| − | </h1>
| |
| − | </div>
| |
| − |
| |
| − | <div id="HQ_page">
| |
| − | <div id="bodyContent">
| |
| − | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
| |
| − | <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
| |
| − |
| |
| − |
| |
| − | <!--SPLASH PAGE-->
| |
| − | <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>
| |
| − |
| |
| − | <!--MAIN PAGE BOXES-->
| |
| − | <script type="text/javascript">
| |
| − | $(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>
| |
| − |
| |
| − |
| |
| − | <!--SIDE NAVIGATION MENU BAR-->
| |
| − | <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>
| |
| − |
| |
| − | <!--TOP NAVIGATION MENU BAR-->
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready(function() {
| |
| − | $("#menu > li > ul").hide();
| |
| − | $("#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>
| |
| − |
| |
| − |
| |
| − | <!--SIDE SPIDER ANIMATION-->
| |
| − | <script type="text/javascript">
| |
| − | //rotator - delay, children
| |
| − | (function( $ ){
| |
| − | $.fn.rotator = function(delay, time, child){
| |
| − | //set curImage val
| |
| − | var currImg = 0;
| |
| − | 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);
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | $(document).keydown(function(e) {
| |
| − | 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>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--SLIDER-->
| |
| − | <script type="text/javascript">
| |
| − | $(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);
| |
| − | });
| |
| − |
| |
| − |
| |
| − | var total = $('.slider_imgs > td').length;
| |
| − | var count = 0;
| |
| − | $('.slider_left').click(function(){
| |
| − | 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)});
| |
| − | }
| |
| − | });
| |
| − | $('.slider_right').click(function(){
| |
| − | if(count < 3){
| |
| − | $('.slider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);
| |
| − | count += 1;
| |
| − | } else{
| |
| − | $('.slider_imgs').stop(true,true).animate({ left: '+=3450px'}, 250);
| |
| − | count = 0;
| |
| − | }
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − | <!--HP SLIDER-->
| |
| − | <script type="text/javascript">
| |
| − | $(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);
| |
| − | });
| |
| − |
| |
| − |
| |
| − | var total = $('.hpslider_imgs > td').length;
| |
| − | var count = 0;
| |
| − | $('.hpslider_left').click(function(){
| |
| − | if(count > 0){
| |
| − | $('.hpslider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);
| |
| − | count -= 1;
| |
| − | } else{
| |
| − | $('.hpslider_imgs').stop(true,true).animate({ left: '-=16100px'}, 250);
| |
| − | count = 14;
| |
| − | // $('.hpslider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.hpslider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});
| |
| − | }
| |
| − | });
| |
| − | $('.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&ctype=text/css' rel='stylesheet' type='text/css'>
| |
| − | <link red = 'https://2015.igem.org/Template:UCLA/css/hero.css?action=raw&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;
| |
| − | }
| |
| − |
| |
| − | #menu a:hover {
| |
| − | background: #315981 !important;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <!--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>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <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>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div id="bannerContainer">
| |
| − | <br/><br/><br/>
| |
| − | <!-- <img src="http://placehold.it/1024x200" style="width:1024px;height:200px;" class="center-img"> -->
| |
| − | </div>
| |
| − | <br/>
| |
| − |
| |
| − |
| |
| − | </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="center">
| |
| − | <h1>Welcome to the 2017 Colegio Franklin Delano Roosevelt iGEM team's Wiki!</h1>
| |
| − |
| |
| − | <h4>We are the first and only team to participate in the competition representing Peru.</h4>
| |
| − |
| |
| − |
| |
| − | <p1>Our project aims to use synthetic biology to engineer E. coli and solve a real world, industrial problem.</p1>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="center">
| |
| − | <h3>Contact us at 18hpark@amersol.edu.pe!<h3>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </p>
| |
| − |
| |
| − |
| |
| − | <!-- 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>
| |
| − |
| |
| − | <!-- 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>
| |
| − |
| |
| − | <div style="clear:both; height:5px;"></div>
| |
| − |
| |
| − | <div id="menuDisplay"></div> <!- Menu will be loaded here ->
| |
| − | </div>
| |
| − |
| |
| − | <!-- Pop_Why Div is definded here -->
| |
| − | <div class="pop_why_cover"></div>
| |
| − |
| |
| − | <div class="pop_why_box" >
| |
| − | <div class="pop_close">× </div>
| |
| − | <div class="pop_why_content"><h3> Loading ... </h3></div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </html>
| |
