Biomod/2011/Slovenia/BioNanoWizards/tour

From OpenWetWare
Revision as of 16:44, 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; border:1px;}
  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="#pic15"><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>Welcome to a tour of our project</h3> <p>Please take 5 minutes and quickly surf through the presentation of our work. Click thumbnails on the right site of the screen </p> to see full size pictures.</div> <div id="pic2"> <img src="http://openwetware.org/images/7/7b/TOUR2.JPG"> <h3></h3> <p></p> </div> <div id="pic3"> <img src="http://openwetware.org/images/d/d7/TOUR3.JPG"> <h3></h3> <p></p> </div> <div id="pic4"> <img src="http://openwetware.org/images/0/03/TOUR4.JPG"> <h3></h3> <p></p> </div> <div id="pic5"> <img src="http://openwetware.org/images/8/85/TOUR5.JPG"> <h3></h3> <p></p> </div> <div id="pic6"> <img src="http://openwetware.org/images/5/52/TOUR6.JPG"> <h3></h3> <p></p> </div> <div id="pic7"> <img src="http://openwetware.org/images/b/b7/TOUR7.JPG"> <h3></h3> <p></p> </div> <div id="pic8"> <img src="http://openwetware.org/images/1/1e/TOUR8.JPG"> <h3></h3> <p></p> </div> <div id="pic9"> <img src="http://openwetware.org/images/1/13/TOUR9.JPG"> <h3></h3> <p></p> </div> <div id="pic10"> <img src="http://openwetware.org/images/3/33/TOUR10.JPG"> <h3></h3> <p></p> </div>

<div id="pic11"> <img src="http://openwetware.org/images/7/7b/TOUR11.JPG"> <h3></h3> <p></p> </div>

<div id="pic12"> <img src="http://openwetware.org/images/9/91/TOUR12.JPG"> <h3></h3> <p></p> </div>

<div id="pic13"> <img src="http://openwetware.org/images/2/23/TOUR13.JPG"> <h3></h3> <p></p> </div>

<div id="pic14"> <img src="http://openwetware.org/images/f/f9/TOUR14.JPG"> <h3></h3> <p></p> </div>

<div id="pic15"> <img src="http://openwetware.org/images/5/5c/TOUR15.JPG"> <h3></h3> <p></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>