Team:Warsaw/Team
From 2010.igem.org
(Difference between revisions)
Line 68: | Line 68: | ||
- | + | $(".foto").each(function(){ | |
- | + | ||
+ | $(this).css('width', '120px'); | ||
- | + | currleft = currleft + hmargin; | |
- | + | if (currfoto%6 == 0) | |
- | + | { | |
- | + | currtop = currtop + vmargin; | |
- | + | currleft = 0; | |
- | + | } | |
- | + | ||
- | + | if (Math.ceil(Math.random()*2)%2) | |
- | + | $(this).css('top' , currtop+Math.random()*vradius); | |
- | + | else | |
- | + | $(this).css('top' , currtop-Math.random()*vradius); | |
- | + | ||
- | + | if (Math.ceil(Math.random()*2)%2) | |
- | + | $(this).css('left' , currleft-Math.random()*hradius); | |
- | + | else | |
- | + | $(this).css('left' , currleft-Math.random()*hradius); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | if (currfoto == 6) | ||
+ | { | ||
+ | currfoto = currfoto + 3; | ||
+ | currleft = currleft + 3*hmargin; | ||
+ | } | ||
+ | |||
+ | if (currfoto==12) | ||
+ | { | ||
+ | currtop+=30; | ||
+ | } | ||
- | + | currfoto=currfoto+1; | |
- | }); | + | |
+ | }); | ||
+ | |||
$(".foto").mouseover(function(){ | $(".foto").mouseover(function(){ | ||
- | + | $(this).css('width', '140px'); | |
- | $(this).css('width' , '140px'); | + | $(this).css('z-index', 1); |
- | + | ||
- | }); | + | }); |
- | |||
- | + | $(".foto").mouseout(function(){ | |
- | $(this).css('width' , '120px'); | + | |
- | + | $(this).css('width', '120px'); | |
+ | if (!$(this).is('.foto-active'))$(this).css('z-index', 0); | ||
}); | }); | ||
Line 125: | Line 128: | ||
- | + | /*To cos podswietla fote przy kliknieciu i kasuje poswietlenie poprzedniej */ | |
- | + | $(".foto-active").css('z-index', 0); | |
- | + | $(".foto-active").removeClass("foto-active"); | |
- | + | $(this).addClass("foto-active"); | |
- | + | $(this).css('z-index', 2); | |
}); | }); | ||
Line 143: | Line 146: | ||
var rot = Math.random()*30-15+'deg'; | var rot = Math.random()*30-15+'deg'; | ||
- | + | /* Marta: jeżeli foty nachodzą na menu, to tylko nieznacznie */ | |
var left = (Math.random()*-60)+'px'; | var left = (Math.random()*-60)+'px'; | ||
Line 155: | Line 158: | ||
- | + | $(this).css('-webkit-transform' , 'rotate('+rot+')'); | |
- | + | $(this).css('-moz-transform' , 'rotate('+rot+')'); | |
- | + | }); | |
+ | |||
+ | |||
$(".foto").dblclick(function(){ | $(".foto").dblclick(function(){ | ||
$(this).css('-webkit-transform' , 'rotate(0)'); | $(this).css('-webkit-transform' , 'rotate(0)'); | ||
Line 168: | Line 173: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
.foto | .foto | ||
{ | { | ||
- | + | padding: 2px 3px 6px 3px; | |
background: #eee; | background: #eee; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #333; | -moz-box-shadow: 0px 2px 15px #333; | ||
- | + | box-shadow: 0px 2px 15px #333; | |
- | + | -webkit-box-shadow: 0px 2px 15px #333; | |
position: absolute; | position: absolute; | ||
- | margin:25px 0 0 15px; | + | margin: 25px 0 0 15px; |
text-align: center; | text-align: center; | ||
- | filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCCCCC, offX=7, offY=7, positive=true); | + | filter: progid: DXImageTransform.Microsoft.dropShadow(color=#CCCCCC, offX=7, offY=7, positive=true); |
- | z-index: 0; | + | z-index: 0; |
} | } | ||
Line 189: | Line 195: | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #666; | -moz-box-shadow: 0px 2px 15px #666; | ||
- | + | box-shadow: 0px 2px 15px #666; | |
- | + | -webkit-box-shadow: 0px 2px 15px #666; | |
- | + | z-index: 2; | |
} | } | ||
Line 197: | Line 203: | ||
#description | #description | ||
{ | { | ||
- | + | padding: 4px 4px 4px 4px; | |
background: #fff3b3; | background: #fff3b3; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #333; | -moz-box-shadow: 0px 2px 15px #333; | ||
- | + | box-shadow: 0px 2px 15px #333; | |
- | + | -webkit-box-shadow: 0px 2px 15px #333; | |
position: absolute; | position: absolute; | ||
- | margin:25px 0 0 15px; | + | margin: 25px 0 0 15px; |
- | + | display: inline-block; | |
- | + | width: 400px; | |
/* Marta: teraz pole opisu powiększa się, gdy zajdzie potrzeba. Kasując min-height można sprawić, | /* Marta: teraz pole opisu powiększa się, gdy zajdzie potrzeba. Kasując min-height można sprawić, |
Revision as of 10:47, 11 July 2010
![](https://static.igem.org/mediawiki/2008/1/1c/Prof.Jacek_Bielecki.gif)
prof. Jacek Bielecki
![](https://static.igem.org/mediawiki/2008/0/07/R.Stachowiak.gif)
Radosław Stachowiak
![](https://static.igem.org/mediawiki/2009/d/d2/Kamil.jpg)
Kamil Koper
![](https://static.igem.org/mediawiki/2009/5/56/Kama_igem.jpg)
Kamila Ornoch
![](https://static.igem.org/mediawiki/2008/c/c3/Micha%C5%82_L.jpg)
Michał Lower
![](https://static.igem.org/mediawiki/2009/2/24/Ania.jpg)
Ania Olchowik
![](https://static.igem.org/mediawiki/2009/7/73/Portret.jpg)
Kuba Piątkowski
![](https://static.igem.org/mediawiki/2009/4/4a/Marcin_Ziemniak_photo.png)
Marcin Ziemniak
![](https://static.igem.org/mediawiki/2009/d/dd/Jarek.jpg)
Jarek Pankowski
![](https://static.igem.org/mediawiki/2009/0/03/Gallery-80837710-500x500.jpg)
Anna Safray
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Justyna Lesiak
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Ania Puławska
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Kasia Grześ
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Dominik Cysewski
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Marta Błaszkiewicz
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Joanna Leszczyńska
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Albert Bogdanowicz
![](http://www.phawker.com/wp-content/uploads/2008/10/austin-powers-poster.jpg)
Chery Moreno
Milena Bażlekowa
This is our team and friends
Click on the pictures to find out more about us!
You can drag and drop the photos.
This page looks best in Firefox.
Click on the pictures to find out more about us!
You can drag and drop the photos.
This page looks best in Firefox.