Difference between revisions of "Team:Marburg/Basic Part"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html style="height:100%;min-width:1280px;"> | |
− | <html> | + | |
− | < | + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> |
+ | <style type="text/css"> | ||
− | <div class=" | + | /* 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 { | ||
+ | background-color: #fff; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | /* General Style */ | ||
+ | |||
+ | html, body, img, sub, sup, var, center, label, caption, header, menu, nav{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | vertical-align: baseline; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | h3, h4, h5, h6, { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/5/5c/MR_pic_bg_1.jpg'); | ||
+ | } | ||
+ | |||
+ | /* Navigation */ | ||
+ | |||
+ | #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: 91px; | ||
+ | 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 */ | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration:none; | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | </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:100%;margin:0px; padding:0px;"> | ||
+ | <div style="position:fixed;width:100%; min-width:100%; height:100%;min-height:100%; background-image: url('https://static.igem.org/mediawiki/2015/6/6f/MR_pic_bg6.jpg');background-repeat: no-repeat; | ||
+ | background-attachment: fixed;-webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | margin:0px; padding:0px;"></div> | ||
+ | <div style="position:absolute;margin-left:-680px;left:50%;width:1360px;min-width:1360px;min-height:100%;background-color:white;padding-bottom:10px;"> | ||
+ | <div style="position:fixed;width:1360px;min-width:1360;height:70px;z-index:20;margin-top:0px;"> | ||
+ | <div style="display:table;min-width:1360px;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="position:relative;height:66px;padding-bottom:11px;padding-left:8px;padding-right:8px;"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div style="display:table-cell;background:#E0E0E0;padding-left:20px;"> | ||
+ | <nav id="nav"> | ||
+ | <ul id="navigation" style="margin-top:9px;"> | ||
+ | <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/Description">Overview</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Background">Fact Sheets</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/Design">Future Application</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> | ||
+ | </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/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;min-height:100%;height:100%;width:195px;background:#E0E0E0;top:115px;z-index:20;vertical-align:middle;"> | ||
+ | <span style="margin:0px; padding:0px;display:inline-block;height:100%;vertical-align:middle;"> | ||
+ | </span> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1c/MR_pic_Sidebanner_Home.png" style="width:184px;vertical-align:middle;"> | ||
+ | </div> | ||
+ | <div style="position:fixed;margin-left:640px;height:100%;min-height:100%;min-width:40px; width:40px; top:115px;background:#E0E0E0; left:50%;z-index:2;"></div> | ||
+ | |||
+ | <div> | ||
+ | <div style="position:relative;text-align:justify;z-index:1;background:white;font-size:13pt;line-height:150%;min-width:100%;max-width:100%;padding-top:132px; padding-left:235px; padding-right:80px;padding-bottom:70px;box-sizing: border-box;"> | ||
+ | |||
+ | <div style="z-index:1;text-align:center;padding-bottom:30px;"><img src="https://static.igem.org/mediawiki/2015/e/e9/MR_pic_Button_Parts.png" style="height:60px;"/></div> | ||
+ | |||
+ | <div style="position:relative;display:inline-block;padding:15px;background:#F8F8F8;border-style:solid;border-color:#FF8F45;border-width:2px;border-radius:10px;text-align:justify;font-size:13pt;line-height:150%;margin:10px;margin-top:20px;"> | ||
+ | <h1>Part</h1> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | < | + | <div style="text-align:center;margin:20px;"> |
+ | <img src="https://static.igem.org/mediawiki/2015/5/58/MR_pic_curlipart4.png" width="990px"/> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
+ | <div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!----> | ||
+ | <div> | ||
+ | <span style="margin-right:60px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1d/MR_pic_syn.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | <span> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/58/MR_pic_mpii.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | <span style="margin-left:60px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f0/MR_pic_unii.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | </div> | ||
+ | <span style="font-size:8pt; color:white;"> iGEM Marburg - ZSM Karl-von-Frisch-Straße 16, D - 35043 Marburg</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 00:02, 19 September 2015