Team:Linkoping Sweden

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
 
<html>
<html>
-
<!--main content -->
+
<title>Linköpings ascoola iGEM-projekt!</title>
-
<table width="70%" align="center">
+
 +
<style type="text/css">
-
<!--welcome box -->
+
* { margin: 0px; padding: 0px;}
-
<tr>
+
.clear {clear:both;}
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
.clearleft {display:block; clear:left;}
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
.clearright{display:block; clear:right;}
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
.hide {display:none;}
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
a {color:#666600;}
-
<br>
+
a:visited {color:#999999;}
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Linkoping_Sweden&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
a:active {color:#669900;}
-
</td>
+
a:hover {color:#666600; text-decoration:none;}
-
</tr>
+
body {background: url(https://static.igem.org/mediawiki/2014/9/93/Linkoping_background.jpg) repeat-x #FFFFFF;;}
 +
#wrap{ width:699px; margin:0px auto 15px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
/*Header*/
-
<!-- end welcome box -->
+
#sitename {display:block; padding:15px 5px 0px 75px; font-size:25px; text-transform:uppercase;}
-
<tr>
+
#sitename span {font:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000000;}
 +
#topbar {background-image:url(https://static.igem.org/mediawiki/2014/1/1d/Linkoping_topbackground.jpg); background-repeat:no-repeat; height:48px;}
 +
#header {background-image:url(https://static.igem.org/mediawiki/2014/3/3f/Linkoping_header.jpg); background-repeat:no-repeat;height:154px;}
 +
#header .siteslogan {display:block; font: normal 20px Georgia, "Times New Roman", Times, serif; text-align:center; padding:45px 10px 0px 10px;}
-
<!--navigation menu -->
+
/*Header Menu*/
-
<td align="center" colspan="3">
+
#topmenu {display:block; list-style:none; padding:116px 10px 0px 20px;}
 +
#topmenu li {display:inline;}
 +
#topmenu a {display:block; float:left; height:28px; margin:0px 0px 0px 0px; text-decoration:none; padding:9px 15px 0px 15px; text-align:center;}
 +
#topmenu a, #topmenu a:visited, #topmenu a:active {background:url(https://static.igem.org/mediawiki/2014/7/73/Linkoping_menu1.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#E2E9C7;}
 +
#topmenu a:hover{background:url(https://static.igem.org/mediawiki/2014/5/5a/Linkoping_menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#ffffff;}
 +
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{background:url(images/menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#669900;}
-
<table  width="100%">
+
/*Content*/
-
<tr heigth="15px"></tr>
+
#content {background:url(https://static.igem.org/mediawiki/2014/2/26/Linkoping_contentbackground.jpg) repeat-y;}
-
<tr heigth="75px">
+
#mainpage { width:415px; float:left; padding:5px 5px 5px 25px;}
 +
#mainpage p {line-height:22px; margin:0px 0px 22px 0px;}
 +
#mainpage blockquote {background:#efefef; display:block; margin:5px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;}
 +
{border-width:0;}
 +
h1, h2, h3, h4, h5 {color:#669900; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
 +
#mainpage h1 {font-size:28px;}
 +
#mainpage h2 {font-size:24px;}
 +
#mainpage h3 {font-size:20px;}
 +
#mainpage h4 {font-size:18px;}
 +
#mainpage h5 {font-size:16px;}
 +
.postlist {list-style:none; margin:0px}
 +
.postlist li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
 +
.subhead{font-size:12px; color:#669900; font-weight:bold; display:block; margin:0px; background:#F4F7EA; margin:10px 0px 0px 0px; padding:2px;}
 +
.postlist a,.postlist a:visited, .postlist a:active {display:block; padding:3px 3px 3px 25px; background: url(https://static.igem.org/mediawiki/2014/e/e5/Linkoping_bullet.jpg) no-repeat 3px #F7FAEF; color:#666666; text-decoration:none;}
 +
.postlist a:hover { background: url(https://static.igem.org/mediawiki/2014/7/73/Linkoping_bullet2.jpg) no-repeat 3px #FFFEE6; color:#000000; text-decoration:none;}
 +
#content #mainpage ol {margin:10px 10px 10px 25px;}
 +
#content #mainpage ol li {padding:5px 5px 5px 20px;}
 +
#content #mainpage ul li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
 +
/*Tables*/
 +
table { width:98%; border:solid 3px #CCCCCC; background:#efefef;}
 +
th {background: #FFFFCC; padding:3px; border-bottom:dashed 1px #CCCCCC; text-align:left;}
 +
td {padding:3px;}
 +
/*forms*/
 +
form {margin:0; padding:0;}
 +
.textfield {width:190px; background-color: #F3F4E8; margin:0px; border: 1px solid #D6D9AE;}
 +
.button {display: block; padding:0px; background-color:#E3E6C8; margin:3px; border: 2px solid #efefef; color:#999933;}
 +
.textfield:hover {background:#FBFCF8;}
 +
.textfield:focus {background:#ffffff;}
 +
/*gallery*/
 +
.gallery {background:#efefef; margin:0px 0px 10px 0px; padding:5px;}
 +
.gallery .box {display:block; height:100px; float:left; width:43%; padding:10px 5px 5px 5px; margin:8px; background:#ffffff; text-align:center;}
 +
.box img {background:#efefef; padding:5px;}
 +
.box .caption {display:block; text-align:center;}
 +
.box a img, .box a:visited img, .box a:active img {border:solid 1px #cccccc;}
 +
.box a:hover img {border:solid 1px #000000;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/*Blog posts*/
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden"style="color:#000000">Home </a> </td>
+
h2 .postdate {display:block; float:left; background:url(https://static.igem.org/mediawiki/2014/5/5c/Linkoping_dateballoon.jpg) no-repeat; width:55px; height:60px;}
 +
.post {margin:10px 0px 10px 0px;}
 +
.post img { display:block; background:#efefef; border:solid 1px #cccccc; padding:5px;}
 +
.post h2 a,.post h2 a:visited,.post h2 a:active{color:#669900; text-decoration:none;}
 +
.post h2 a:hover {color:#000000;}
 +
.post .left {float:left; margin:5px;}
 +
.post .right {float:right; margin:5px;}
 +
.metadata{display:block; clear:left; font-size:10px; color:#999999; border-top:solid 1px #efefef; text-align:right;}
 +
.postinfo {display:block; clear:left; border-top: solid 2px #cccccc; padding:5px; }
 +
.comments a, .comments a:visited, .comments a:active{display:block; float:right; background:url(https://static.igem.org/mediawiki/2014/0/05/Linkoping_comment2.jpg) no-repeat; width:75px; height:27px; padding:10px 3px 0px 50px; font-size:8px; text-decoration:none;}
 +
.comments a:hover{background:url(https://static.igem.org/mediawiki/2014/7/79/Linkoping_comment.jpg) no-repeat;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*Comments*/
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Team"style="color:#000000"> Team </a> </td>
+
.nocomments {color:#999999; font-size:10px; display:block;}
 +
.commentlist {background: #F5F3E9; list-style-type:decimal; list-style-position:inside;}
 +
.commentlist li {border-bottom:solid 2px #FDFCE1; padding:5px;}
 +
.commentlist cite {display:block; color:#669900; font-weight:bold; padding:0px 3px 3px 20px;}
 +
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
 +
.commenttxt {display:block; padding:5px 5px 5px 15px;}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*Sidebar*/
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Linkoping_Sweden"style="color:#000000"> Official Team Profile </a></td>
+
#sidebar { margin:0px 0px 0px 435px; background:url(https://static.igem.org/mediawiki/2014/c/c8/Linkoping_sidebarbackground.jpg) repeat-y;}
 +
#sidebarcontents {padding:5px 15px 5px 25px;}
 +
#sidebarbottom {background:url(https://static.igem.org/mediawiki/2014/0/07/Linkoping_sidebarbottom.jpg) no-repeat 0px; height:74px;}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/*Sidemenu*/
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Project"style="color:#000000"> Project</a></td>
+
#menu {list-style:none;}
 +
#menu li ul {list-style:none;}
 +
#menu li ul li {display:block; height:25px; border-bottom:solid 1px #efefef;}
 +
#menu li ul a, #menu li ul a:visited, #menu li ul a:active {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#333333;}
 +
#menu li ul  a:hover {background:#F8F9F2; color:#000000;}
 +
#menu h2 { display:block; border-bottom:solid 1px #D2E6CA; padding:5px; margin:10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#669900; font-weight:bold;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*footer*/
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Parts"style="color:#000000"> Parts</a></td>
+
#footer {background:url(https://static.igem.org/mediawiki/2014/a/af/Linkoping_footer.jpg) no-repeat; height:36px; padding:10px; color:#FFFFFF;}
 +
#credit {font-size:10px; padding:3px;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</style>
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<div id="wrap">
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<!-- Topbar -->
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Safety"style=" color:#000000"> Safety </a></td>
+
<div id="topbar">
-
 
+
  <h1 id="sitename">Linköpings ascoola projekt</h1>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</div>
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Linkoping_Sweden">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Attributions">Attributions</a> </li>
+
 +
<!-- Topmeny -->
 +
<div id="header">
 +
<ul id="topmenu">
 +
<li class="active"><a href="index.html">Home</a>
 +
</li>
 +
<li><a href="blog.html">Team</a>
 +
</li>
 +
<li><a href="notes.html">Project</a>
 +
</li>
 +
<li><a href="notes.html">Parts</a>
 +
</li>
 +
<li><a href="notes.html">Modelling</a>
 +
</li>
 +
<li><a href="notes.html">Notebook</a>
 +
</li>
 +
<li><a href="notes.html">Safety</a>
 +
</li>
 +
<li><a href="notes.html">Attribution</a>
 +
</li>
</ul>
</ul>
 +
</div>
-
</td>
 
-
<td > </td>
+
<!-- Första rubriken -->
-
<td width="45%">
+
<div id="content">
-
 
+
<div id="mainpage">
-
<p>There are a few wiki requirements teams must follow:</p>
+
<h2>Om iGEM Linköping</h2>
-
<ul>
+
    <p>
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
Oj oj oj vilket bra lag vi är. Och vilken fin wikisida!
-
<li>All pages must be created under the team’s name space.</li>
+
</p>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
<!-- Nyheter -->
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
<span class="subhead">Nyheter och sånt</span>
 +
<ul class="postlist">
 +
<li><a href="#">Lorem Ipsum Dolor 123</a></li>
 +
<li><a href="#">Lorem Ipsum Dolor 123</a></li>
 +
<li><a href="#">Download Lorem Ipsum Dolor 123</a></li>
 +
<li><a href="#">Tables Example</a></li>
 +
<li><a href="#">Blog Entries Example</a></li>
 +
<li><a href="#">Other Styles</a></li>
 +
<li><a href="#">Notes</a></li>
</ul>
</ul>
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
+
<!-- Här kan man visa lite bilder -->
-
</tr>
+
<span class="subhead">Om man vill visa bilder?</span>
 +
<div class="gallery">
 +
<div class="box"><a href="#"><img src="images/1.jpg" alt="Image 1" width="100" height="75" /></a>
 +
<span class="caption">Caption 1</span></div>
 +
<div class="box"><a href="#"><img src="images/2.jpg" alt="Image 2" width="100" height="66" /></a>
 +
<span class="caption">Caption 2</span></div>
 +
<span class="clearleft"></span>
 +
<div class="box"><a href="#"><img src="images/4.jpg" alt="Image 4" width="100" height="66" /></a>
 +
<span class="caption">Caption 3</span></div>
 +
<div class="box"><a href="#"><img src="images/3.jpg" alt="Image 3" width="100" height="66" /></a>
 +
<span class="caption">Caption 4</span></div>
 +
<span class="clearleft"></span>
 +
<div class="box"><a href="#"><img src="images/1.jpg" alt="Image 1" width="100" height="75" /></a>
 +
<span class="caption">Caption 5</span></div>
 +
<div class="box"><a href="#"><img src="images/2.jpg" alt="Image 2" width="100" height="66" /></a>
 +
<span class="caption">Caption 6</span></div>
 +
<span class="clearleft"></span>
 +
</div>
 +
<!-- Här slutar vänsterkolumnen -->
 +
    </div>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<!-- Här börjar högerkolumnen -->
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<div id="sidebar">
 +
<div id="sidebarcontents">  
 +
<ul id="menu">
 +
<!-- Första menyn -->
 +
<li><h2>Categories</h2></li>
 +
<li>
 +
<ul>
 +
    <li><a href="#">Lorem Ipsum </a></li>
 +
<li><a href="#">Dolor sit amet</a></li>
 +
        <li><a href="#">Consectetuer</a></li>
 +
  </ul>
 +
</li>
 +
<li>
-
<!--tips  -->
+
<!-- Andra menyn -->
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
  <h2>Blogroll</h2>
-
 
+
</li>
-
<tr>
+
<li>
-
<td width="45%" valign="top">
+
<ul>
-
<p>We are currently working on providing teams with some easy to use design templates.
+
    <li><a href="#">Kanske</a></li>
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
<li><a href="#">Inte</a></li>
-
 
+
        <li><a href="#">Nödvändig</a></li>
-
<ul>
+
  </ul>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
</li>
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
</ul>
</ul>
 +
</div>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
<!-- Här börjar fotmenyn -->
-
</td>
+
  <div id="sidebarbottom"></div>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
<div id="footer">
 +
Linköping iGEM CC |<a href="#">Links</a> | <a href="#">Goes</a> | <a href="#">Here</a></div>
-
<td> </td>
+
<!-- Här börjar credit -->
-
<td width="45%">  
+
<div id="credit">
-
 
+
Template by RamblingSoul.com
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</div></div>
-
 
+
-
<ul>
+
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 19:03, 24 May 2014

Linköpings ascoola iGEM-projekt!

Linköpings ascoola projekt

Om iGEM Linköping

Oj oj oj vilket bra lag vi är. Och vilken fin wikisida!

Nyheter och sånt Om man vill visa bilder?
Template by RamblingSoul.com