Biomod/2011/Slovenia/BioNanoWizards/tour

From OpenWetWare
Revision as of 16:27, 2 November 2011 by Vid Kocar (talk | contribs)
Jump to navigationJump to search

<html> <head> 

 <style>
  1. globalWrapper {width: 1000px; padding:0; border:0; margin:0 auto 0 auto;}

@media screen { body { background: #E3E3E3 0 0 0 0 no-repeat; /* changed default background */ } }

  1. column-one {display:none; width:0px;}
  2. contentSub {display:none; width:0px;}
  3. column-content {border:0px; width: 1000px; padding:0; margin:0;}

.firstHeading {display:none;}

  1. footer {display:none;}
  2. content {background-color: #e3e3e3; border:0; padding:0; margin:0;}
  3. bodyContent {background: none; border:0x; padding0; margin:0;}
  4. header{display:none;}
 </style>
 <style type="text/css">

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License

  • /

body { margin: 0; padding:0; background: #E3E3E3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #616161; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: #274775; } a:hover { }

  1. wrapper {

margin: 0 auto; padding: 0; } .container { width: 1000px; margin: 0px auto; } /* Header */

  1. headercss {

width: 900px; height: 150px; margin: 0 auto; padding: 0px 50px; background: url(http://openwetware.org/images/8/89/Bannergallery.jpg) no-repeat left top; position: relative; z-index:10; } /* Logo */

  1. logo {

width: 800px; margin: 0 0 0 0; padding: 30px 0 0 0; }

  1. logolinknabiomod {

width: 800px; margin: 0 0 0 0; padding: 0 0 0 0; }

  1. logolinknabiomod h1, #logo p {

}

  1. logolinknabiomod h1 {

padding: 60px 0px 0px 0px; letter-spacing: -2px; font-size: 3.8em; background: none; }

  1. logolinknabiomod p {

margin: 0 0 0 0; padding: 0 0 0 0; letter-spacing: -1px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style: normal; color: #8e8e8e; } #logolinknabiomod p a { color: #8E8E8E; }

  1. logolinknabiomod a {

border: none; background: none; text-decoration: none; } /* Splash */

  1. splash {

height: 300px; } /* Menu */ /* Page */

  1. page {

width: 890px; margin: 0 auto; padding: 30px 55px; background: url(http://openwetware.org/images/e/e6/Lepidimg03.jpg) repeat-y left top; } /* Content */

  1. content {

float: left; width: 890px; height: 560px; padding: 0px 0px 0px 0px; background: none; } .post .entry { text-align: justify; font: Arial; letter-spacing: 0px; z-index:5; } /* Three Column Footer Content */

  1. footer-content {

background: url(http://openwetware.org/images/e/e3/Img04brezcrne.JPG) repeat-y left top; color: #BFBFBF; }

  1. footer-bg {

overflow: hidden; width: 890px; padding: 10px 55px 80px 55px; background: url(http://openwetware.org/images/0/06/Footerbrezozadja.jpg) no-repeat left bottom; }

  1. footer-content h2 {

margin: 0px; padding: 0px 0px 20px 0px; letter-spacing: -1px; text-transform: lowercase; font-size: 26px; color: #202020; }

  1. footer-content ul {

margin: 0px; padding: 0px 0px 0px 0px; }

  1. footer-content a {

color: #447ECF; }

  1. column1 {

float: left; width: 423px; margin: 0px 0px 0px 0px; text-align: justify; }

  1. column2 {

float: right; width: 423px; margin: 0px 0px 0px 0px; text-align: justify; } /* Footer */

  1. footerCSS {

height: 20px; width: 600px; padding: 0px 200px 0px 200px; font-family: Arial, Helvetica, sans-serif; }

  1. footerCSS p {

margin: 0; padding-top: 0px; line-height: normal; font-size: 9px; text-align: center; color: #202020; }

  1. footerCSS a {

color: #202020; }

  1. marketing {

overflow: hidden; margin-bottom: 30px; padding: 20px 0px 10px 0px; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }

  1. marketing .text1 {

float: left; margin: 0px; padding: 0 0 0 100px; font-size: 34px; color: #345E9B; }

  1. marketing .text2 {

float: right; }

  1. marketing .text2 a {

display: block; width: 252px; height: 38px; padding: 15px 100px 0px 0px; background: url(http://openwetware.org/images/f/f4/Lepidimg07.jpg) no-repeat left top; letter-spacing: -2px; text-align: center; font-size: 30px; color: #ffffff; } <!--TOUR OF OUR PROJECT STYLE START --> /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/double-click-gallery-vertical.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */

  1. gallery {

width:850px; height:550px; margin:0 auto; position:relative; font-family:verdana, arial, sans-serif; background:#fff; }

  1. gallery #slides {position:absolute; right:10px; top:0; height:550px; width:123px; overflow:hidden; text-align:center; z-index:500;}
  2. gallery #slides div {width:123px; height:550px; position:relative; padding-top:10px;}
  3. gallery #slides div ul {padding:0; margin:0; list-style:none; width:123px; height:550px}
  4. gallery #slides div ul li {float:left; padding:1px 0; width:123px; height:69px;}
  5. gallery #slides div ul li a {display:block; width:123px; height:69px; float:left;}
  6. gallery #slides div ul li a b {display:none;}
  7. gallery #slides div ul li a.previous {background:url(http://openwetware.org/images/c/c3/Gumbgor.jpg) no-repeat center center;}
  8. gallery #slides div ul li a.next {background:url(http://openwetware.org/images/f/ff/Gumbdol.jpg) no-repeat center center;}
  9. gallery #slides div ul li a img {display:block; width:123px; height:69px; border:0;}
  10. gallery #slides div ul li img.blank {margin:0 auto; padding-top:11px;}
  11. gallery #slides div ul li a:focus {outline:0;}
  12. gallery #fullsize {position:absolute; left:0; top:0; height:550px; width:750px; overflow:hidden; text-align:center; z-index:200;}
  13. gallery #fullsize div {width:750px; height:700px; padding-top:70px; position:relative;}
  14. gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:1px solid #eee; width:640px; height:360px; position:relative; background:#fff; padding:10px;}
  15. gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
  16. gallery #fullsize div p {padding:5px 135px; margin:0; font-size:12px; line-height:18px;}

<!-- TOUR OF OUR PROJECT STYLE END --> 

 </style>

</head> <body> <div id="wrapper"> <div id="headercss" class="container"> <div id="logo"> <div id="logolinknabiomod"> <p><a href="http://openwetware.org/wiki/Biomod/2011">&lt;-- Back to BioMod 2011</a></p> </div> </div> </div> <!-- end #header --> <div id="page" class="container"> <div id="content"> <div class="post"> <div class="entry"><!-- TOUR GALLERY START --> <div id="gallery"> <div id="slides">


<div id="slide1"> <ul> 

 <li><img class="blank" src="http://openwetware.org/images/4/4b/Belgumb.jpg"
alt=""></li>
 <li><a href="#pic1"><img
src="http://openwetware.org/images/8/86/TOUR1.JPG"></a></li>
 <li><a href="#pic2"><img
src="http://openwetware.org/images/7/7b/TOUR2.JPG"></a></li>
 <li><a href="#pic3"><img
src="http://openwetware.org/images/d/d7/TOUR3.JPG"></a></li>
 <li><a href="#pic4"><img
src="http://openwetware.org/images/0/03/TOUR4.JPG"></a></li>
 <li><a href="#pic5"><img
src="http://openwetware.org/images/8/85/TOUR5.JPG"></a></li>
 <li><a href="#slide2" class="next"><b>Next</b></a></li>

</ul> </div>


<div id="slide2"> <ul> 

 <li><a href="#slide1" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic2"><img
src="http://openwetware.org/images/7/7b/TOUR2.JPG"></a></li>
 <li><a href="#pic3"><img
src="http://openwetware.org/images/d/d7/TOUR3.JPG"></a></li>
 <li><a href="#pic4"><img
src="http://openwetware.org/images/0/03/TOUR4.JPG"></a></li>
 <li><a href="#pic5"><img
src="http://openwetware.org/images/8/85/TOUR5.JPG"></a></li>
 <li><a href="#pic6"><img
src="http://openwetware.org/images/5/52/TOUR6.JPG"></a></li>
 <li><a href="#slide3" class="next"><b>Next</b></a></li>

</ul> </div>

<div id="slide3"> <ul> 

 <li><a href="#slide2" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic3"><img
src="http://openwetware.org/images/d/d7/TOUR3.JPG"></a></li>
 <li><a href="#pic4"><img
src="http://openwetware.org/images/0/03/TOUR4.JPG"></a></li>
 <li><a href="#pic5"><img
src="http://openwetware.org/images/8/85/TOUR5.JPG"></a></li>
 <li><a href="#pic6"><img
src="http://openwetware.org/images/5/52/TOUR6.JPG"></a></li>
 <li><a href="#pic7"><img
src="http://openwetware.org/images/b/b7/TOUR7.JPG"></a></li>
 <li><a href="#slide4" class="next"><b>Next</b></a></li>

</ul> </div> <div id="slide4"> <ul> 

 <li><a href="#slide3" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic4"><img
src="http://openwetware.org/images/0/03/TOUR4.JPG"></a></li>
 <li><a href="#pic5"><img
src="http://openwetware.org/images/8/85/TOUR5.JPG"></a></li>
 <li><a href="#pic6"><img
src="http://openwetware.org/images/5/52/TOUR6.JPG"></a></li>
 <li><a href="#pic7"><img
src="http://openwetware.org/images/b/b7/TOUR7.JPG"></a></li>
 <li><a href="#pic8"><img
src="http://openwetware.org/images/1/1e/TOUR8.JPG"></a></li>
 <li><a href="#slide5" class="next"><b>Next</b></a></li>

</ul> </div> <div id="slide5"> <ul> 

 <li><a href="#slide4" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic5"><img
src="http://openwetware.org/images/8/85/TOUR5.JPG"></a></li>
 <li><a href="#pic6"><img
src="http://openwetware.org/images/5/52/TOUR6.JPG"></a></li>
 <li><a href="#pic7"><img
src="http://openwetware.org/images/b/b7/TOUR7.JPG"></a></li>
 <li><a href="#pic8"><img
src="http://openwetware.org/images/1/1e/TOUR8.JPG"></a></li>
 <li><a href="#pic9"><img
src="http://openwetware.org/images/1/13/TOUR9.JPG"></a></li>
 <li><a href="#slide6" class="next"><b>Next</b></a></li>

</ul> </div>

<div id="slide6"> <ul> 

 <li><a href="#slide5" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic6"><img
src="http://openwetware.org/images/5/52/TOUR6.JPG"></a></li>
 <li><a href="#pic7"><img
src="http://openwetware.org/images/b/b7/TOUR7.JPG"></a></li>
 <li><a href="#pic8"><img
src="http://openwetware.org/images/1/1e/TOUR8.JPG"></a></li>
 <li><a href="#pic9"><img
src="http://openwetware.org/images/1/13/TOUR9.JPG"></a></li>
 <li><a href="#pic10"><img
src="http://openwetware.org/images/3/33/TOUR10.JPG"></a></li>
 <li><a href="#slide7" class="next"><b>Next</b></a></li>

</ul> </div>

<div id="slide7"> <ul> 

 <li><a href="#slide6" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic7"><img
src="http://openwetware.org/images/b/b7/TOUR7.JPG"></a></li>
 <li><a href="#pic8"><img
src="http://openwetware.org/images/1/1e/TOUR8.JPG"></a></li>
 <li><a href="#pic9"><img
src="http://openwetware.org/images/1/13/TOUR9.JPG"></a></li>
 <li><a href="#pic10"><img
src="http://openwetware.org/images/3/33/TOUR10.JPG"></a></li>
 <li><a href="#pic11"><img
src="http://openwetware.org/images/7/7b/TOUR11.JPG"></a></li>
 <li><a href="#slide8" class="next"><b>Next</b></a></li>

</ul> </div>

<div id="slide8"> <ul> 

 <li><a href="#slide7" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic8"><img
src="http://openwetware.org/images/1/1e/TOUR8.JPG"></a></li>
 <li><a href="#pic9"><img
src="http://openwetware.org/images/1/13/TOUR9.JPG"></a></li>
 <li><a href="#pic10"><img
src="http://openwetware.org/images/3/33/TOUR10.JPG"></a></li>
 <li><a href="#pic11"><img
src="http://openwetware.org/images/7/7b/TOUR11.JPG"></a></li>
 <li><a href="#pic12"><img
src="http://openwetware.org/images/9/91/TOUR12.JPG"></a></li>
 <li><a href="#slide9" class="next"><b>Next</b></a></li>

</ul> </div>

<div id="slide9"> <ul> 

 <li><a href="#slide8" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic9"><img
src="http://openwetware.org/images/1/13/TOUR9.JPG"></a></li>
 <li><a href="#pic10"><img
src="http://openwetware.org/images/3/33/TOUR10.JPG"></a></li>
 <li><a href="#pic11"><img
src="http://openwetware.org/images/7/7b/TOUR11.JPG"></a></li>
 <li><a href="#pic12"><img
src="http://openwetware.org/images/9/91/TOUR12.JPG"></a></li>
 <li><a href="#pic13"><img
src="http://openwetware.org/images/2/23/TOUR13.JPG"></a></li>
 <li><a href="#slide10" class="next"><b>Next</b></a></li>

</ul> </div>


<div id="slide10"> <ul> 

 <li><a href="#slide9" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic10"><img
src="http://openwetware.org/images/3/33/TOUR10.JPG"></a></li>
 <li><a href="#pic11"><img
src="http://openwetware.org/images/7/7b/TOUR11.JPG"></a></li>
 <li><a href="#pic12"><img
src="http://openwetware.org/images/9/91/TOUR12.JPG"></a></li>
 <li><a href="#pic13"><img
src="http://openwetware.org/images/2/23/TOUR13.JPG"></a></li>
 <li><a href="#pic14"><img
src="http://openwetware.org/images/f/f9/TOUR14.JPG"></a></li>
 <li><a href="#slide11" class="next"><b>Next</b></a></li>

</ul> </div>


<div id="slide11"> <ul> 

 <li><a href="#slide10" class="previous"><b>Previous</b></a></li>
 <li><a href="#pic11"><img
src="http://openwetware.org/images/7/7b/TOUR11.JPG"></a></li>
 <li><a href="#pic12"><img
src="http://openwetware.org/images/9/91/TOUR12.JPG"></a></li>
 <li><a href="#pic13"><img
src="http://openwetware.org/images/2/23/TOUR13.JPG"></a></li>
 <li><a href="#pic14"><img
src="http://openwetware.org/images/f/f9/TOUR14.JPG"></a></li>
 <li><a href="#pic115"><img
src="http://openwetware.org/images/5/5c/TOUR15.JPG"></a></li>
 <li><img class="blank" src="http://openwetware.org/images/4/4b/Belgumb.jpg"
alt=""></li>

</ul> </div> </div>


<div id="fullsize"> <div id="pic1"> <img src="http://openwetware.org/images/8/86/TOUR1.JPG"> <h3>Winter branches</h3> <p>Followed by some descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic2"> <img src="http://openwetware.org/images/7/7b/TOUR2.JPG"> <h3>Wading birds</h3> <p>Another piece of descriptive text and again a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic3"> <img src="http://openwetware.org/images/d/d7/TOUR3.JPG"> <h3>Bird on a post</h3> <p>Yet more descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic4"> <img src="http://openwetware.org/images/0/03/TOUR4.JPG"> <h3>Early bloomers</h3> <p>And another line of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic5"> <img src="http://openwetware.org/images/8/85/TOUR5.JPG"> <h3>Green lizard</h3> <p>With descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic6"> <img src="http://openwetware.org/images/5/52/TOUR6.JPG"> <h3>Feeding the birds</h3> <p>A description of the picture can go here with a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic7"> <img src="http://openwetware.org/images/b/b7/TOUR7.JPG"> <h3>A group of butterflies</h3> <p>Descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic8"> <img src="http://openwetware.org/images/1/1e/TOUR8.JPG"> <h3>Ladybirds</h3> <p>The text can be over as many lines as you want, but you may need to adjust the size of the containing div to make sure that it can all be seen. The <a href="http://www.cssplay.co.uk/">link</a> can be used if you want.</p> </div> <div id="pic9"> <img src="http://openwetware.org/images/1/13/TOUR9.JPG"> <h3>Butterfly</h3> <p>Followed by some descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div> <div id="pic10"> <img src="http://openwetware.org/images/3/33/TOUR10.JPG"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

<div id="pic11"> <img src="http://openwetware.org/images/7/7b/TOUR11.JPG"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

<div id="pic12"> <img src="TOURc12.jpg"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

<div id="pic13"> <img src="http://openwetware.org/images/2/23/TOUR13.JPG"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

<div id="pic14"> <img src="http://openwetware.org/images/f/f9/TOUR14.JPG"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

<div id="pic15"> <img src="http://openwetware.org/images/5/5c/TOUR15.JPG"> <h3>Trees in the mist</h3> <p>Another piece of descriptive text and maybe a <a 

href="http://www.cssplay.co.uk/">link</a>.</p>

</div>

</div> </div> <!-- TOUR GALLERY END --> </div> </div> </div> <!-- end #content --> <div style="clear: both;">&nbsp;</div> </div> <!-- end #page --></div> <div id="footer-content" class="container">

<div id="footer-bg"> <div style="text-align: center;"><a 

href="http://openwetware.org/wiki/Biomod/2011/Slovenia/BioNanoWizards"><img
alt="" style="border: 0px solid ; width: 161px; height: 39px;"
src="http://openwetware.org/images/5/55/Backtowiki.jpg"></a></div>

</div> </div> <div id="footerCSS"> <p>BioNanoWizards - BioMod 2011 team Slovenia. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!-- end #footer --> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2011/Slovenia/BioNanoWizards/tour&oldid=562396"