Team:Linkoping Sweden

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<script type="text/javascript">
-
</div>
+
$(document).ready(function() {
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  $("#cfcontrols").on('mouseover', 'li', function() {
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
    $("#cf img").removeClass("opaque");
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    var newImage = $(this).index();
 +
    $("#cf img").eq(newImage).addClass("opaque");
 +
    $("#cfcontrols li a span").removeClass("selected");
 +
    $(this).addClass("selected");
 +
  });
 +
});
 +
</script>
 +
<style>
 +
.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);
 +
}
-
{|align="justify"
+
#cf img.opaque {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
  opacity:1;
-
|[[Image:Linkoping_Sweden_logo.png|200px|right|frame]]
+
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-
|-
+
  filter: alpha(opacity=1);
-
|
+
}
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Linkoping_Sweden_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Linkoping_Sweden | Team Linkoping_Sweden]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
#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;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#cssmenu li {
-
!align="center"|[[Team:Linkoping_Sweden|Home]]
+
display:block;
-
!align="center"|[[Team:Linkoping_Sweden/Team|Team]]
+
float:left;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Linkoping_Sweden Official Team Profile]
+
margin:0;
-
!align="center"|[[Team:Linkoping_Sweden/Project|Project]]
+
padding:0;
-
!align="center"|[[Team:Linkoping_Sweden/Parts|Parts Submitted to the Registry]]
+
}
-
!align="center"|[[Team:Linkoping_Sweden/Modeling|Modeling]]
+
 
-
!align="center"|[[Team:Linkoping_Sweden/Notebook|Notebook]]
+
#cssmenu li a {
-
!align="center"|[[Team:Linkoping_Sweden/Safety|Safety]]
+
float:left;
-
!align="center"|[[Team:Linkoping_Sweden/Attributions|Attributions]]
+
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/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" />
 +
<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>

Revision as of 14:04, 11 June 2013

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