|
|
| Line 14: |
Line 14: |
| | | | |
| | | | |
| - | <head>
| |
| - | <meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
| |
| - | <style>
| |
| - | div.cogbig{
| |
| - | position:absolute;
| |
| - | padding: 0px;
| |
| - | margin: 0px 0px;
| |
| - | opacity:0.4;
| |
| - | filter:alpha(opacity=40);
| |
| - | z-index:-1;
| |
| - | }
| |
| - |
| |
| - | /*Windmill*/
| |
| - | #img1{
| |
| - | width:120px;
| |
| - | height:104px;
| |
| - | position:absolute;
| |
| - | z-index:10;
| |
| - | left:-19px;
| |
| - | top:-31px;
| |
| - | }
| |
| - |
| |
| - | /*Menu*/
| |
| - | #navigation {
| |
| - | margin: 0;
| |
| - | padding: 0 0em;
| |
| - | height: 20px;
| |
| - | list-style: none;
| |
| - | display:block;
| |
| - | font-size: 12px;
| |
| - | font-weight: 300;
| |
| - | color:#fff;
| |
| - | z-index:2;
| |
| - | }
| |
| - | #navigation > li {
| |
| - | float: left;
| |
| - | height: 100%;
| |
| - | margin-right: 18px;
| |
| - | margin-left: 18px;
| |
| - | left:100px;
| |
| - | padding: 0 0em;
| |
| - | }
| |
| - | #navigation > li > a {
| |
| - | float: left;
| |
| - | height: 100%;
| |
| - | color: #00;
| |
| - | text-decoration: none;
| |
| - | font-weight: 300;
| |
| - | }
| |
| - | #navigation > li > a:hover {
| |
| - | color: Black;
| |
| - |
| |
| | | | |
| - |
| |
| - | }
| |
| - | #navigation > li.sub {
| |
| - | position: relative;
| |
| - |
| |
| - | }
| |
| - | #navigation > li.sub ul {
| |
| - | width: 130px;
| |
| - | margin: 0;
| |
| - | padding: 0.0em 0;
| |
| - | list-style: none;
| |
| - | position: absolute;
| |
| - | top: -800em;
| |
| - | text-align:center;
| |
| - | padding-left:13px;
| |
| - | background-color: rgba(0,0,0,0.5);
| |
| - | }
| |
| - | #navigation > li.sub ul li {
| |
| - | width: 90%;
| |
| - | background-color: rgba(0,0,0,0.9);
| |
| - | }
| |
| - | #navigation > li.sub ul li a {
| |
| - | height: 100%;
| |
| - | display: block;
| |
| - | padding: 0.0em;
| |
| - | color: #fff;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #navigation > li.sub ul li a:hover {
| |
| - | color: rgb(255,103,0);
| |
| - | font-weight: 700;
| |
| - | }
| |
| - | #navigation > li.sub:hover ul {
| |
| - | top: 100px;
| |
| - | left:-35px;
| |
| - | }
| |
| - |
| |
| - | #expand
| |
| - | .expand-down span
| |
| - | {
| |
| - | font-family: Arial,Helvetica,sans-serif;
| |
| - | line-height: normal;
| |
| - | margin-bottom: 0px;
| |
| - | margin-top: 0px;
| |
| - | z-index:1;
| |
| - | font-weight: 300;
| |
| - | }
| |
| - | .expand-down * {
| |
| - | margin: 0px;
| |
| - | padding: 0;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul {
| |
| - | padding-top:100px;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li {
| |
| - | list-style-type:none;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li a {
| |
| - | text-decoration:none;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li a img {
| |
| - | width:80px;
| |
| - | height:82px;
| |
| - | border:none;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li a span {
| |
| - | //span bar under picture text
| |
| - | z-index:1;
| |
| - | text-align:center;
| |
| - | font-size:14px;
| |
| - | display: block;
| |
| - | padding: 0.0em;
| |
| - | color: #fff;
| |
| - | }
| |
| - | .expand-down ul li:hover a span {
| |
| - | display:block;
| |
| - | font-size:14px;
| |
| - | z-index:1;
| |
| - | color: rgb(255,103,0);
| |
| - | font-weight: 700;
| |
| - | background-color: rgba(0,0,0,0.5);
| |
| - | }
| |
| - | .expand-down ul li:hover a img {
| |
| - | width:80px;
| |
| - | height:82px;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li:hover + li a img {
| |
| - | width:80px;
| |
| - | height:82px;
| |
| - | z-index:1;
| |
| - | }
| |
| - | .expand-down ul li:hover + li + li a img {
| |
| - | width:80px;
| |
| - | height:82px;
| |
| - | z-index:1;
| |
| - | }
| |
| - |
| |
| - | /*Body*/
| |
| - | body{
| |
| - | background-attachment:fixed;
| |
| - | background-color:rgb(118,28,17);
| |
| - | text-align: justify;
| |
| - | border: none;
| |
| - | }
| |
| - | #content{
| |
| - | position: relative;
| |
| - | top:-5px;
| |
| - | width: 1024px;
| |
| - | padding: 0px 0px 0px 0px;
| |
| - | background-color:transparent;
| |
| - | border: none;
| |
| - | }
| |
| - | #bodyContent{
| |
| - | width: 1024px;
| |
| - | position: relative;
| |
| - | padding: 0px 0px 0px 0px;
| |
| - | background-color:transparent;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*Suppress iGEM defaults*/
| |
| - | a[title="Main Page"]{display: none;}
| |
| - | .firstHeading{display: none;}
| |
| - | .noprint{display: none;}
| |
| - | #menubar{
| |
| - | display: block;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - | #search-controls{display: none;}
| |
| - | #contentSub{display: none;}
| |
| - | #catlinks{display: none;}
| |
| - | #footer-box{display: none;}
| |
| - | #p-logo{display: block;}
| |
| - | #top-section {
| |
| - | display: block;
| |
| - | position: relative;
| |
| - | height: 98px;
| |
| - | width: 975px;
| |
| - | margin: -20px auto;
| |
| - | border-left: 1px solid rgb(118,28,17);
| |
| - | border-right: 1px solid rgb(118,28,17);
| |
| - | border-bottom: 1px solid rgb(118,28,17);
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <div style="position:absolute; left: 197px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog1" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div style="position:absolute; left: 313px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog2" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div style="position:absolute; left: 429px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog3" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div style="position:absolute; left: 545px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog4" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div style="position:absolute; left: 661px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog5" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div style="position:absolute; left: 777px; top: 30px;opacity:0.4;
| |
| - | filter:alpha(opacity=40);">
| |
| - | <img id="cog6" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
| |
| - | </div>
| |
| - |
| |
| - | <div class="expand-down">
| |
| - | <ul id="navigation" >
| |
| - | <li class="sub" id="menuhome">
| |
| - |
| |
| - | <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow">
| |
| - | <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
| |
| - | <span>home</span>
| |
| - | </a>
| |
| - |
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbighome" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - |
| |
| - | </li>
| |
| - | <li class="sub" id="menuteam">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigteam" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="team" title="Team" />
| |
| - | <span>team</span>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Team">about us</a></li>
| |
| - | <li><a href="https://igem.org/Team.cgi?id=818" TARGET="_blank">official profile</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Gallery">gallery</a></li>
| |
| - |
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Attributions">attributions</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/acknowledgements">acknowledgements</a></li>
| |
| - |
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Contact">contact</a></li>
| |
| - | </ul>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li class="sub" id="menuproject">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigproject" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
| |
| - | <span>project</span>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Project">abstract</a></li> <li><a href="https://2012.igem.org/Team:Groningen/Data_page">data page</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Sticker">sticker</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/volatiles">volatiles</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Sensor">sensor</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/pigmentproduction">pigment</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Construct">construct</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Kill_Switch">kill switch</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Modeling">modeling</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Notebook">notebook</a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li class="sub" id="menuparts">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/OurBiobrick" title="Parts" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
| |
| - | <span>parts</span>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/OurBiobrick">our biobricks</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/parts_fail">improvements</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/in_development">in development</a></li>
| |
| - | </ul>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li class="sub" id="menusafety">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigsafety" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
| |
| - | <span>safety</span>
| |
| - | <ul>
| |
| - |
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Safety">general safety</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/10com">in the lab</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/environment">environment</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/foodsafety">food safety</a></li>
| |
| - | </ul>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li class="sub" id="menupr">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/overview" title="Public Relation" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
| |
| - | <span>human<br>practice</span>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/overview">overview</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop food waste</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/market_research">market research</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Festivals">festivals</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/symposia">presentations</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/international_cooperation">collaboration</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/Media_coverage">media coverage</a></li>
| |
| - | </ul>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li class="sub" id="menusponsors">
| |
| - | <div class="cogbig">
| |
| - | <img id="cogbigsponsors" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
| |
| - | </div>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" >
| |
| - | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
| |
| - | <span>sponsors</span>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li>
| |
| - | </ul>
| |
| - | </a>
| |
| - |
| |
| - | <img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
| |
| - |
| |
| - |
| |
| - | </script>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - | <script>
| |
| - | $(document).ready(function(){
| |
| - | $("ul#navigation").mouseenter(function(){
| |
| - | cog = 1;
| |
| - | });
| |
| - | $("li#navigation").mouseleave(function(){
| |
| - | cog = 0;
| |
| - | angle = 0;
| |
| - | });
| |
| - | $("li#menuhome").mouseenter(function(){
| |
| - | target = "#cogbighome";
| |
| - | });
| |
| - | $("li#menuteam").mouseenter(function(){
| |
| - | target = "#cogbigteam";
| |
| - | });
| |
| - | $("li#menuproject").mouseenter(function(){
| |
| - | target = "#cogbigproject";
| |
| - | });
| |
| - | $("li#menuparts").mouseenter(function(){
| |
| - | target = "#cogbigparts";
| |
| - | });
| |
| - | $("li#menusafety").mouseenter(function(){
| |
| - | target = "#cogbigsafety";
| |
| - | });
| |
| - | $("li#menupr").mouseenter(function(){
| |
| - | target = "#cogbigpr";
| |
| - | });
| |
| - | $("li#menusponsors").mouseenter(function(){
| |
| - | target = "#cogbigsponsors";
| |
| - |
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | var cogangle = 0;
| |
| - | var cog = 0;
| |
| - | var angle = 0;
| |
| - |
| |
| - | var target = ".cogbig";
| |
| - | setInterval(function(){
| |
| - | cogangle-=cog;
| |
| - | $(target).rotate(cogangle);
| |
| - | if (target=="#cogbigsponsors")
| |
| - | {
| |
| - | $("#img1").rotate(cogangle);
| |
| - | $("#cogbighome").rotate(cogangle);
| |
| - | $("#cogbigteam").rotate(cogangle);
| |
| - | $("#cogbigproject").rotate(cogangle);
| |
| - | $("#cogbigsafety").rotate(cogangle);
| |
| - | $("#cogbigparts").rotate(cogangle);
| |
| - | $("#cogbigpr").rotate(cogangle);
| |
| - | $("#cog1").rotate(-cogangle*3);
| |
| - | $("#cog2").rotate(-cogangle*3);
| |
| - | $("#cog3").rotate(-cogangle*3);
| |
| - | $("#cog4").rotate(-cogangle*3);
| |
| - | $("#cog5").rotate(-cogangle*3);
| |
| - | $("#cog6").rotate(-cogangle*3);
| |
| - | document.getElementById('cog1').style.display = "block";
| |
| - | document.getElementById('cog2').style.display = "block";
| |
| - | document.getElementById('cog3').style.display = "block";
| |
| - | document.getElementById('cog4').style.display = "block";
| |
| - | document.getElementById('cog5').style.display = "block";
| |
| - | document.getElementById('cog6').style.display = "block";
| |
| - | }
| |
| - | else
| |
| - | {
| |
| - | document.getElementById('cog1').style.display = "none";
| |
| - | document.getElementById('cog2').style.display = "none";
| |
| - | document.getElementById('cog3').style.display = "none";
| |
| - | document.getElementById('cog4').style.display = "none";
| |
| - | document.getElementById('cog5').style.display = "none";
| |
| - | document.getElementById('cog6').style.display = "none";
| |
| - |
| |
| - | }
| |
| - | },30);
| |
| - |
| |
| - |
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </p><p><br />
| |
| - | </p><p><br />
| |
| - | </p><p><br />
| |
| - | </p><p>
| |
| - | <head>
| |
| - | <style>
| |
| - | #img2{
| |
| - | position:absolute;
| |
| - | z-index:0;
| |
| - | left:0px;
| |
| - | top:80px;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - | #img3{
| |
| - | position:absolute;
| |
| - | z-index:0;
| |
| - | left:800px;
| |
| - | top:130px;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="220px"/><a href="https://2012.igem.org/Main_Page">
| |
| - | <img id="img3" img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"/></a>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - | </p><p>
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | var _gaq = _gaq || [];
| |
| - | _gaq.push(['_setAccount', 'UA-34029773-1']);
| |
| - | _gaq.push(['_trackPageview']);
| |
| - |
| |
| - | (function() {
| |
| - | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| |
| - | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| |
| - | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| |
| - | })();
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </p><p>
| |
| - | <head>
| |
| - | <style>
| |
| - | body {
| |
| - | font-family: Helvetica, Arial, sans-serif;
| |
| - | }
| |
| - | z1 {
| |
| - | font-size:18pt;
| |
| - | line-height:21pt;
| |
| - | color:white;
| |
| - | }
| |
| - | .ctd {
| |
| - | width: 170px;
| |
| - | height: 25px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | padding: 5px ;
| |
| - | margin: 30px auto;
| |
| - | color: #FFF;
| |
| - | }
| |
| - | .cte {
| |
| - | width: 200px;
| |
| - | height: 35px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | padding-right:10px;
| |
| - | padding-left:10px;
| |
| - | margin: -20px auto;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | color: #FFF;
| |
| - | }
| |
| - |
| |
| - | z2 {
| |
| - | font-size:18pt;
| |
| - | line-height:21pt;
| |
| - | color:white;
| |
| - | }
| |
| - | .ctd2 {
| |
| - | width: 230px;
| |
| - | height: 25px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | padding: 5px ;
| |
| - | margin: 30px auto;
| |
| - | color: #FFF;
| |
| - | }
| |
| - | .cte2 {
| |
| - | width: 260px;
| |
| - | height: 35px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | padding-right:10px;
| |
| - | padding-left:10px;
| |
| - | margin: 0 auto;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | color: #FFF;
| |
| - | }
| |
| - | z3 {
| |
| - | font-size:18pt;
| |
| - | line-height:21pt;
| |
| - | color:white;
| |
| - | }
| |
| - | .ctd3 {
| |
| - | width: 180px;
| |
| - | height: 25px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | padding: 5px ;
| |
| - | margin: 30px auto;
| |
| - | color: #FFF;
| |
| - | }
| |
| - | .cte3 {
| |
| - | width: 210px;
| |
| - | height: 35px;
| |
| - | text-align: center;
| |
| - | background: #000;
| |
| - | padding-right:10px;
| |
| - | padding-left:10px;
| |
| - | margin: 0 auto;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | color: #FFF;
| |
| - | }
| |
| - | p.margin{
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | margin-top:0px;
| |
| - | margin-bottom:20px;
| |
| - | margin-right:0px;
| |
| - | margin-left:125px;
| |
| - | margin-right:130px;
| |
| - | }
| |
| - | p.marginTable{
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | margin-top:15px;
| |
| - | margin-bottom:15px;
| |
| - | margin-right:10px;
| |
| - | margin-left:15px;
| |
| - | margin-right:10px;
| |
| - | }
| |
| - | p.bTable{
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | margin-top:15px;
| |
| - | margin-bottom:15px;
| |
| - | margin-right:10px;
| |
| - | margin-left:15px;
| |
| - | margin-right:10px;
| |
| - | text-align: center;
| |
| - | }
| |
| - | p{
| |
| - | margin-left:150px;
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | margin-right:150px;
| |
| - | color:white;
| |
| - | }
| |
| - | p.vid{
| |
| - | margin-left:0;
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | margin-right:0px;
| |
| - | color:white;
| |
| - | text-align:center
| |
| - | }
| |
| - | p.marginleft{
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | margin-top:0px;
| |
| - | margin-bottom:20px;
| |
| - | margin-right:0px;
| |
| - | margin-left:110px;
| |
| - | margin-right:130px;
| |
| - | }
| |
| - | p.marginAcc{
| |
| - | font-size:12pt;
| |
| - | line-height:12pt;
| |
| - | color:white;
| |
| - | margin-top:20px;
| |
| - | margin-bottom:20px;
| |
| - | margin-right:0px;
| |
| - | margin-left:0px;
| |
| - | margin-right:0px;
| |
| - | }
| |
| - | p.marginleftheader{
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | margin-top:38px;
| |
| - | margin-bottom:0px;
| |
| - | margin-left:650px;
| |
| - | margin-right:200px;
| |
| - | }
| |
| - | p.marginChecklist{
| |
| - | font-size:12pt;
| |
| - | line-height:16pt;
| |
| - | color:white;
| |
| - | margin-top:0px;
| |
| - | margin-bottom:38px;
| |
| - | margin-right:0px;
| |
| - | margin-left:150px;
| |
| - | margin-right:115px;
| |
| - | }
| |
| - | a:link {
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | a:visited {
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | a:hover {
| |
| - | color: #FF6700;
| |
| - | }
| |
| - | a:active {
| |
| - | color: #FF6700;
| |
| - | }
| |
| - |
| |
| - | .hoverbox
| |
| - | {
| |
| - | cursor: default;
| |
| - | list-style: none;
| |
| - | margin-left: 100px;
| |
| - | margin-right: 100px;
| |
| - | }
| |
| - |
| |
| - | .hoverbox a
| |
| - | {
| |
| - | cursor: default;
| |
| - | }
| |
| - |
| |
| - | .hoverbox a .preview
| |
| - | {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .hoverbox a:hover .preview
| |
| - | {
| |
| - | display: block;
| |
| - | position: absolute;
| |
| - | top: -60px;
| |
| - | left: -60px;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | .hoverbox img
| |
| - | {
| |
| - | background: #761C11;
| |
| - | color: inherit;
| |
| - | padding: 2px;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | .hoverbox li
| |
| - | {
| |
| - | background: #761C11;
| |
| - | border-width: 0px;
| |
| - | color: inherit;
| |
| - | display: inline;
| |
| - | float: left;
| |
| - | margin: 3px;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .hoverbox .preview
| |
| - | {
| |
| - | background: #52140C;
| |
| - | border-color: #761C11;
| |
| - | }
| |
| - | table.Bottom
| |
| - | {
| |
| - | padding-top: 5px;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | margin-top: 7px;
| |
| - | margin-left: 104px;
| |
| - | min-width: 793px;
| |
| - | max-width: 793px;
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | }
| |
| - | table.MainP
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | margin-left: 95px;
| |
| - | margin-right: 150px;
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | }
| |
| - | table.Inside
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | margin-left: 0px;
| |
| - | margin-right: 0px;
| |
| - | font-size:12pt;
| |
| - | line-height:14pt;
| |
| - | color:white;
| |
| - | padding-top: 8px;
| |
| - | padding-left: 3px;
| |
| - | padding-right: 3px;
| |
| - | }
| |
| - | td.Right
| |
| - | {
| |
| - | padding-top: 3px;
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | text-align: left;
| |
| - | min-width: 310px;
| |
| - | max-width: 310px;
| |
| - | vertical-align:top;
| |
| - | border: 10px transparent;
| |
| - |
| |
| - | }
| |
| - | td.Left
| |
| - | {
| |
| - | background-color: rgba(0,0,0,0.3);
| |
| - | vertical-align:top;
| |
| - | text-align: left;
| |
| - | min-width: 465px;
| |
| - | max-width: 465px;
| |
| - | border: 10px transparent;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <br>
| |
| - | <div class="cte">
| |
| - | <div class="ctd">
| |
| - | <z1 >Food Warden</z1><br>
| |
| - | </div>
| |
| - | </div>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <br><br><br>
| |
| - | <table class=MainP>
| |
| - | <tr>
| |
| - | <td>
| |
| - | <table class=Inside>
| |
| - | <tr>
| |
| - | <td class=Left>
| |
| - | <p class="marginTable">
| |
| - | <img src="https://static.igem.org/mediawiki/2012/9/97/Groningen2012_AD20121915_Sticker.png" width="130" height="130" align=left style="padding-right: 10px; padding-top: 20px; padding-bottom:15px;"><a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=4><b>The Food Warden</b></font></a><br>
| |
| - | The Food Warden is a system which detects meat spoilage. It uses <i>Bacillus subtilis</i> cells. Their natural genetic response to the gases of rotten meat has been identified and linked to a pigment production system. In this way, a consumer can easily see when the meat is spoiled: <b><i>it's rotten and you know it!</i></b><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=2>read more</font></a><br>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <table class=Inside>
| |
| - | <tr>
| |
| - | <td class=Left>
| |
| - | <p class="marginTable">
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Data_page"><font color=#ff6700 size=4><b>How does it work?</b></font></a><br>
| |
| - | Volatiles from rotten meat activate the P<i><font size=2>sboA</font></i> promoter, triggering the production of pigments (blue or yellow).<br>More details can be found on our <a href=https://2012.igem.org/Team:Groningen/Data_page><font color=#ff6700><b>Data Page</b></font></a>.<br></p>
| |
| - | </p>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <table class=Inside>
| |
| - | <tr>
| |
| - | <td class=Left>
| |
| - | <p class="marginTable">
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 size=4><b>Stop the food waste!</b></font></a><br>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 5px; padding-right: 5px;">Every year, 1.3 billion tons of food are thrown away worldwide (one third of total food production), partly due to the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save money and reduce food waste.<br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 SIZE=2pt>read more</font></a><br><br><br>
| |
| - | </p>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | </td>
| |
| - | <td style="vertical-align:top;">
| |
| - | <table class=Inside>
| |
| - | <tr>
| |
| - | <td class=Right>
| |
| - | <p class=vid>
| |
| - | <iframe src="http://player.vimeo.com/video/52145107?title=0&byline=0&portrait=0&badge=0&color=a93434&autoplay=1" width="300" height="225" frameborder="0"></iframe></p>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <table class=Inside>
| |
| - | <tr>
| |
| - | <td class=Right>
| |
| - | <p class="marginAcc" align=center>
| |
| - | <font size = 4 color=#ff6700><b>Our achievements</b></font><br><br>
| |
| - | <img src=https://static.igem.org/mediawiki/2012/1/16/Groningen2012_GoldMedal.png style="padding-bottom:3px;"><br><font color=#ffff00><b> Gold Medal</b></font><br><br>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/2/27/Groningen2012_ADTrophy_igem.png"><br>
| |
| - | <b>Regional Winner</b><br>
| |
| - | <font size=2>at the iGEM European Jamboree</font><br></p>
| |
| - | <p class="marginAcc" align=center>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/c/c5/IGGroningen2012_Brick.png" height=50><br>
| |
| - | <b>World Championship!!!</b><br>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <table class=Bottom>
| |
| - | <tr>
| |
| - | <td>
| |
| - | <p align = center>
| |
| - | <a href="https://2012.igem.org/files/presentation/Groningen_Championship.pdf" target=_blank>
| |
| - | Our presentation [.pdf]</a> ||
| |
| - | <a href="https://2012.igem.org/files/video/Groningen_Championship.mp4" target=_blank>
| |
| - | Our presentation (recording)</a> ||
| |
| - | <a href="https://igem.org/images/easel_icon.png" target=_blank>
| |
| - | Our poster</a>
| |
| - | </p>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <a name="#"></a><br>
| |
| - | <div class="cte3">
| |
| - | <div class="ctd3">
| |
| - | <z3 >Picture gallery</z3><br>
| |
| - | </div>
| |
| - | </div>
| |
| - | <br>
| |
| - | <ul class="hoverbox">
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ee/Groningen2012_ADGallery1.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/65/Groningen2012_ADGallery1prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f6/Groningen2012_ADGallery4.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/3/35/Groningen2012_ADGallery4prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/1/1c/Groningen2012_ADGallery2.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0f/Groningen2012_ADGallery2prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/6/69/Groningen2012_ADGallery13.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ADGallery13prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/5/55/Groningen2012_ADGallery7.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/b/b2/Groningen2012_AD20120924_Gallery7prev.png" width=420 height=231 class="preview" /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/b/b3/Groningen2012_ADGallery5.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/e/eb/Groningen2012_AD20120924_Gallery5prev.png" class="preview" width=420 height=231 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/9/9e/Groningen2012_ADGallery20.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/84/Groningen2012_ADGallery20prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/7/7d/Groningen2012_ADGalleryWinners.png" width=250 height=260 /><img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_ADGalleryWinners_prev.png" class="preview" width=325 height=355 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_ADGallery6.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/4/40/Groningen2012_ADGallery6prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | </ul>
| |
| - |
| |
| - | <div style="position: relative; float: left; top: -140px;">
| |
| - | <ul class="hoverbox">
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/09/Groningen2012_ADGallery10b.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ADGallery10bprev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/e3/Groningen2012_ADGallery8.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/8a/Groningen2012_ADGallery8prev.png" class="preview" width=420 height=231 /></a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div style="position: relative; float: left; top: -140px; left: 60px;">
| |
| - | <ul class="hoverbox">
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0c/Groningen2012_ADGallery9.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/5/5a/Groningen2012_ADGallery9prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div style="position: relative; float: left; top: -145px;">
| |
| - | <ul class="hoverbox">
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f4/Groningen2012_ADGallery22.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/d/dc/Groningen2012_ADGallery22prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/04/Groningen2012_ADGallery14.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/2/20/Groningen2012_ADGallery14prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/c/ce/Groningen2012_ADGallery21.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/a/a9/Groningen2012_ADGallery21prev.png" class="preview" width=420 height=231 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a6/Groningen2012_ADGallery18.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0b/Groningen2012_ADGallery18prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ec/Groningen2012_ADGallery3.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/c/cb/Groningen2012_ADGallery3prev.png" class="preview" width=250 height=280 /></a>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
| - | <br><br><br><br><br><br><br><br><br><br><br>
| |
| - | <div style="position: relative; top: -100px;">
| |
| - | <div class="cte2">
| |
| - | <div class="ctd2">
| |
| - | <z2 >Gold medal checklist</z2><br>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <p align=center><font color=white size=2>Click on any of the list below to see the appropriate wiki section!</font></p>
| |
| - | <p class="marginChecklist"><b>BRONZE</b>
| |
| - | <br>
| |
| - | <br>
| |
| - | <a href="https://igem.org/Team.cgi" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Team registration done</a><br>
| |
| - | <a href="https://igem.org/2012_Judging_Form?id=818" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Judging form completed</a><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Beautiful Team Wiki finished</a><br>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012<br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/OurBiobrick" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Our Biobricks</a>
| |
| - | <br>
| |
| - | <br>
| |
| - | <b>SILVER</b> (in addition to bronze medal requirements)
| |
| - | <br>
| |
| - | <br>
| |
| - | <a href="http://partsregistry.org/Part:BBa_K818000" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Proof that our BioBrick works!</a><br>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> <a href="http://partsregistry.org/Part:BBa_K818600" target=_blank>Characterization of our BioBrick's operation: BBa_K818600</a>
| |
| - | <br>
| |
| - | <br>
| |
| - | <b>GOLD</b> (in addition to silver and bronze medal requirements, any one or more of the following)
| |
| - | <br>
| |
| - | <br>
| |
| - | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We improved the function of existing BioBricks: <a href="http://partsregistry.org/Part:BBa_K592010" target=_blank>BBa_K592010</a>, <a href="http://partsregistry.org/Part:BBa_K592009" target=_blank>BBa_K592009</a><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/international_cooperation#LMUMunich" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We helped iGEM LMU Munich by characterizing their parts</a><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Safety" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We explored the topic of safety for GMOs that would be used near food</a><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We raised public awareness about food waste in developed countries</a><br>
| |
| - | <a href="https://2012.igem.org/Team:Groningen/market_research" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We surveyed the broad public about the need for Food Warden product and GMOs safety</a>
| |
| - | </p>
| |
| - | </div>
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - | <head>
| |
| - | <style>
| |
| - | h1 {
| |
| - | font-size:21pt;
| |
| - | color:white;
| |
| - | background:url(https://static.igem.org/mediawiki/2012/4/49/Groningen2012_ID_20120812_LogoGroningen2012.png) right top no-repeat;
| |
| - | background-size:25% auto;
| |
| - | min-height: 50px;
| |
| - | }
| |
| - | .cta {
| |
| - | width: 800px;
| |
| - | background: #000;
| |
| - | border-radius: 0px;
| |
| - | padding: 10px;
| |
| - | margin: 0px auto;
| |
| - | background-color: rgba(0,0,0,0.5);
| |
| - | color: #FFF;
| |
| - | }
| |
| - | div.rowlevel {
| |
| - | margin:2px;
| |
| - | border:2px solid #000000;
| |
| - | height:auto;
| |
| - | width:auto;
| |
| - | float:center;
| |
| - | background:white;
| |
| - | text-align:center;
| |
| - | }
| |
| - | img.platinum{
| |
| - | height: 120px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 0px;
| |
| - | padding-bottom: 0px;
| |
| - | padding-left: 20px;
| |
| - | padding-right: 20px;
| |
| - | }
| |
| - | img.platinumsmall{
| |
| - | height: 80px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 0px;
| |
| - | padding-bottom: 0px;
| |
| - | padding-left: 20px;
| |
| - | padding-right: 20px;
| |
| - | }
| |
| - | img.gold{
| |
| - | height: 90px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 0px;
| |
| - | padding-bottom: 0px;
| |
| - | padding-left: 5px;
| |
| - | padding-right: 5px;
| |
| - | }
| |
| - | img.silver{
| |
| - | height: 70px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 5px;
| |
| - | padding-bottom: 5px;
| |
| - | padding-left: 10px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - | img.bronze{
| |
| - | height: 60px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 0px;
| |
| - | padding-bottom: 0px;
| |
| - | padding-left: 10px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - | a.nologo12{
| |
| - | font-size:12pt;
| |
| - | line-height:12pt;
| |
| - | color: rgb(200,0,0);
| |
| - | }
| |
| - | a.nologo12:hover{
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - | <body>
| |
| - | <div class="cta">
| |
| - | <h1>Our sponsors:</h1>
| |
| - | <div class="rowlevel">
| |
| - | <a href="http://www.rug.nl/corporate/index" target="_blank"><img class="platinum" src="https://static.igem.org/mediawiki/2012/2/2c/Groningen2012_JP_20120813_Gratio_RuG.jpg"/></a>
| |
| - | <a href="http://www.rug.nl/fmns-research/gbb/index" target="_blank"><img class="platinumsmall" src="https://static.igem.org/mediawiki/2012/7/7a/Groningen2012_JP_20120813_Gratio_GBB.jpg"/></a>
| |
| - | <a href="http://nbv.kncv.nl/stichting-biotechnologie-nederland-%28sbn%29.7252.lynkx"><img class="platinum" src="https://static.igem.org/mediawiki/2012/5/5f/Groningen2012_JP_20120813_Gratio_SBN.jpg"/></a>
| |
| - | </div>
| |
| - | <div class="rowlevel">
| |
| - | <a href="http://www.dsm.com/nl_NL/dsmnl/public/home/pages/home.jsp" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/7/78/Groningen2012_JP_20120813_Gratio_DSM.jpg"/></a>
| |
| - | <a href="http://www.erasynbio.eu/project" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/7/7f/Groningen2012_JP_20121022_SynBio.jpg"/></a>
| |
| - | <a href="http://www.rug.nl/fmns-research/csb/index" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_JP_20121022_CSB.jpg"/></a>
| |
| - | <a href="http://www.maxgruber-foundation.nl/" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/f/fe/Groningen2012_JP_20121022_Max.jpg"/></a>
| |
| - | <a href="http://www.rug.nl/fmns-research/zernike/index" target="_blank"><img class="gold" height="70px" src="https://static.igem.org/mediawiki/2012/8/87/Groningen2012_JP_20120924_Gratio_ZIAM.jpg"/></a>
| |
| - | </div>
| |
| - | <div class="rowlevel">
| |
| - | <a href="http://www.rug.nl/sciencelinx/index" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/8/88/Groningen2012_JP_20120924_Gratio_SLinx.jpg"/></a>
| |
| - | <a href="http://molgen.biol.rug.nl/molgen/index.php" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/a/a2/Groningen2012_JP_20120813_Gratio_MolGen.jpg"/></a>
| |
| - | <a href="http://www.rug.nl/fmns-research/alice/index" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/7/7c/Groningen2012_JP_20120924_Gratio_ALICE.jpg"/></a>
| |
| - | <a href="http://www.sonac.biz/nl/" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/d/de/Groningen2012_JP_20121022_SONAC.jpg"/></a>
| |
| - | <a href="http://www.sigmaaldrich.com/nederland.html" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/d/d0/Groningen2012_JP_20120813_Gratio_Sigma.jpg"/></a>
| |
| - | </div>
| |
| - | <div class="rowlevel">
| |
| - | <a href="http://www.thermofisher.com/global/en/home.asp" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/6/60/Groningen2012_JP_20120813_Gratio_ThermoFisher.jpg"/></a>
| |
| - | <a href="http://www.infors-ht.com/index.php/en/" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/d/de/Groningen2012_JP_20120924_Gratio_Infors.jpg"/></a>
| |
| - | <a href="http://eu.idtdna.com/site" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/1/1a/Groningen2012_JP_20120813_Gratio_IDT.jpg"/></a>
| |
| - | </div>
| |
| - | </body>
| |
| - |
| |
| - | </body>
| |
| | </html> | | </html> |
"
