Team:TU Darmstadt/Template

From 2014.igem.org

(Difference between revisions)
 
(69 intermediate revisions not shown)
Line 3: Line 3:
<html lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
<html lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
 +
<meta charset="utf-8">
<meta charset="utf-8">
Line 11: Line 12:
Information and contribution at http://typo3.org/
Information and contribution at http://typo3.org/
-->
-->
 +
</meta>
-
 
+
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/f/f0/TU_DArmstadt_Favicon.jpg" type="image/jpeg; charset=binary">
-
<link rel="shortcut icon" href="https://igem.bio.tu-darmstadt.de/wiki/fileadmin/templates/images/favicon.jpg" type="image/jpeg; charset=binary">
+
<link rel="icon" href="https://static.igem.org/mediawiki/2014/f/f0/TU_DArmstadt_Favicon.jpg" type="image/jpeg; charset=binary">
-
<link rel="icon" href="https://igem.bio.tu-darmstadt.de/wiki/fileadmin/templates/images/favicon.jpg" type="image/jpeg; charset=binary">
+
<title>Home</title>
<title>Home</title>
-
/*
 
-
* jQuery FlexSlider v2.2.0
 
-
* http://www.woothemes.com/flexslider/
 
-
*
 
-
* Copyright 2012 WooThemes
 
-
* Free to use under the GPLv2 license.
 
-
* http://www.gnu.org/licenses/gpl-2.0.html
 
-
*
 
-
* Contributing author: Tyler Smith (@mbmufffin)
 
-
*/
 
-
 
-
 
-
/* Browser Resets
 
-
*********************************/
 
-
.flex-container a:active,
 
-
.flexslider a:active,
 
-
.flex-container a:focus,
 
-
.flexslider a:focus  {outline: none;}
 
-
.slides,
 
-
.flex-control-nav,
 
-
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
 
-
 
-
/* Icon Fonts
 
-
*********************************/
 
-
/* Font-face Icons */
 
-
@font-face {
 
-
font-family: 'flexslider-icon';
 
-
src:url('fonts/flexslider-icon.eot');
 
-
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
 
-
url('fonts/flexslider-icon.woff') format('woff'),
 
-
url('fonts/flexslider-icon.ttf') format('truetype'),
 
-
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
 
-
font-weight: normal;
 
-
font-style: normal;
 
-
}
 
-
 
-
 
-
/* FlexSlider Necessary Styles
 
-
*********************************/
 
-
.flexslider {margin: 0; padding: 0;}
 
-
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
 
-
.flexslider .slides img {width: 100%; display: block;}
 
-
.flex-pauseplay span {text-transform: capitalize;}
 
-
 
-
/* Clearfix for the .slides element */
 
-
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 
-
html[xmlns] .slides {display: block;}
 
-
* html .slides {height: 1%;}
 
-
 
-
/* No JavaScript Fallback */
 
-
/* If you are not using another script, such as Modernizr, make sure you
 
-
* include js that eliminates this class on page load */
 
-
.no-js .slides > li:first-child {display: block;}
 
-
 
-
/* FlexSlider Default Theme
 
-
*********************************/
 
-
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
 
-
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
 
-
.loading .flex-viewport { max-height: 300px; }
 
-
.flexslider .slides { zoom: 1; }
 
-
.carousel li { margin-right: 5px; }
 
-
 
-
/* Direction Nav */
 
-
.flex-direction-nav {*height: 0;}
 
-
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/}
 
-
.flex-direction-nav .flex-prev { left: -50px; }
 
-
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
 
-
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
 
-
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
 
-
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
 
-
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
 
-
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '.'; }
 
-
.flex-direction-nav a.flex-next:before  { content: '.'; }
 
-
 
-
/* Pause/Play */
 
-
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
 
-
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '.'; }
 
-
.flex-pauseplay a:hover  { opacity: 1; }
 
-
.flex-pauseplay a.flex-play:before { content: '.'; }
 
-
 
-
/* Control Nav */
 
-
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
 
-
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
 
-
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; behavior:url(/fileadmin/gaveg/templates/css/PIE/PIE.htc); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
 
-
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
 
-
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
 
-
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
 
-
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
 
-
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
 
-
.flex-control-thumbs img:hover {opacity: 1;}
 
-
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
 
-
@media screen and (max-width: 860px) {
 
-
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
 
-
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
 
-
}
 
-
 
-
<!--[if lt IE 9]>         
 
-
 
-
<script src="http://raw.github.com/aFarkas/html5shiv/master/dist/html5shiv.js"></script>
 
-
            <link media="all" href="https://igem.bio.tu-darmstadt.de/wiki/fileadmin/templates/css/oldie.css" type="text/css" rel="stylesheet" /><![endif]-->            <link rel="home" type="text/html" title="Startseite" href="/">
 
-
            <link rel="search" title="Suche" href="/suche.html">
 
-
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js" type="text/javascript"></script>
 
-
<script type="text/javascript">
 
-
jQuery(function($){
 
-
    $.backstretch("https://igem.bio.tu-darmstadt.de/wiki/fileadmin/templates/images/vibations_final.jpg.jpg");
 
-
});
 
-
</script> <script type="text/javascript">$(function() {
 
-
if (window.PIE) {
 
-
$('.rounded').each(function() {
 
-
PIE.attach(this);
 
-
});
 
-
}
 
-
});</script>
 
-
<!--[endif]---->
 
<script type="text/javascript" charset="utf-8">$(window).load(function() {$('.flexslider').flexslider({pauseOnAction:false,slideshowSpeed: 7000,animationSpeed:1500});});</script>
<script type="text/javascript" charset="utf-8">$(window).load(function() {$('.flexslider').flexslider({pauseOnAction:false,slideshowSpeed: 7000,animationSpeed:1500});});</script>
Line 165: Line 52:
body { margin-top: -10px; }
body { margin-top: -10px; }
</style>
</style>
-
 
+
</head>
<body>
<body>
Line 194: Line 81:
<ul class="top">
<ul class="top">
<li class="active first"><a href="https://2014.igem.org/Team:TU_Darmstadt" >Home</a></li>
<li class="active first"><a href="https://2014.igem.org/Team:TU_Darmstadt" >Home</a></li>
-
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Project" >Project</a></li><li><a href="index.php?id=153" >Results</a></li>
+
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Project" >Project</a></li>
 +
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results" >Results</a></li>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/PolicyandPractices" >Policy & Practices</a></li>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/PolicyandPractices" >Policy & Practices</a></li>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Achievements" >Achievements</a></li>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Achievements" >Achievements</a></li>
Line 209: Line 97:
-
<div id="topWrap" class="container_24">
+
<div id="topWrap" class="container_24">
-
<div id="slider" class="grid_18">
+
<!--<div class="slider" >-->
-
<ul class="slides">
+
<!-- <ul class="slides">
<li><img src="https://static.igem.org/mediawiki/2014/1/1e/Slideroject.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/2014/1/1e/Slideroject.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/parts/f/fe/SlideResults.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/parts/f/fe/SlideResults.jpg" width="710" height="300"  alt="" ></li>
Line 218: Line 106:
<li><img src="https://static.igem.org/mediawiki/parts/0/0a/SlideOpenHardware.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/parts/0/0a/SlideOpenHardware.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/parts/6/67/SlideModeling.jpg" width="710" height="300"  alt="" ></li>
<li><img src="https://static.igem.org/mediawiki/parts/6/67/SlideModeling.jpg" width="710" height="300"  alt="" ></li>
-
</ul>
+
</ul>-->
-
</div>
+
 
 +
 
 +
<ul class="slides grid_18">
 +
    <input type="radio" name="radio-btn" id="img-1" checked />
 +
    <li class="slide-container">
 +
<div class="slide">
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/Slideroject.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-6" class="prev">&#x2039;</label>
 +
<label for="img-2" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <input type="radio" name="radio-btn" id="img-2" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/parts/f/fe/SlideResults.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-1" class="prev">&#x2039;</label>
 +
<label for="img-3" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <input type="radio" name="radio-btn" id="img-3" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/parts/a/ac/SlideTeam.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-2" class="prev">&#x2039;</label>
 +
<label for="img-4" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <input type="radio" name="radio-btn" id="img-4" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/parts/5/59/SlidePolicyandPractices.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-3" class="prev">&#x2039;</label>
 +
<label for="img-5" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <input type="radio" name="radio-btn" id="img-5" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/parts/0/0a/SlideOpenHardware.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-4" class="prev">&#x2039;</label>
 +
<label for="img-6" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <input type="radio" name="radio-btn" id="img-6" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/parts/6/67/SlideModeling.jpg" />
 +
        </div>
 +
<div class="nav">
 +
<label for="img-5" class="prev">&#x2039;</label>
 +
<label for="img-1" class="next">&#x203a;</label>
 +
</div>
 +
    </li>
 +
 
 +
    <li class="nav-dots">
 +
      <label for="img-1" class="nav-dot" id="img-dot-1"></label>
 +
      <label for="img-2" class="nav-dot" id="img-dot-2"></label>
 +
      <label for="img-3" class="nav-dot" id="img-dot-3"></label>
 +
      <label for="img-4" class="nav-dot" id="img-dot-4"></label>
 +
      <label for="img-5" class="nav-dot" id="img-dot-5"></label>
 +
      <label for="img-6" class="nav-dot" id="img-dot-6"></label>
 +
    </li>
 +
</ul>
 +
 
 +
 
 +
 
 +
<!--</div>-->
<div id="promoWrap" class="grid_6">
<div id="promoWrap" class="grid_6">
-
<div class="grid_6 promo1"><a href="https://2014.igem.org/Team:TU_Darmstadt/Project" target="_top"><h1>The Project</h1><p>Find out, what it's all about</p></a></div>
+
<div class="grid_6 promo1"><a href="https://2014.igem.org/Team:TU_Darmstadt/Achievements/Parts" target="_top"><h1>Our Biobricks</h1><p>Look at our bricks!</p></a></div>
-
<div class="grid_6 promo2"><a href="https://2014.igem.org/Team:TU_Darmstadt/Results" target="_top"><h1>Data, more data!</h1><p>Check out our results</p></a></div>
+
<div class="grid_6 promo2"><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Modeling/ANS_Engineering" target="_top"><h1>eANS</h1><p>Check out the best protein engineering model!</p></a></div>
-
<div class="grid_6 promo3"><a href="https://2014.igem.org/Team:TU_Darmstadt/Team" target="_top"><h1>The People</h1><p>See the people behind the project</p></a></div>
+
<div class="grid_6 promo3"><a href="https://2014.igem.org/Team:TU_Darmstadt/Team" target="_top"><h1>The People</h1><p>See the people behind the project!</p></a></div>
</div>
</div>
</div> <!--ende topWrap-->
</div> <!--ende topWrap-->
Line 233: Line 202:
<div id="contentWrap" class="container_24">
<div id="contentWrap" class="container_24">
-
+
 
Line 240: Line 209:
             <ul>
             <ul>
               <li>
               <li>
-
                 <a href="http://schenck.net/de/">
+
                 <a target="_blank" href="http://schenck.net/de/">
-
                 <img src="https://static.igem.org/mediawiki/parts/2/2d/Schenck.jpg" alt="" width="120" height="84">
+
                 <img src="https://static.igem.org/mediawiki/parts/a/aa/SchenckProcess_Screen.jpg" alt="" width="120" height="39">
                 </a>
                 </a>
               </li>
               </li>
               <li>
               <li>
-
                 <a href="http://www.hse-stiftung.de">
+
                 <a target="_blank" href="http://www.hse-stiftung.de">
                 <img src="https://static.igem.org/mediawiki/parts/e/ed/Hse.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/e/ed/Hse.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
               <li>
               <li>
-
                 <a href="http://www.suedzucker.de">
+
                 <a target="_blank" href="http://www.suedzucker.de">
                 <img src="https://static.igem.org/mediawiki/parts/a/af/Suedzucker.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/a/af/Suedzucker.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
               <li>
               <li>
-
                 <a href="http://www.lot-qd.de/de/de/">
+
                 <a target="_blank" href="http://www.lot-qd.de/de/de/">
                 <img src="https://static.igem.org/mediawiki/parts/c/cb/LOT.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/c/cb/LOT.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
               <li>
               <li>
-
                 <a href="http://www.merck.de">
+
                 <a target="_blank" href="http://www.merck.de">
                 <img src="https://static.igem.org/mediawiki/parts/6/6c/Merck_gut.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/6/6c/Merck_gut.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
             </li>
             </li>
-
                 <a href="http://ead.darmstadt.de">
+
                 <a target="_blank" href="http://ead.darmstadt.de">
                 <img src="https://static.igem.org/mediawiki/parts/9/9d/Ead_gut.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/9/9d/Ead_gut.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
             </li>
             </li>
-
                 <a href="http://www.binder-world.com">
+
                 <a target="_blank" href="http://www.binder-world.com">
                 <img src="https://static.igem.org/mediawiki/parts/4/4e/BINDER_gut.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/4/4e/BINDER_gut.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
      <li>
      <li>
-
                 <a href="http://www.solaronix.com/">          
+
                 <a target="_blank" href="http://www.solaronix.com/">          
                 <img src="https://static.igem.org/mediawiki/parts/1/15/Solaronix.png" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/1/15/Solaronix.png" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>
               </li>
      <li>
      <li>
-
        <a href="http://www.sarstedt.com">
+
        <a target="_blank" href="http://www.sarstedt.com">
                 <img src="https://static.igem.org/mediawiki/parts/f/fd/Sarstedt_gut.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/f/fd/Sarstedt_gut.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>         
               </li>         
      <li>
      <li>
-
                 <a href="https://www.neb.com">          
+
                 <a target="_blank" href="https://www.neb.com">          
                 <img src="https://static.igem.org/mediawiki/parts/3/34/NEB_gut.jpg" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/3/34/NEB_gut.jpg" alt="" width="120" height="84">
                 </a>
                 </a>
               </li>         
               </li>         
      <li>
      <li>
-
                 <a href="http://www.snapgene.com">          
+
                 <a target="_blank" href="http://www.snapgene.com">          
                 <img src="https://static.igem.org/mediawiki/parts/c/c0/SnapGene.png" alt="" width="120" height="84">
                 <img src="https://static.igem.org/mediawiki/parts/c/c0/SnapGene.png" alt="" width="120" height="84">
                 </a>
                 </a>
Line 300: Line 269:
<div id="footerWrap" class="container_24">
<div id="footerWrap" class="container_24">
<div class="grid_4">             
<div class="grid_4">             
-
<ul class="menu"><li class="first"><a href="index.php?id=23" >iGEM TUD</a></li><li><a href="index.php?id=26" >Sitemap</a></li><li><a href="index.php?id=33" >Team</a></li><li><a href="index.php?id=27" >Kontakt</a></li><li class="last"><a href="index.php?id=57" >Sponsoren</a></li></ul>
+
<ul class="menu"><li class="first"><a href="https://2014.igem.org/Team:TU_Darmstadt" >iGEM TUD</a></li><li><a href="https://2014.igem.org/Team:TU_Darmstadt/Sitemap" >Sitemap</a></li><li><a href="https://2014.igem.org/Team:TU_Darmstadt/Team" >Team</a></li><li><a href="https://2014.igem.org/Team:TU_Darmstadt/Contact" >Kontakt</a></li><li class="last"><a href="https://2014.igem.org/Team:TU_Darmstadt/Team/Sponsors" >Sponsoren</a></li></ul>
</div>
</div>
Line 320: Line 289:
-
<div id="copy" class="grid_24">
+
<!-- <div id="copy" class="grid_24">
<p>&copy; 2014 iGEM 2014 TUDarmstadt | Alle Rechte vorbehalten.</p>
<p>&copy; 2014 iGEM 2014 TUDarmstadt | Alle Rechte vorbehalten.</p>
-
</div>
+
</div> -->
                                 </div>
                                 </div>
Line 329: Line 298:
</div> <!--ende footerBG-->
</div> <!--ende footerBG-->
 +
</body>
</body>
 +
 +
</html>
</html>

Latest revision as of 10:44, 22 February 2015

Home