Difference between revisions of "Team:Marburg/Labbook"
Line 1: | Line 1: | ||
+ | <html style="height:100%;min-width:1280px;"> | ||
+ | |||
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /* width */ | ||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #p-logo { | ||
+ | display:none;} | ||
+ | |||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border:none; | ||
+ | background-color: #fff; | ||
+ | margin-top: 0px; | ||
+ | margin-right: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, #bodyContent, body, #container { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | /* General Style */ | ||
+ | |||
+ | html, body, div, img, sub, sup, var, b, u, i, center, ol, ul, li, label, table, caption, tr, th, td, header, menu, nav { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 12px; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1, h2, h3, h4, h5, h6, { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 12px; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background:url(pattern.png) repeat scroll 0 0; | ||
+ | } | ||
+ | |||
+ | /* Navigation */ | ||
+ | |||
+ | ol, ul { | ||
+ | list-style: none; } | ||
+ | |||
+ | #nav { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#navigation { | ||
+ | margin:0 auto; | ||
+ | float:left; | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul#navigation li { | ||
+ | display:inline; | ||
+ | font-size:11px; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | ul#navigation li a { | ||
+ | padding:10px 5px; | ||
+ | color:#616161; | ||
+ | text-shadow:1px 1px 0px #fff; | ||
+ | text-decoration:none; | ||
+ | display:inline-block; | ||
+ | |||
+ | -webkit-transition:color 0.2s linear, background 0.2s linear; | ||
+ | -moz-transition:color 0.2s linear, background 0.2s linear; | ||
+ | -o-transition:color 0.2s linear, background 0.2s linear; | ||
+ | transition:color 0.2s linear, background 0.2s linear; | ||
+ | } | ||
+ | |||
+ | ul#navigation li a:hover { | ||
+ | background:#f8f8f8; | ||
+ | color:#282828; | ||
+ | } | ||
+ | |||
+ | ul#navigation li:hover > a { | ||
+ | background:#fff; | ||
+ | } | ||
+ | |||
+ | /* Drop-Down Navigation */ | ||
+ | |||
+ | ul#navigation li:hover > ul | ||
+ | { | ||
+ | visibility:visible; | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | ul#navigation ul, ul#navigation ul li ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | visibility:hidden; | ||
+ | position: absolute; | ||
+ | z-index: 99999; | ||
+ | width:180px; | ||
+ | background:#f8f8f8; | ||
+ | box-shadow:1px 1px 3px #ccc; | ||
+ | opacity:0; | ||
+ | |||
+ | -webkit-transition:opacity 0.2s linear, visibility 0.2s linear; | ||
+ | -moz-transition:opacity 0.2s linear, visibility 0.2s linear; | ||
+ | -o-transition:opacity 0.2s linear, visibility 0.2s linear; | ||
+ | transition:opacity 0.2s linear, visibility 0.2s linear; | ||
+ | } | ||
+ | |||
+ | ul#navigation ul { | ||
+ | top: 86px; | ||
+ | left: 1px; | ||
+ | } | ||
+ | |||
+ | ul#navigation ul li ul { | ||
+ | top: 0; | ||
+ | left: 181px; | ||
+ | } | ||
+ | |||
+ | ul#navigation ul li { | ||
+ | clear:both; | ||
+ | width:100%; | ||
+ | border:0 none; | ||
+ | border-bottom:1px solid #c9c9c9; | ||
+ | } | ||
+ | |||
+ | ul#navigation ul li a { | ||
+ | background:none; | ||
+ | padding:7px 15px; | ||
+ | color:#616161; | ||
+ | text-shadow:1px 1px 0px #fff; | ||
+ | text-decoration:none; | ||
+ | display:inline-block; | ||
+ | border:0 none; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | width:150px; | ||
+ | } | ||
+ | |||
+ | ul#navigation li a.first { | ||
+ | border-left: 0 none; | ||
+ | } | ||
+ | |||
+ | ul#navigation li a.last { | ||
+ | border-right: 0 none; | ||
+ | } | ||
+ | |||
+ | .first{ | ||
+ | width:110px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | /* Social Media Menu */ | ||
+ | |||
+ | ul#socialmedia li { | ||
+ | padding:5px; | ||
+ | height:100%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .second{ | ||
+ | width:30px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | #smbuttons img {margin:0 2px;} | ||
+ | |||
+ | #maillink {padding-right: 2px;} | ||
+ | |||
+ | /* Select-Style */ | ||
+ | |||
+ | ::selection { | ||
+ | background: #FF8F45; /* WebKit/Blink Browsers */ | ||
+ | } | ||
+ | |||
+ | ::-moz-selection { | ||
+ | background: #FF8F45; /* Gecko Browsers */ | ||
+ | } | ||
+ | |||
+ | /* Image center */ | ||
+ | |||
+ | #imgcenter { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <!--JS for Mailus--> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('#maillink').hover(function() { | ||
+ | console.log("AAA"); | ||
+ | var link = 'mailto:igemteam!#%synmikro.uni-marburg.de'; | ||
+ | $(this).attr('href',link.replace("!#%","@")); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!--HTML-MENU--> | ||
+ | |||
+ | <body style="height:100%;min-width:1280px;"> | ||
+ | <div style="position:fixed;width:100%;height:70px;min-width:1280px;z-index:20;margin-top:-6px;"> | ||
+ | <div style="display:table;width:100%;height:100%;"> | ||
+ | <div style="display:table-row;"> | ||
+ | <div style="display:table-cell;width:188px;background:white;"> | ||
+ | <a href="https://2015.igem.org/Team:Marburg" style="text-align:center;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/14/MR_pic_Home.png" style="height:66px;margin:5px 8px;"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div style="display:table-cell;background:#E0E0E0;padding-left:20px;"> | ||
+ | <nav id="nav"> | ||
+ | <ul id="navigation" style="margin-top:4px;"> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Projects" class="first"><img src="https://static.igem.org/mediawiki/2015/5/56/MR_pic_Projects.png" style="height:60px;text-align:center;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Overview">Overview</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Background">Factsheet</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Minicells">NUTRInity - Provide</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Curli">NUTRInity - Pick up</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/CDI">NUTRInity - Cut off</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/InterLab">InterLab Study</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Measurement">Measurement Study</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Practices" class="first"><img src="https://static.igem.org/mediawiki/2015/3/3a/MR_pic_HP.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/iGeneration">iGeneration</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Hessentag">Hessentag</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/FutureApplication">Furture Application</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Achievements" class="first"><img src="https://static.igem.org/mediawiki/2015/b/ba/MR_pic_Achievements.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Description">Description</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Medal Fulfillment">Medal Fulfillment</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Collaborations" class="first"><img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_Collaborations.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Meetup">MeetUp</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Gameofcells">Game of Cells</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Notebook" class="first"><img src="https://static.igem.org/mediawiki/2015/5/53/MR_pic_Notebook.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Labbook">Lab Book</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Bibliography">Bibliography</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Team" class="first"><img src="https://static.igem.org/mediawiki/2015/1/1d/MR_pic_Team.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Members">Members</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Acknowledgement">Acknowledgement</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Safety" class="first"><img src="https://static.igem.org/mediawiki/2015/6/6a/MR_pic_Safety.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <div id="socialmedia" style="display:table-cell;background:#E0E0E0;text-align:right;padding-right:5px;vertical-align:middle;"> | ||
+ | <span id="smbuttons"> | ||
+ | <a href="https://www.facebook.com/igemmarburg" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_Facebook.png" style="width:30px;"></a> | ||
+ | <a href="https://twitter.com/igem_marburg" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/7/75/MR_pic_Twitter.png" style="width:30px;"></a> | ||
+ | <a id="maillink" href="#" style="padding:5px;" class="second"><img src="https://static.igem.org/mediawiki/2015/a/a0/MR_pic_Mailus.png" style="width:30px;" alt="submit"></a> | ||
+ | <a href="https://2015.igem.org/Main_Page" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/9/9b/MR_pic_Igem.png" style="width:30px;"></a> | ||
+ | </span> | ||
+ | </div><!-- cell --> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div><!-- row --> | ||
+ | |||
+ | <div style="position:fixed;height:100%;width:195px;background:#E0E0E0;top:105px;z-index:20;vertical-align:middle;white-space:nowrap;"> | ||
+ | <span style="display:inline-block;height:100%;vertical-align:middle;"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/bb/MR_pic_Sidebanner_Notebook.png" style="width:184px;vertical-align:middle;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="position:absolute;text-align:justify;z-index:1;background:none;scroll:scroll-y;left:280px;top:0;margin-top:132px;font-size:13pt;line-height:150%;margin-right:100px;max-width:950px;"> | ||
+ | <span style="display:inline-block;height:100%;vertical-align:middle;"></span> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/bb/MR_pic_Sidebanner_Notebook.png" style="width:184px;vertical-align:middle;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="position:absolute;z-index:1;background:none;scroll:scroll-y;left:220px;top:0;margin-top:132px;font-size:14pt;margin-right:100px;margin-left:194px;max-width:1100px;"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f3/MR_pic_NUTRInitybig.png" style="width:300px;position:absolute;left:200px;top:20px;"> | ||
+ | |||
+ | |||
+ | <a href="https://2015.igem.org/Team:Marburg/Labbook/Minicells"><img src="https://static.igem.org/mediawiki/2015/d/dc/MR_pic_Button_Provide_02.png" style="width:150px;position:absolute;left:30px;top:450px;"></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Marburg/Labbook/Curli"><img src="https://static.igem.org/mediawiki/2015/4/49/MR_pic_Button_Pick_Up_02.png" style="width:150px;position:absolute;left:290px;top:450px;"></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Marburg/Labbook/CDI"><img src="https://static.igem.org/mediawiki/2015/7/70/MR_pic_Button_Cut_off_02.png" style="width:150px;position:absolute;left:540px;top:450px;"></a> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | <div style="position:fixed;height:100%;width:40px;background:#E0E0E0;top:105px;right:0px;z-index:0;vertical-align:middle;white-space:nowrap;"> | ||
+ | |||
+ | </html> | ||
+ | |||
<html style="height:100%;min-width:1280px;"> | <html style="height:100%;min-width:1280px;"> | ||
Revision as of 17:02, 8 September 2015