Biomod/2011/Slovenia/BioNanoWizards/tour: Difference between revisions

Revision as of 23:05, 2 November 2011

 <style>

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 */ } }

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

.firstHeading {display:none;}

footer {display:none;}
content {background-color: #e3e3e3; border:0; padding:0; margin:0;}
bodyContent {background: none; border:0x; padding0; margin:0;}
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 { }

wrapper {

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

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 */

logo {

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

logolinknabiomod {

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

logolinknabiomod h1, #logo p {

}

logolinknabiomod h1 {

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

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; }

logolinknabiomod a {

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

splash {

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

page {

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

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 */

footer-content {

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

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; }

footer-content h2 {

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

footer-content ul {

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

footer-content a {

color: #447ECF; }

column1 {

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

column2 {

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

footerCSS {

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

footerCSS p {

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

footerCSS a {

color: #202020; }

marketing {

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

marketing .text1 {

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

marketing .text2 {

float: right; }

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; } /* ================================================================ 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. =================================================================== */

gallery {

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

gallery #slides {position:absolute; right:10px; top:0; height:550px; width:123px; overflow:hidden; text-align:center; z-index:500;}
gallery #slides div {width:123px; height:550px; position:relative; padding-top:10px;}
gallery #slides div ul {padding:0; margin:0; list-style:none; width:123px; height:550px}
gallery #slides div ul li {float:left; padding:1px 0; width:123px; height:69px;}
gallery #slides div ul li a {display:block; width:123px; height:69px; float:left;}
gallery #slides div ul li a b {display:none;}
gallery #slides div ul li a.previous {background:url(http://openwetware.org/images/c/c3/Gumbgor.jpg) no-repeat center center;}
gallery #slides div ul li a.next {background:url(http://openwetware.org/images/f/ff/Gumbdol.jpg) no-repeat center center;}
gallery #slides div ul li a img {display:block; width:123px; height:69px; border:0;}
gallery #slides div ul li img.blank {margin:0 auto; padding-top:11px;}
gallery #slides div ul li a:focus {outline:0;}
gallery #fullsize {position:absolute; left:0; top:0; height:550px; width:750px; overflow:hidden; text-align:center; z-index:200;}
gallery #fullsize div {width:750px; height:700px; padding-top:70px; position:relative;}
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;}
gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
gallery #fullsize div p {padding:5px 135px; margin:0; font-size:12px; line-height:18px;}

 </style>

</head> <body>

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

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

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

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

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

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

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

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

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

<a href="#slide9" class="previous">Previous</a>
<a href="#pic10"><img src="http://openwetware.org/images/3/33/TOUR10.JPG"></a>
<a href="#pic11"><img src="TOUR11.jpg"></a>
<a href="#pic12"><img src="TOUR12.jpg"></a>
<a href="#pic13"><img src="TOUR13.jpg"></a>
<a href="#pic14"><img src="TOUR14.jpg"></a>
<a href="#slide11" class="next">Next</a>

<a href="#slide10" class="previous">Previous</a>
<a href="#pic11"><img src="TOUR11.jpg"></a>
<a href="#pic12"><img src="TOUR12.jpg"></a>
<a href="#pic13"><img src="TOUR13.jpg"></a>
<a href="#pic14"><img src="TOUR14.jpg"></a>
<a href="#pic115"><img src="TOUR15.jpg"></a>
<img class="blank" src="http://openwetware.org/images/4/4b/Belgumb.jpg" alt="">

<img src="double-click/pic1.jpg"

alt="Winter branches">

Winter branches

Followed by some descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.

Wading birds

Another piece of descriptive text and again a <a href="http://www.cssplay.co.uk/">link</a>.

Bird on a post

Yet more descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.

Early bloomers

And another line of descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.

Green lizard

With descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.

Feeding the birds

A description of the picture can go here with a <a href="http://www.cssplay.co.uk/">link</a>.

A group of butterflies

Descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.

Ladybirds

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.

Butterfly

Followed by some descriptive text and maybe a <a href="http://www.cssplay.co.uk/">link</a>.