Team:BIOSINT Mexico/Gallerie

From 2012e.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 8: Line 8:
}
}
#top-section{
#top-section{
-
height:13px;
+
height:0px;
border-left: none;
border-left: none;
border-right: none;
border-right: none;
Line 19: Line 19:
#content {
#content {
position: relative;
position: relative;
-
width: 1507px;
+
width: 100%;
margin:none;
margin:none;
padding:none;
padding:none;
-
background:none;
+
background:url(http://www.persoft.mx/biosint/sw_l_bg.png) repeat-y;
color:none;
color:none;
border-left:none;
border-left:none;
Line 42: Line 42:
margin: 0 auto;
margin: 0 auto;
border:none;
border:none;
 +
display: none;
 +
}
 +
 +
#globalWrapper {
 +
font-size: 83%;
 +
 +
}
 +
 +
.right-menu{
 +
display:none;
 +
}
 +
 +
 +
#menubar{
 +
 +
color: rgba(0,0,0,0.0);
 +
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
color: black;
 +
background: none;
 +
font-weight: normal;
 +
margin: 0;
 +
padding-top: .5em;
 +
padding-bottom: .17em;
 +
border-bottom: 0px;
}
}
Line 48: Line 75:
  <script language="javascript">
  <script language="javascript">
           $(document).ready(function() {
           $(document).ready(function() {
-
                
+
               
 +
               $("#menubar").children().children("li").css("color", "rgba(0,0,0,0.0)");
 +
                    $("#menubar").children().children("li").children("a").css("color", "rgba(0,0,0,0.0)");
 +
 
 +
 
               $("#menubar").hover(function() {
               $("#menubar").hover(function() {
                     $(this).children().children("li").css("color", "#fff");
                     $(this).children().children("li").css("color", "#fff");
Line 68: Line 99:
<!--
<!--
html,body{height:100%}
html,body{height:100%}
-
body {margin:0; padding:0; background:#333 url(http://www.persoft.mx/biosint/sw_page_bg.png); overflow:hidden; font-family:Helvetica, Arial, sans-serif; font-size:16px;}
+
body {margin:0; padding:0; background:#333 url(http://www.persoft.mx/biosint/images/bg.jpg); overflow:hidden; font-family:Helvetica, Arial, sans-serif; font-size:16px;}
/* custom fonts */
/* custom fonts */
@font-face {
@font-face {
Line 85: Line 116:
src: local('☺'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.woff') format('woff'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.ttf') format('truetype'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.svg#webfont8xigBfG2') format('svg');
src: local('☺'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.woff') format('woff'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.ttf') format('truetype'), url('http://www.persoft.mx/biosint/css/fonts/graublauweb-webfont.svg#webfont8xigBfG2') format('svg');
}
}
 +
.igem{left:358px; position:absolute;}
.clear{clear:both;}
.clear{clear:both;}
a:link,a:visited,a:hover{color:#ddd;}
a:link,a:visited,a:hover{color:#ddd;}
Line 128: Line 160:
<div class="container">
<div class="container">
     <div class="content">
     <div class="content">
-
         <h1>BIO<span class="lightgrey">SINT</span> <br /><span class="light"><span class="grey"><span class="s36">CREATIVE PROCESS</span></span></span></h1>
+
<a class="igem" href="https://igem.org/Main_Page"><img src="http://www.persoft.mx/biosint/images/ICL_iGEM_Logo.png" alt="" /></a>
 +
         <h1>BIO<span class="lightgrey">SINT</span> <br /><br /><span class="light"><span class="grey"><span class="s36">CREATIVE PROCESS</span></span></span></h1>
             <p>Here is our story...</br>
             <p>Here is our story...</br>
-
<div id="menus"><a href="index.html"><span class="lightgrey">HOME</span></a></div>
+
<div id="menus"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico"><span class="lightgrey">HOME</span></a></div>
 +
 
 +
<div id="menus"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Team"><span class="lightgrey">TEAM</span></a></div>
 +
 
 +
<div id="menus"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Summary"><span class="lightgrey">PROJECT</span></a></div>
 +
 
 +
<div id="menus"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/HumanPractices"><span class="lightgrey">HUMAN</br>PRACTICES</span></a></div>
 +
 
 +
<div id="menus"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Attributions"><span class="lightgrey">SPONSORS</span></a></div>
</p>
</p>
             <div id="toolbar"></div><div class="clear"></div>
             <div id="toolbar"></div><div class="clear"></div>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium_thumb.jpg" title="Supremus Lucernarium" alt="Supremus Lucernarium" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo1.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo1 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola_thumb.jpg" title="Denebola" alt="Denebola" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo2.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo2 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux_thumb.jpg" title="Lux Aeterna" alt="Lux Aeterna" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo3.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo3 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk_thumb.jpg" title="X-Wing on patrol" alt="X-Wing on patrol" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo4.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo4 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo_thumb.jpg" title="Albireo Outpost" alt="Albireo Outpost" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo5.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo5 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church_thumb.jpg" title="Church of Heaven" alt="Church of Heaven" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo6.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo6 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment_thumb.jpg" title="Decampment" alt="Decampment" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo7.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo7 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum_thumb.jpg" title="Hibernaculum" alt="Hibernaculum" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo8.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo8 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons_thumb.jpg" title="Aurea Mediocritas" alt="Aurea Mediocritas" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo9.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo9 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio_thumb.jpg" title="Praedestinatio" alt="Praedestinatio" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo10.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo10 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius_thumb.jpg" title="Transitorius" alt="Transitorius" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo11.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo11 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity_thumb.jpg" title="Victim of Gravity" alt="Victim of Gravity" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo12.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo12 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium_thumb.jpg" title="Supremus Lucernarium" alt="Supremus Lucernarium" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo13.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo13 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola_thumb.jpg" title="Denebola" alt="Denebola" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo14.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo14 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux_thumb.jpg" title="Lux Aeterna" alt="Lux Aeterna" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo15.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo15 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk_thumb.jpg" title="X-Wing on patrol" alt="X-Wing on patrol" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo16.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo16 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo_thumb.jpg" title="Albireo Outpost" alt="Albireo Outpost" class="thumb" /></a>
+
<a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo17.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo17 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church_thumb.jpg" title="Church of Heaven" alt="Church of Heaven" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo18.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo18 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment_thumb.jpg" title="Decampment" alt="Decampment" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo19.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo19 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum_thumb.jpg" title="Hibernaculum" alt="Hibernaculum" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo20.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo20 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons_thumb.jpg" title="Aurea Mediocritas" alt="Aurea Mediocritas" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo21.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo21 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio_thumb.jpg" title="Praedestinatio" alt="Praedestinatio" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo22.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo22 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius_thumb.jpg" title="Transitorius" alt="Transitorius" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo23.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo23 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity_thumb.jpg" title="Victim of Gravity" alt="Victim of Gravity" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo24.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo24 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk_thumb.jpg" title="X-Wing on patrol" alt="X-Wing on patrol" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo25.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo25 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo_thumb.jpg" title="Albireo Outpost" alt="Albireo Outpost" class="thumb" /></a>
+
<a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo26.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo26 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church_thumb.jpg" title="Church of Heaven" alt="Church of Heaven" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo27.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo27 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment_thumb.jpg" title="Decampment" alt="Decampment" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo28.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo28 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Hibernaculum_thumb.jpg" title="Hibernaculum" alt="Hibernaculum" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo29.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo29 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_moons_thumb.jpg" title="Aurea Mediocritas" alt="Aurea Mediocritas" class="thumb" /></a>
+
<a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo30.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo30 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio_thumb.jpg" title="Praedestinatio" alt="Praedestinatio" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo31.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo31 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius_thumb.jpg" title="Transitorius" alt="Transitorius" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo32.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo32 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity_thumb.jpg" title="Victim of Gravity" alt="Victim of Gravity" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo33.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo33 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity_thumb.jpg" title="Victim of Gravity" alt="Victim of Gravity" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo34.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo34 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium_thumb.jpg" title="Supremus Lucernarium" alt="Supremus Lucernarium" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo35.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo35 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_denebola_thumb.jpg" title="Denebola" alt="Denebola" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo36.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo36 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lux_thumb.jpg" title="Lux Aeterna" alt="Lux Aeterna" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo37.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo37 - mini.jpg" title="" alt="" class="thumb" /></a>
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_dk_thumb.jpg" title="X-Wing on patrol" alt="X-Wing on patrol" class="thumb" /></a>
+
             <a href="http://www.persoft.mx/biosint/galleria/igem/recuerdo38.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo38 - mini.jpg" title="" alt="" class="thumb" /></a>
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_albireo_thumb.jpg" title="Albireo Outpost" alt="Albireo Outpost" class="thumb" /></a>
+
              
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_church_thumb.jpg" title="Church of Heaven" alt="Church of Heaven" class="thumb" /></a>
+
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_Decampment_thumb.jpg" title="Decampment" alt="Decampment" class="thumb" /></a>
+
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_praedestinatio_thumb.jpg" title="Praedestinatio" alt="Praedestinatio" class="thumb" /></a>
+
-
             <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_transitorius_thumb.jpg" title="Transitorius" alt="Transitorius" class="thumb" /></a>
+
-
            <a href="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity.jpg" class="thumb_link"><span class="selected"></span><img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_victimofgravity_thumb.jpg" title="Victim of Gravity" alt="Victim of Gravity" class="thumb" /></a>
+
             <p class="clear"></p>
             <p class="clear"></p>
         </div>
         </div>
Line 184: Line 220:
</div>
</div>
<div id="bg">
<div id="bg">
-
     <img src="http://www.persoft.mx/biosint/galleria/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg" title="Supremus Lucernarium" id="bgimg" />
+
     <img src="http://www.persoft.mx/biosint/galleria/igem/recuerdo1.jpg" title="Supremus Lucernarium" id="bgimg" />
<div id="preloader"><img src="http://www.persoft.mx/biosint/ajax-loader_dark.gif" width="32" height="32" align="absmiddle" />LOADING...</div>
<div id="preloader"><img src="http://www.persoft.mx/biosint/ajax-loader_dark.gif" width="32" height="32" align="absmiddle" />LOADING...</div>
     <div id="arrow_indicator"><img src="http://www.persoft.mx/biosint/sw_arrow_indicator.png" width="50" height="50"  /></div>
     <div id="arrow_indicator"><img src="http://www.persoft.mx/biosint/sw_arrow_indicator.png" width="50" height="50"  /></div>
Line 191: Line 227:
<script>
<script>
//set default view mode
//set default view mode
-
$defaultViewMode="full"; //full (fullscreen background), fit (fit to window), original (no scale)
+
$defaultViewMode="fit"; //full (fullscreen background), fit (fit to window), original (no scale)
//cache vars
//cache vars
$bg=$("#bg");
$bg=$("#bg");

Latest revision as of 16:48, 27 October 2012

SIDEWAYS jQuery fullscreen image gallery

BIOSINT

CREATIVE PROCESS

Here is our story...

LOADING...
Click for next image