|
|
| (6 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Template:Freiburg2013_Template1}}
| |
| | | | |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!-- ******************************************************************* -->
| |
| - | <!-- STYLESCHEET -->
| |
| - | <!-- ******************************************************************* -->
| |
| - |
| |
| - |
| |
| - | <style>
| |
| - |
| |
| - | #table_kachel {
| |
| - | background: transparent;
| |
| - | width:100%;
| |
| - | margin:auto;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #tool_kachel img {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #team_kachel img {
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | # slider_kachel {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #tour {
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #tour img {
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #kachel_project {
| |
| - | }
| |
| - |
| |
| - | #kachel_project img {
| |
| - |
| |
| - | }
| |
| - | #kachel {
| |
| - | padding: 5px;
| |
| - | }
| |
| - |
| |
| - | #kachel img {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #text {
| |
| - | font-color: white;
| |
| - | padding-top:250px;
| |
| - | postion:absolute;
| |
| - | font-family: Arial;
| |
| - | text-align:justify;
| |
| - | padding-bottom:100px;
| |
| - | font-size:1.2em;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #team img{
| |
| - | width:100%;
| |
| - | float:left;
| |
| - | margin-bottom:30px;
| |
| - | }
| |
| - |
| |
| - | #main_kachel {
| |
| - | padding-top: 200px;
| |
| - | padding-right:10px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | /*
| |
| - | * jQuery FlexSlider v2.0
| |
| - | * http://www.woothemes.com/flexslider/
| |
| - | *
| |
| - | * Copyright 2012, Julia Voß
| |
| - | * Free to use under the MIT license.
| |
| - | * http://www.opensource.org/licenses/mit-license.php
| |
| - | */
| |
| - |
| |
| - | /* 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;}
| |
| - |
| |
| - | /* 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: 50%; 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 {z-index: 2; margin: -120px 30px 0 ; background-color: #999999; border: 0px solid #999999; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -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); zoom: 1;}
| |
| - | .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
| |
| - | .loading .flex-viewport {max-height: 300px;}
| |
| - | .flexslider .slides {zoom: 1;}
| |
| - |
| |
| - | .carousel li {margin-right: 5px}
| |
| - |
| |
| - | .flexslider_border img{z-index: 1; width: 690px; height: 350px; margin: -165px -10px 0 ; position: absolute;}
| |
| - |
| |
| - | /* Direction Nav */
| |
| - |
| |
| - | .flex-direction-nav {*height: 0;}
| |
| - | .flex-direction-nav a {
| |
| - | width: 35px;
| |
| - | height: 32px;
| |
| - | margin: -20px 0 0;
| |
| - | display: block;
| |
| - | background: url(https://static.igem.org/mediawiki/2013/e/eb/Controls1.png) no-repeat 0 0;
| |
| - | position: absolute;
| |
| - | top: 50%;
| |
| - | cursor: pointer;
| |
| - | text-indent: -9999px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .flex-direction-nav .flex-next {background-position: -35px 0; right: 0px; }
| |
| - | .flex-direction-nav .flex-prev {background-position: 0px 0; left: 0px;}
| |
| - | .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Control Nav */
| |
| - | .flex-control-nav {
| |
| - | width: 100%;
| |
| - | position: absolute;
| |
| - | bottom: 30px;
| |
| - | left: 58px;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
| |
| - | .flex-control-nav li:first-child {margin: 0;}
| |
| - | .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url() no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
| |
| - | .flex-control-nav li a:hover {background-position: 0 -13px;}
| |
| - | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .flexslider {
| |
| - | width: 600px;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | div.frontpage-slide {
| |
| - | height: 250px;
| |
| - | background-color: #cccccc;
| |
| - | }
| |
| - |
| |
| - | div.frontpage-slide img{
| |
| - | height: 250px;
| |
| - | float: left;
| |
| - | margin:0px;
| |
| - | }
| |
| - |
| |
| - | div.slide-right-col {
| |
| - | color: black;
| |
| - | float: right;
| |
| - | width: 250px;
| |
| - | font-size: 16px;
| |
| - | margin-top: 18px;
| |
| - | margin-right: 50px;
| |
| - | line-height: 1.5em;
| |
| - | text-align:justify;
| |
| - | }
| |
| - |
| |
| - | div.slide-heading {
| |
| - | color: black;
| |
| - | font-size: 18px;
| |
| - | font-weight: bold;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | div.slide-right-col p a{
| |
| - | color:white;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #kachel img {
| |
| - | overflow:auto;
| |
| - | float:left;
| |
| - | }
| |
| - |
| |
| - | #kachel a img {
| |
| - | z-index:2;
| |
| - | position:absolute;
| |
| - | visibility:hidden;
| |
| - | overflow:auto;
| |
| - | }
| |
| - |
| |
| - | #kachel:hover a img {
| |
| - | visibility:visible;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
| |
| - | <script src="http://2012.igem-bielefeld.de/includes/wiki/flex/js/jquery.flexslider.js"></script>
| |
| - |
| |
| - | <!-- Load the flexslider -->
| |
| - | <script type="text/javascript" charset="utf-8">
| |
| - | $(window).load(function() {
| |
| - | $('.flexslider').flexslider({
| |
| - | animation: "slide", // slide or fade
| |
| - | controlsContainer: ".flex-container" // the container that holds the flexslider
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - | <!-- ******************************************************************* -->
| |
| - | <!-- Body -->
| |
| - | <!-- ******************************************************************* -->
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <div id="main_kachel">
| |
| - |
| |
| - | <a href="https://2013.igem.org/Team:Freiburg/Project/1" style="color:white;"> PROJECT DESCRIPTION </a>
| |
| - | <table id="table_kachel">
| |
| - | <tr>
| |
| - | <td colspan="3" align="left">
| |
| - | <div id="slider_kachel">
| |
| - | <div style="padding-top:5px; z-index:1;">
| |
| - |
| |
| - | <div class="flexslider_border">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/0/07/Freiburg2013_Wechsler.png">
| |
| - | </div>
| |
| - |
| |
| - | <div class="flexslider">
| |
| - | <ul class="slides">
| |
| - | <li>
| |
| - | <div class="frontpage-slide">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/6/6c/Repression.gif" id="gif1" width="5%" alt="play animation" />
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="slide-right-col">
| |
| - | <div class="slide-heading">
| |
| - | Repression
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <p><a href="https://2013.igem.org/Team:Freiburg/Project/3">
| |
| - | Click here to read more</a> about our repression project
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | <div class=clear></div>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div class="frontpage-slide">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/9/9d/Activation.gif">
| |
| - | <div class="slide-right-col">
| |
| - | <div class="slide-heading">
| |
| - | Activation
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
| |
| - | Click here to read more </a> about our activation project
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | <div class=clear></div>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div class="frontpage-slide">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/1/18/Picture7.png">
| |
| - | <div class="slide-right-col">
| |
| - | <div class="slide-heading">
| |
| - | The Toolbox
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <p><a href="http://">
| |
| - | Click here to read more</a> about what the toolbox is and how you can use it.</p>
| |
| - |
| |
| - | </div>
| |
| - | <div class=clear></div>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div class="frontpage-slide">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
| |
| - | <div class="slide-right-col">
| |
| - | <div class="slide-heading">
| |
| - | Light-Activation
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
| |
| - | Click here to read more</a>
| |
| - | </p>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class=clear></div>
| |
| - | </div>
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </td>
| |
| - | <td align="center">
| |
| - | <div id="kachel" >
| |
| - | <img src="https://static.igem.org/mediawiki/2013/d/d1/Kachel_Toolkit_freiburg_13.png" style="width:300px;">
| |
| - | <a href="https://2013.igem.org/Team:Freiburg/Project/toolkit"> <img src="https://static.igem.org/mediawiki/2013/a/a5/Kachel_Toolkit_GELB_freiburg_13.png" style="width:300px; margin-left:-348px;"> </a>
| |
| - | </div>
| |
| - | </td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td rowspan="2" align="left">
| |
| - | <div id="kachel">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/9/9d/Picture6.png" style=" width:450px; height:445px">
| |
| - | <a href="https://2013.igem.org/Team:Freiburg/Team"> <img src="https://static.igem.org/mediawiki/2013/c/c6/Kachel_team_rahmen_freiburg_13_gef%C3%A4rbt.png" style=" width:450px; height:445px; margin-left:-450px;"> </a>
| |
| - | </div>
| |
| - | </td>
| |
| - | <td align="left">
| |
| - | <div id="kachel">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/b/bc/Cas9_tour.png" style="height:150px;">
| |
| - | </div>
| |
| - | </td>
| |
| - | <td align="right" colspan="2">
| |
| - | <div id="kachel">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/8/89/Kachel_Human_Practice_freiburg_13.png" style="height:200px; width: 400px; padding-bottom:5px;">
| |
| - | <a href="https://2013.igem.org/Team:Freiburg/HumanPractice"> <img src="https://static.igem.org/mediawiki/2013/2/21/Kachel_Human_Practice_GELB_freiburg_13.png" style="height:200px; width: 400px; padding-bottom:5px; margin-left:-400px;"> </a>
| |
| - | </div>
| |
| - | </td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td colspan="3" align="left">
| |
| - | <div id="kachel">
| |
| - | <img src="https://static.igem.org/mediawiki/2013/b/bb/Kachel_Project.png" width="600px" height="250px">
| |
| - | <a href="https://2013.igem.org/Team:Freiburg/Project"> <img src="https://static.igem.org/mediawiki/2013/1/1c/Kachel_Project_GELB_freiburg_13.png" style="width:600px; height:250px; margin-left:-600px;"> </a>
| |
| - | </div>
| |
| - | </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
