Team:Linkoping Sweden

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Linkoping_Sweden/Templates/bootstrap.css}}
 
-
{{:Team:Linkoping_Sweden/Templates/wikicss}}
 
{{:Team:Linkoping_Sweden/wiki}}
{{:Team:Linkoping_Sweden/wiki}}
-
 
+
{{:Team:Linkoping_Sweden/menu}}
-
 
+
<html>
<html>
-
<head>
 
-
<title>Liu iGEM 2014</title>
 
<style>
<style>
-
.firstHeading {
+
/* Top Banner */
-
display: none;
+
#topheader{
 +
    display:block;
 +
    position:absolute;
 +
    top:-15px;
 +
    width:100%;
 +
    margin-bottom:-120px;
 +
    position:relative;
}
}
-
 
+
#LSlogo {
-
.navbar .navbar-nav {
+
     position:relative;
-
     display: inline-block;
+
    bottom:580px;
-
     float: none;
+
     left:30px;
}
}
-
 
+
/* Panels */
-
.navbar {
+
.panel {
-
     text-align: center;
+
     width:1100px;
 +
height:650px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
}
-
 
+
.panel a {
-
 
+
    color: rgb(46,43,52);
-
 
+
    text-decoration:none;
-
.jumbotron h1,p {
+
-
text-align: center;
+
}
}
-
 
+
.project-panel {
-
#bodyContent, #content {
+
    float:left;
-
width: 1100px;
+
    width:200px;
-
border: 0px;
+
    height:650px;
 +
    padding:0px;
 +
padding-left:25px;
 +
    overflow:hidden;
}
}
-
#catlinks{
 
-
border: 0px;
 
-
}
 
-
 
-
.nav.navbar-nav ul {
 
-
position:absolute;
 
-
left:-9999px;
 
-
top:-9999px;
 
-
list-style-type:none;
 
-
 
-
}
 
-
.nav.navbar-nav li:hover { position:relative; background:#FFFFFF; }
 
-
.nav.navbar-nav li:hover ul {
 
-
left:0px;
 
-
top:auto;
 
-
background:#FFFFFF;
 
-
padding:0px;
 
-
}
 
-
 
-
.nav. navbar-nav li:hover ul li a {
 
-
padding:5px;
 
-
display:block;
 
-
text-indent:15px;
 
-
background-color:#FFFFFF;
 
-
}
 
-
.nav .navbar-nav li:hover ul li a:hover { background:#005555; }
 
-
 
-
.nav .navbar-nav li:hover ul{
 
-
width: 200px;
 
-
float:right
 
-
text-align: right; }
 
-
 
-
.list-inline{
 
-
width: 1100px;
 
-
float: left;
 
-
}
 
-
.dropdown-horizontal{
 
-
text-align: left;
 
-
float: left;
 
-
width:auto;
 
-
}
 
-
 
-
a{
 
-
color: black;
 
-
}
 
-
 
-
ul .list-inline{
 
-
max-width: 200;
 
-
}
 
-
 
-
.container{
 
-
margin-bottom:10px;
 
-
}
 
-
 
-
#onofflogo{
 
-
  width:15px;
 
-
  position:absolute;
 
-
  top:0;
 
-
background:transparent;
 
-
}
 
-
 
</style>
</style>
-
  <title>LiU iGEM</title>
+
  <div id="topheader">
-
 
+
     <img style="margin-top:-1px" src="https://2014.igem.org/wiki/LS_frontBanner" width="1100px" height="650px"/>
-
     <!-- Bootstrap -->
+
     <!-- <img id="LSlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/> -->
-
    <link href="css/bootstrap.min.css" rel="stylesheet">
+
   </div>
-
     <link href="css/wiki.css" rel="stylesheet" type="text/css">
+
   <div style="clear: both;"></div>
-
   </head>
+
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
 
+
   <div id="page">
-
 
+
     <div class="panel">
-
   <body>
+
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Context" title="The context">
-
 
+
<div id="pContext" class="project-panel" style="padding:0px">
-
    <meta charset="utf-8">
+
  <img src="https://static.igem.org/mediawiki/2014/2/24/Linkoping_sweden_context.png"/>
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
</div>
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
        </a>
-
 
+
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Culprit" title="The culprit">
-
   <div class="container">
+
<div id="pCulprit" class="project-panel">
-
     <nav class="navbar navbar-default" role="navigation">
+
  <img src="https://static.igem.org/mediawiki/2014/e/e1/Linkoping_sweden_culprit.png"/>
-
        <ul class="nav navbar-nav">
+
</div>
-
          <li class ="active"><a href="https://2014.igem.org/Team:Linkoping_Sweden"> <img src="http://uxrepo.com/static/icon-sets/typicons/svg/home.svg" alt="home" height="20px"></a></li>
+
        </a>
-
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Sitemap_main">Sitemap</a></li>
+
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Challenge" title="The challenge">
-
          <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project_main">Project</a>
+
<div id="pChallenge" class="project-panel">
-
<div class="dropdown-horizontal">
+
  <img src="https://static.igem.org/mediawiki/2014/5/58/Linkoping_sweden_challenge.png"/>
-
                <ul class="list-inline">
+
</div>
-
        <li><a href="#">1</a></li>
+
        </a>
-
<li><a href="#">2</a></li>
+
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Solution" title="The solution">
-
<li><a href="#">3</a></li>
+
<div id="pSolution" class="project-panel">
-
<li><a href="#">4</a></li>
+
  <img src="https://static.igem.org/mediawiki/2014/f/f5/Linkoping_sweden_solution.png"/>
-
                <li><a href="#">5</a></li>
+
</div>
-
                <li><a href="#">6</a></li>
+
        </a>
-
            </ul>
+
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Biology" title="The biology">
-
</div>
+
<div id="pBiology" class="project-panel">
-
            </li>
+
  <img src="https://static.igem.org/mediawiki/2014/f/fb/Linkoping_sweden_biology.png"/>
-
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/HumanPractice_main">Human Practice</a></li>
+
</div>
-
          <li><a href ="https://2014.igem.org/Team:Linkoping_Sweden/Safety_main">Safety</a></li>
+
         </a>
-
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook_main">Notebook</a></li>
+
-
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Team_main">Team</a></li>
+
-
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Sponsors_main">Sponsors</a></li>
+
-
          <li><a href="https://www.facebook.com/LiuIgem"><img src="http://i946.photobucket.com/albums/ad302/lewnidasliolios/facebook_button_black_zpsd31a5167.png" alt="facebook" height="20px"></a></li>
+
-
          <li>
+
-
                    <div id="onofflogo">
+
-
                        <a onclick="changemenu()" title="iGEM wiki buttons">
+
-
                                    <img id="ooswitch" src="https://static.igem.org/mediawiki/2013/7/72/PB_LogoOff.gif" style="margin-top:0px; background:black;" height="15px">
+
-
                        </a>
+
-
                    </div>
+
-
          </li>
+
-
         </ul>
+
-
    </nav>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
<div class="jumbotron">
+
-
<div class="container">
+
-
+
-
<h1>HÄR SÄTTER VI BILDEN</h1>
+
-
<p>just här</p>
+
-
+
</div>
</div>
 +
  </div>
</div>
</div>
-
 
-
<div class="container">
 
-
          <div class="row">
 
-
            <div class="col-md-4">
 
-
              <h3 class="text-center">Sak 1</h3>
 
-
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
 
-
 
-
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
 
-
 
-
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
 
-
            </div>
 
-
 
-
            <div class="col-md-4">
 
-
              <h3 class="text-center">Sak 2</h3>
 
-
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
 
-
 
-
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
 
-
 
-
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
 
-
            </div>
 
-
 
-
            <div class="col-md-4">
 
-
           
 
-
              <h3 class="text-center">Sak 3</h3>
 
-
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
 
-
 
-
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
 
-
 
-
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
 
-
            </div>
 
-
          </div>
 
-
        </div>
 
-
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
-
<script type="text/javascript">
 
-
  function changemenu(){
 
-
    if($('.left-menu').is(":visible")) {
 
-
      $('.left-menu').hide();
 
-
      $('.right-menu').hide();
 
-
      document.getElementById('ooswitch').style.backgroundColor = "rgb(0,0,0)";
 
-
    }else{
 
-
      $('.left-menu').show();
 
-
      $('.right-menu').show();
 
-
      document.getElementById('ooswitch').style.backgroundColor = "rgb(228,45,51)";
 
-
    }
 
-
  }
 
-
 
-
</script>
 
-
 
-
  </body>
 
</html>
</html>
{{:Team:Linkoping_Sweden/footer}}
{{:Team:Linkoping_Sweden/footer}}

Revision as of 16:09, 16 July 2014

Hit Counter by Digits
Linköping University
581 83 Linköping, Sweden
liuigemgroup@gmail.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:Linkoping_Sweden"