Team:BIOSINT Mexico/Gallerie
From 2012e.igem.org
(Difference between revisions)
(15 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
} | } | ||
#top-section{ | #top-section{ | ||
- | height: | + | height:0px; |
border-left: none; | border-left: none; | ||
border-right: none; | border-right: none; | ||
Line 22: | Line 22: | ||
margin:none; | margin:none; | ||
padding:none; | padding:none; | ||
- | background: | + | 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%; | ||
+ | |||
} | } | ||
Line 53: | Line 59: | ||
color: rgba(0,0,0,0.0); | 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 83: | Line 99: | ||
<!-- | <!-- | ||
html,body{height:100%} | html,body{height:100%} | ||
- | body {margin:0; padding:0; background:#333 url(http://www.persoft.mx/biosint/ | + | 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 100: | 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 143: | 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="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"><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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/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/ | + | <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/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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/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/ | + | <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/ | + | <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/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/ | + | <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/ | + | <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/ | + | <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/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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | |
- | <a href="http://www.persoft.mx/biosint/galleria/ | + | |
- | <a href="http://www.persoft.mx/biosint/galleria/ | + | |
- | + | ||
- | + | ||
<p class="clear"></p> | <p class="clear"></p> | ||
</div> | </div> | ||
Line 199: | Line 220: | ||
</div> | </div> | ||
<div id="bg"> | <div id="bg"> | ||
- | <img src="http://www.persoft.mx/biosint/galleria/ | + | <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 206: | Line 227: | ||
<script> | <script> | ||
//set default view mode | //set default view mode | ||
- | $defaultViewMode=" | + | $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
LOADING...
Click for next image