Team:Linkoping Sweden

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{Template:Team Linkoping}}
-
<head>
+
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
  $("#cfcontrols").on('mouseover', 'li', function() {
+
-
    $("#cf img").removeClass("opaque");
+
-
 
+
-
    var newImage = $(this).index();
+
-
    $("#cf img").eq(newImage).addClass("opaque");
+
-
 
+
-
    $("#cfcontrols li a span").removeClass("selected");
+
-
    $(this).addClass("selected");
+
-
  });
+
-
});
+
-
</script>
+
-
<style>
+
-
/*hide default igem banner and reformat style into blank slate*/
+
-
#globalWrapper {width: 100%;}
+
-
#search-controls {display:none;}
+
-
 
+
-
.printfooter {display:none;}
+
-
#footer-box {border:none;}
+
-
#catlinks {display:none;}
+
-
.firstHeading {display:none;}
+
-
#content {width: 100%; border:none;}
+
-
#bodyContent {border:none;}
+
-
body {width: 967px; margin:auto;background-color:white;}
+
-
 
+
-
.headerpic{
+
-
position:absolute;
+
-
z-index:-1;
+
-
}
+
-
 
+
-
#cf img {
+
-
  -webkit-transition: opacity 0.5s ease-in-out;
+
-
  -moz-transition: opacity 0.5s ease-in-out;
+
-
  -o-transition: opacity 0.5s ease-in-out;
+
-
  transition: opacity 0.5s ease-in-out;
+
-
  opacity:0;
+
-
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
  filter: alpha(opacity=0);
+
-
}
+
-
 
+
-
#cf img.opaque {
+
-
  opacity:1;
+
-
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=1);
+
-
}
+
-
 
+
-
#cssmenu ul {
+
-
list-style-type:none;
+
-
width:auto;
+
-
position:relative;
+
-
display:block;
+
-
height:32px;
+
-
font-size:.7em;
+
-
background:url(https://static.igem.org/mediawiki/igem.org/2/25/Bg_blue.png) repeat-x top left;
+
-
font-family:Verdana,Helvetica,Arial,sans-serif;
+
-
border:1px solid #000;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
 
+
-
#cssmenu li {
+
-
display:block;
+
-
float:left;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
 
+
-
#cssmenu li a {
+
-
float:left;
+
-
color:#527dff;
+
-
text-decoration:none;
+
-
height:24px;
+
-
padding:9px 15px 0;
+
-
font-weight:600;
+
-
 
+
-
}
+
-
 
+
-
#cssmenu li a:hover,
+
-
#cssmenu .active {
+
-
color:#fff;
+
-
background:url(https://static.igem.org/mediawiki/igem.org/2/25/Bg_blue.png) repeat-x top left;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
#cssmenu .active a {
+
-
color:#fff;
+
-
font-weight:700;
+
-
}
+
-
 
+
-
 
+
-
#cssmenu ul{
+
-
background-color:#527dff;
+
-
}
+
-
#cssmenu li a:hover,
+
-
#cssmenu li.active {
+
-
background-color:#fff;
+
-
}
+
-
 
+
-
#cf img {
+
-
  -webkit-transition: opacity 1s ease-in-out;
+
-
  -moz-transition: opacity 1s ease-in-out;
+
-
  -o-transition: opacity 1s ease-in-out;
+
-
  transition: opacity 1s ease-in-out;
+
-
}
+
-
  @keyframes cfFadeInOut {
+
-
  0% {
+
-
  opacity:1;
+
-
}
+
-
45% {
+
-
opacity:1;
+
-
}
+
-
55% {
+
-
opacity:0;
+
-
}
+
-
100% {
+
-
opacity:0;
+
-
}
+
-
}
+
-
 
+
-
#cf img.top {
+
-
animation-name: cfFadeInOut;
+
-
animation-timing-function: ease-in-out;
+
-
animation-iteration-count: infinite;
+
-
animation-duration: 10s;
+
-
animation-direction: alternate;
+
-
}
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<div id="header">
+
-
<div id="cf">
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic opaque" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/2013/3/33/Bgpicture3.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/Bgpicture1.png" class="headerpic" alt="Team Linköpng University" />
+
-
</div>
+
-
<img src="https://static.igem.org/mediawiki/igem.org/c/c5/Frame.png" alt="Team Linköpng University" />
+
-
</div>
+
-
<div id='cssmenu' style="width:910px">
+
-
<ul id="cfcontrols">
+
-
<li class='active'><a href='#'><span class="selected">Home</span></a></li>
+
-
<li><a href='#'><span>Team</span></a></li>
+
-
<li><a href='#'><span>Profile</span></a></li>
+
-
<li><a href='#'><span>Project</span></a></li>
+
-
    <li><a href='#'><span>Parts</span></a></li>
+
-
<li><a href='#'><span>Models</span></a></li>
+
-
<li><a href='#'><span>Notebook</span></a></li>
+
-
<li><a href='#'><span>Safety</span></a></li>
+
-
<li><a href='#'><span>Attributions</span></a></li>
+
-
</ul>
+
-
</div>
+
-
</body>
+
-
</html>
+
==Example text==
==Example text==
A common form of ''lorem ipsum'' text reads as follows:
A common form of ''lorem ipsum'' text reads as follows:

Revision as of 15:30, 11 June 2013

Example text

A common form of lorem ipsum text reads as follows:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Another version of the text uses the word "adipisici" (rather than "adipisicing"; the digraph ng at the end of words is alien to classical Latin). Other versions of lorem ipsum include additional words to add variety so that repeated verses will not word-wrap on the same phrases.

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