Team:Wageningen UR/Testpage

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** The following section shouldn't be edited if you are not completely sure about what you are doing. *** -->
+
<html>
 +
  <head>
 +
 
 +
  <script src="jquery.js" type="text/javascript"></script>
 +
 
 +
  <style type="text/css">
 +
  @import url(http://fonts.googleapis.com/css?family=Crimson+Text);
 +
  @import url(http://fonts.googleapis.com/css?family=Vollkorn+Sans);
 +
   
 +
h2 {
 +
  font-family: 'Vollkorn', arial, sans;
 +
  font-size: 19px;
 +
  color: #34b233;
 +
  text-shadow: 0 3px 0 #372c24;
 +
  text-decoration: none;
 +
  }
 +
 
 +
a {
 +
  font-family: 'Vollkorn', arial, sans;
 +
  font-size: 17px;
 +
  color: #005172;
 +
  }
-
{{:Team:Wageningen_UR/Templates/HeaderFooterStyle}}
+
/* h3.hovered, h3:hover {
-
{{:Team:Wageningen_UR/Templates/NavigationLeft2}}
+
    color: #34b233;
 +
} */
 +
 
 +
h4 {
 +
  font-family: 'Vollkorn', arial, sans;
 +
  font-size: 16px;
 +
  color: #005172;
 +
  }  
 +
 
 +
  p {
 +
  text-align: justify;
 +
  }
-
<!-- *** End of the "please do not edit" section. For the rest: Go ahead! :) *** -->
+
    /* Wiki Hacks - START */
-
== Main Title ==
+
/* Author: Pieter van Boheemen */
-
=== Sub title ===
+
/* Team: TU Delft */
-
[http://www.lipsum.com/ Lorem ipsum] dolor sit amet, consectetur adipiscing elit. Donec condimentum cursus congue. Nam tellus nisi, placerat quis pellentesque congue, luctus quis ipsum. Morbi eleifend placerat tortor quis fringilla. Nulla et justo tortor, ut ultrices erat. Nullam massa erat, tincidunt vel dictum at, bibendum eu lacus. Nunc pellentesque sodales bibendum. Nullam vitae felis quis ante porttitor euismod. Nullam id arcu mi, fermentum porta enim. Pellentesque lacinia semper urna, et lacinia augue imperdiet quis. Phasellus a lorem augue, sed viverra leo. Morbi consectetur enim quis metus auctor placerat quis vel dui. Praesent ac justo id ligula posuere varius vitae a quam. Curabitur tempus, risus ac sagittis eleifend, erat eros ornare augue, vel venenatis nunc neque ut felis. Ut tincidunt feugiat sodales. Suspendisse lacus ligula, placerat id venenatis ut, placerat mattis purus. Donec libero justo, rhoncus ut pulvinar nec, pellentesque nec tortor. Aliquam risus arcu, imperdiet eget pretium vitae, semper et dolor.
+
/* modified sligthly by Dorett Odoni for the Wageningen UR Team */
 +
 +
#globalWrapper
 +
{
 +
background-color: #005172;
 +
background-image: url('https://static.igem.org/mediawiki/2011/f/f0/Mainbackground-blue.png');
 +
background-repeat: repeat-x;
 +
border: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
height:100%;
 +
}
 +
 +
#content
 +
{
 +
background-color: white;
 +
border: none;
 +
padding: 0;
 +
margin: auto;
 +
width: 1000px;
 +
overflow: hidden;
 +
height: 100%;
 +
}
 +
 +
#bodyContent
 +
{
 +
border: none;
 +
padding:0;
 +
margin:0;
 +
width:100%;
 +
height:100%;
 +
}
 +
 +
#top-section
 +
{
 +
height: 15px;
 +
margin: 0px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0 !important;
 +
padding: 0;
 +
border: none;
 +
font-size: 10px;
 +
}
 +
 +
#p-logo
 +
{
 +
height: 1px;
 +
overflow: hidden;
 +
display: none;
 +
}
 +
     
 +
      #search-controls
 +
{
 +
overflow: hidden;
 +
display: block;
 +
background: none;
 +
position: absolute;
 +
top: 35px;
 +
right: -10px;
 +
}
 +
       
 +
      #footer-box
 +
{
 +
width: 1000px;
 +
margin: -10px auto 0 auto;
 +
padding: 20px 0;
 +
}
 +
       
 +
        .visualClear
 +
{
 +
display: none;
 +
}
 +
 +
#footer
 +
{
 +
border: none;
 +
width: 965px;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
 +
.firstHeading
 +
{
 +
display: none;
 +
}
 +
 +
#f-list a  
 +
{
 +
color: #005172;
 +
font-size: 10px;
 +
}
 +
 +
#f-list a:hover
 +
{
 +
color: #34b233;
 +
}
 +
 +
.printfooter
 +
{
 +
display: none;
 +
}
 +
 +
#footer ul
 +
{
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#footer ul li
 +
{
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
padding: 0;
 +
}
 +
 +
/* Wiki Hacks - END */
-
Phasellus vel nibh non erat blandit varius. Aliquam sed leo felis, pulvinar cursus felis. Aenean non magna augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lectus justo, vestibulum et consequat in, elementum sed massa. Fusce sem diam, sodales quis fringilla ut, malesuada eu erat. Mauris vestibulum vulputate tortor ut egestas. Pellentesque hendrerit, ante congue consequat rhoncus, tellus sem ultricies erat, id ullamcorper metus ligula ac dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In placerat, neque vel viverra suscipit, augue risus ornare lectus, vel adipiscing tortor massa et diam. Nam at mattis dolor. Maecenas accumsan nibh a risus laoreet ac condimentum sapien semper. In hac habitasse platea dictumst. Proin pellentesque feugiat risus, vel porttitor tortor porta id.
+
  #sideBar
 +
{
 +
  float: left;
 +
  width: 20%;
 +
  height: 100%;
 +
  margin: 1em;
 +
  }
-
Sed semper diam quis felis scelerisque fringilla. Morbi eu lorem nulla, ut lacinia nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vitae leo sit amet libero egestas sollicitudin. In sed dui ligula. Nulla sollicitudin accumsan interdum. Mauris accumsan velit non lacus porta tristique. Curabitur ac nisi non nunc scelerisque fermentum id eu eros. Nullam scelerisque mattis nunc id interdum. Nunc vitae tortor eget ipsum egestas lacinia nec at tellus. Praesent gravida ultricies dolor. Nulla vel est metus. Sed condimentum semper arcu, et facilisis elit auctor id.
+
 +
#navIntroduction {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navIntroduction.hovered, #navIntroduction:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
}
 +
 +
#navTeam {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navTeam.hovered, #navTeam:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  }
 +
 +
#navProject1 {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navProject1.hovered, #navProject1:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
}
 +
 +
#navProject2 {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navProject2.hovered, #navProject2:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
}
 +
 +
#navSafety {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navSafety.hovered, #navSafety:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  }
-
In mollis rutrum accumsan. Donec faucibus, urna eu tincidunt egestas, nibh magna hendrerit velit, vitae rutrum lectus sapien id magna. Pellentesque tristique feugiat odio, non molestie ligula dictum sit amet. Donec lacinia sagittis purus, placerat gravida dui rhoncus vel. Duis gravida fermentum lacus, eget mollis mi consectetur vestibulum. Aenean rhoncus justo et metus congue et feugiat lorem accumsan. Mauris imperdiet iaculis sollicitudin. Vivamus congue congue aliquam. Sed nec magna nec erat tempor fermentum. Proin eu purus a est tempor accumsan. Cras et turpis nisi. Pellentesque vitae justo in eros pharetra lacinia vel quis libero. Vestibulum ante felis, molestie vel vestibulum vel, ullamcorper non quam.
+
#navSoftware {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navSoftware.hovered, #navSoftware:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  }
 +
 +
#navSponsors {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navSponsors.hovered, #navSponsors:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  }
-
Praesent non massa quam. Nullam molestie sodales mauris, id bibendum massa vestibulum nec. Sed non felis est. Pellentesque cursus ultrices diam, non commodo enim rutrum accumsan. Phasellus interdum nisl id turpis dapibus ac consequat tellus facilisis. Pellentesque non justo sit amet dui tristique elementum ut eget tortor. Curabitur eu auctor diam. Suspendisse potenti. Donec condimentum augue et lacus varius a convallis nisl cursus. Fusce in diam dolor. Sed in velit quam, in suscipit nibh. Nam egestas fringilla mauris ac volutpat. Aenean eros enim, mattis vitae ultricies et, mollis non enim. Integer dictum congue mattis. Donec ac risus nec purus ultricies dictum in dignissim magna. Mauris mattis molestie dui, et rhoncus tortor commodo et. Phasellus sed libero ac turpis porta placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu quam elit, ac interdum tellus.
+
#navLinks {
 +
  background: transparent;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png');
 +
  background-repeat: no-repeat;
 +
  position: center;
 +
  height: 47px;
 +
  padding-left: 37px;
 +
  }
 +
 
 +
#navLinks.hovered, #navLinks:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png');
 +
  }
 +
 
 +
  #mainContent {
 +
  background: transparent;
 +
  float: right;
 +
  width: 74%;
 +
  height: 98.1%;
 +
  margin: 1em;
 +
  padding: auto;
 +
  }
 +
 +
#project1{
 +
  background: white;
 +
  width: 99.7%;
 +
  padding: 0.3%;
 +
  }
 +
 +
#TitleProject1{
 +
  background-image: url('https://static.igem.org/mediawiki/2011/5/5a/Mainbackground-blue2.png');
 +
  background-repeat: repeat-y;
 +
  width: 99.5%;
 +
  padding-left: 5px;
 +
  -moz-border-radius: 7px;
 +
  -webkit-border-radius: 7px
 +
  }
 +
 
 +
 
 +
#project2 {
 +
  background: white;
 +
  width: 99.7%;
 +
  margin: auto;
 +
  padding:  0.3%;
 +
  }
 +
 
 +
#TitleProject2{
 +
  background-image: url('https://static.igem.org/mediawiki/2011/5/5a/Mainbackground-blue2.png');
 +
  background-repeat: repeat-y;
 +
  width: 99.5%;
 +
  padding-left: 5px;
 +
  -moz-border-radius: 7px;
 +
  -webkit-border-radius: 7px
 +
  }
 +
 +
#header {
 +
  background: white;
 +
  background-image: url('https://static.igem.org/mediawiki/2011/2/2c/1chameleon.png');
 +
  background-repeat: no-repeat;
 +
  background-position: center;
 +
  margin: 1em;
 +
  height: 98px;
 +
  width: 975px;
 +
  }
 +
 +
  </style>
 +
 
 +
  </head>
 +
 
 +
  <body>
 +
 +
<div id="global wrapper">
 +
<div id ="header">
 +
</div>
 +
<div id="mBody">
 +
<div id="sideBar">
 +
<div id="navIntroduction" class="hoverable">
 +
<h3>Introduction</h3>
 +
</div>
 +
<div id="navProject1">
 +
<h3>Oscillator</h3>
 +
</div>
 +
<div id="navProject2">
 +
<h3>Fungal track 'n trace</h3>
 +
</div>
 +
                <div id="navSoftware">
 +
<h3>Software</h3>
 +
</div>
 +
<div id="navSafety">
 +
<h3>Safety</h3>
 +
</div>
 +
<div id="navSponsors">
 +
<h3>Sponsors</h3>
 +
</div>
 +
<div id="navLinks">
 +
<h3>Links</h3>
 +
</div>
 +
</div>
 +
<div id="mainContent">
 +
<div id="project1">
 +
<div id="TitleProject1">
 +
<h2>Oscillator project (name?)</h2>
 +
                                      </div>
 +
<div id="AbstractProject1">
 +
    <h4> Abstract</h4>
 +
 
 +
<p> Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
 
 +
--
 +
 
 +
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
 +
 
 +
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 +
 
 +
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
 +
</div>
 +
</div>
 +
<div id="project2">
 +
<div id="TitleProject2">
 +
<h2>Fungal track 'n trace project (name?)</h2>
 +
</div>
 +
<div id="AbstractProject2">
 +
    <h4> Abstract</h4>
 +
<p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
 +
 
 +
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
 +
 
 +
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 21:31, 23 May 2011

Oscillator project (name?)

Abstract

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -- Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Fungal track 'n trace project (name?)

Abstract

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.