Difference between revisions of "Team:Marburg/Gallery"
(14 intermediate revisions by the same user not shown) | |||
Line 26: | Line 26: | ||
html, #bodyContent, body, #container { | html, #bodyContent, body, #container { | ||
+ | background-color: #fff; | ||
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
Line 33: | Line 34: | ||
/* General Style */ | /* General Style */ | ||
− | html, body | + | html, body, img, sub, sup, var, center, label, caption, header, menu, nav{ |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
border: 0; | border: 0; | ||
− | |||
− | |||
vertical-align: baseline; | vertical-align: baseline; | ||
+ | |||
} | } | ||
− | + | h3, h4, h5, h6, { | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
border: 0; | border: 0; | ||
− | |||
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
Line 56: | Line 55: | ||
body { | body { | ||
− | background:url( | + | background-image:url('https://static.igem.org/mediawiki/2015/5/5c/MR_pic_bg_1.jpg'); |
− | + | } | |
/* Navigation */ | /* Navigation */ | ||
− | |||
− | |||
− | |||
#nav { | #nav { | ||
Line 136: | Line 132: | ||
ul#navigation ul { | ul#navigation ul { | ||
− | top: | + | top: 91px; |
left: 1px; | left: 1px; | ||
} | } | ||
Line 204: | Line 200: | ||
::-moz-selection { | ::-moz-selection { | ||
background: #FF8F45; /* Gecko Browsers */ | background: #FF8F45; /* Gecko Browsers */ | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration:none; | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
} | } | ||
/* Fader */ | /* Fader */ | ||
− | #fader {position:relative;border:1px solid #D0D0D0;} | + | #fader {position:relative;border:1px solid #D0D0D0;width:820px;} |
#fader img { | #fader img { | ||
position:absolute; | position:absolute; | ||
Line 219: | Line 226: | ||
</style> | </style> | ||
+ | |||
<!--JS for Mailus--> | <!--JS for Mailus--> | ||
Line 230: | Line 238: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
<!--HTML-MENU--> | <!--HTML-MENU--> | ||
− | <body style="height:100%;min-width: | + | <body style="height:100%;min-width:100%;margin:0px; padding:0px;"> |
− | <div style="position:fixed;width:100%;height: | + | <div style="position:fixed;width:100%; min-width:100%; height:100%;min-height:100%; background-image: url('https://static.igem.org/mediawiki/2015/6/6f/MR_pic_bg6.jpg');background-repeat: no-repeat; |
− | + | background-attachment: fixed;-webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
− | + | -o-background-size: cover; | |
− | + | background-size: cover; | |
− | + | margin:0px; padding:0px;"></div> | |
− | + | <div style="position:absolute;margin-left:-680px;left:50%;width:1360px;min-width:1360px;min-height:100%;background-color:white;padding-bottom:10px;"> | |
− | + | <div style="position:fixed;width:1360px;min-width:1360;height:70px;z-index:20;margin-top:0px;"> | |
− | + | <div style="display:table;min-width:1360px;height:100%;"> | |
− | + | <div style="display:table-row;"> | |
− | + | <div style="display:table-cell;width:188px;background:white;"> | |
− | <li><a href="https://2015.igem.org/Team:Marburg/Projects" class="first"><img src="https://static.igem.org/mediawiki/2015/5/56/MR_pic_Projects.png" style="height:60px;text-align:center;"></a> | + | <a href="https://2015.igem.org/Team:Marburg" style="text-align:center;"> |
− | + | <img src="https://static.igem.org/mediawiki/2015/1/14/MR_pic_Home.png" style="position:relative;height:66px;padding-bottom:11px;padding-left:8px;padding-right:8px;"> | |
− | <li><a href="https://2015.igem.org/Team:Marburg/ | + | </a> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Background">Fact Sheets</a></li> | + | </div> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Minicells">NUTRInity - Provide</a></li> | + | <div style="display:table-cell;background:#E0E0E0;padding-left:20px;"> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Curli">NUTRInity - Pick up</a></li> | + | <nav id="nav"> |
− | + | <ul id="navigation" style="margin-top:9px;"> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Projects" class="first"><img src="https://static.igem.org/mediawiki/2015/5/56/MR_pic_Projects.png" style="height:60px;text-align:center;"></a> | |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Description">Overview</a></li> | |
− | </li> | + | <li><a href="https://2015.igem.org/Team:Marburg/Background">Fact Sheets</a></li> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Practices" class="first"><img src="https://static.igem.org/mediawiki/2015/3/3a/MR_pic_HP.png" style="height:60px;"></a> | + | <li><a href="https://2015.igem.org/Team:Marburg/Minicells">NUTRInity - Provide</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Curli">NUTRInity - Pick up</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/CDI">NUTRInity - Cut off</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Design">Future Application</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/InterLab">InterLab Study</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Measurement">Measurement Study</a></li> | |
− | + | </ul> | |
− | </li> | + | </li> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Achievements" class="first"><img src="https://static.igem.org/mediawiki/2015/b/ba/MR_pic_Achievements.png" style="height:60px;"></a> | + | <li><a href="https://2015.igem.org/Team:Marburg/Practices" class="first"><img src="https://static.igem.org/mediawiki/2015/3/3a/MR_pic_HP.png" style="height:60px;"></a> |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/iGeneration">iGeneration</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Hessentag">Hessentag</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | </li> | + | <li><a href="https://2015.igem.org/Team:Marburg/Achievements" class="first"><img src="https://static.igem.org/mediawiki/2015/b/ba/MR_pic_Achievements.png" style="height:60px;"></a> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Collaborations" class="first"><img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_Collaborations.png" style="height:60px;"></a> | + | <ul> |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Parts">Parts</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Results">Results</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Medal Fulfillment">Medal Fulfillment</a></li> | |
− | + | </ul> | |
− | </li> | + | </li> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Notebook" class="first"><img src="https://static.igem.org/mediawiki/2015/5/53/MR_pic_Notebook.png" style="height:60px;"></a> | + | <li><a href="https://2015.igem.org/Team:Marburg/Collaborations" class="first"><img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_Collaborations.png" style="height:60px;"></a> |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Meetup">MeetUp</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Gameofcells">Game of Cells</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | </li> | + | <li><a href="https://2015.igem.org/Team:Marburg/Notebook" class="first"><img src="https://static.igem.org/mediawiki/2015/5/53/MR_pic_Notebook.png" style="height:60px;"></a> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Team" class="first"><img src="https://static.igem.org/mediawiki/2015/1/1d/MR_pic_Team.png" style="height:60px;"></a> | + | <ul> |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Labbook">Lab Book</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Protocols">Protocols</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Bibliography">Bibliography</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Team" class="first"><img src="https://static.igem.org/mediawiki/2015/1/1d/MR_pic_Team.png" style="height:60px;"></a> | |
− | </li> | + | <ul> |
− | <li><a href="https://2015.igem.org/Team:Marburg/Safety" class="first"><img src="https://static.igem.org/mediawiki/2015/6/6a/MR_pic_Safety.png" style="height:60px;"></a> | + | <li><a href="https://2015.igem.org/Team:Marburg/Members">Members</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Acknowledgement">Acknowledgement</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Attributions">Attributions</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Marburg/Gallery">Gallery</a></li> | |
− | </li> | + | </ul> |
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Safety" class="first"><img src="https://static.igem.org/mediawiki/2015/6/6a/MR_pic_Safety.png" style="height:60px;"></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | </ul> | |
− | + | </nav> | |
− | + | </div> | |
− | <div id="socialmedia" style="display:table-cell;background:#E0E0E0;text-align:right;padding-right:5px;vertical-align:middle;"> | + | <div id="socialmedia" style="display:table-cell;background:#E0E0E0;text-align:right;padding-right:5px;vertical-align:middle;"> |
− | + | <span id="smbuttons"> | |
− | + | <a href="https://www.facebook.com/igemmarburg" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_Facebook.png" style="width:30px;"></a> | |
− | + | <a href="https://twitter.com/igem_marburg" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/7/75/MR_pic_Twitter.png" style="width:30px;"></a> | |
− | + | <a id="maillink" href="#" style="padding:5px;" class="second"><img src="https://static.igem.org/mediawiki/2015/a/a0/MR_pic_Mailus.png" style="width:30px;" alt="submit"></a> | |
− | + | <a href="https://2015.igem.org/Main_Page" class="second" style="padding:5px;"><img src="https://static.igem.org/mediawiki/2015/9/9b/MR_pic_Igem.png" style="width:30px;"></a> | |
− | + | </span> | |
− | </div><!-- cell --> | + | </div><!-- cell --> |
− | </div> | + | </div> |
− | </div> | + | </div> |
− | </div><!-- row --> | + | </div><!-- row --> |
− | <div style="position:fixed;height:100%;width:195px;background:#E0E0E0;top: | + | <div style="position:fixed;min-height:100%;height:100%;width:195px;background:#E0E0E0;top:115px;z-index:20;vertical-align:middle;"> |
− | + | <span style="margin:0px; padding:0px;display:inline-block;height:100%;vertical-align:middle;"> | |
− | + | </span> | |
− | </div> | + | <img src="https://static.igem.org/mediawiki/2015/1/1c/MR_pic_Sidebanner_Home.png" style="width:184px;vertical-align:middle;"> |
− | + | </div> | |
+ | <div style="position:fixed;margin-left:640px;height:100%;min-height:100%;min-width:40px; width:40px; top:115px;background:#E0E0E0; left:50%;z-index:2;"></div> | ||
− | <div style="position: | + | <div> |
+ | <div style="position:relative;text-align:justify;z-index:1;background:white;font-size:13pt;line-height:150%;min-width:100%;max-width:100%;padding-top:132px; padding-left:235px; padding-right:80px;padding-bottom:70px;box-sizing: border-box;"> | ||
− | <div style=" | + | <div style="z-index:1;text-align:center;padding-bottom:50px;"><img src="https://static.igem.org/mediawiki/2015/a/a7/MR_pic_Button_Gallery.png" style="height:60px;"/></div> |
− | <div id="fader"> | + | <div id="fader" style="margin-left:120px;margin-bottom:30px;"> |
<img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_TeamfunAnna.jpg" alt="Anna" /> | <img src="https://static.igem.org/mediawiki/2015/7/71/MR_pic_TeamfunAnna.jpg" alt="Anna" /> | ||
<img src="https://static.igem.org/mediawiki/2015/9/91/MR_pic_TeamfunAlex.jpg" alt="Alex" /> | <img src="https://static.igem.org/mediawiki/2015/9/91/MR_pic_TeamfunAlex.jpg" alt="Alex" /> | ||
Line 336: | Line 353: | ||
<img src="https://static.igem.org/mediawiki/2015/7/70/MR_pic_TeamfunSascha.jpg" alt="Sascha" /> | <img src="https://static.igem.org/mediawiki/2015/7/70/MR_pic_TeamfunSascha.jpg" alt="Sascha" /> | ||
<img src="https://static.igem.org/mediawiki/2015/9/99/MR_pic_TeamfunTresor.jpg" alt="Tresor" /> | <img src="https://static.igem.org/mediawiki/2015/9/99/MR_pic_TeamfunTresor.jpg" alt="Tresor" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/ef/MR_pic_Team_team2.jpg" alt="1" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/db/MR_pic_Achema.jpg" alt="2" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/MR_pic_Team_team4.jpg" alt="3" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/57/MR_pic_MaxlovesQiagen.jpg" alt="5" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/7c/MR_pic_MatzeBirthday.jpg" alt="6" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f3/MR_pic_SolarEclipse.jpg" alt="7" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/30/MR_pic_Voigt.jpg" alt="1" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/fa/MR_pic_SynbiobetaAachen.jpg" alt="2" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/8f/MR_pic_SymposiumBielefeld.jpg" alt="3" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/57/MR_pic_MaxlovesQiagen.jpg" alt="5" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0a/MR_pic_MaxVader.jpg" alt="6" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/4/41/MR_pic_Katrinhydroxyl.jpg" alt="7" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f3/MR_pic_SolarEclipse.jpg" alt="7" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/c2/MR_pic_Hessentagboys.jpg" alt="1" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/69/MR_pic_MaikiGEMSticker.jpg" alt="2" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/cf/MR_pic_groupBouffier.jpg" alt="3" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/29/MR_pic_Beerdaymeeting.jpg" alt="5" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/9c/MR_pic_blistagroup.jpg" alt="6" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/73/MR_pic_breakfastsunday.jpg" alt="7" /> | ||
</div> | </div> | ||
Line 364: | Line 400: | ||
} | } | ||
return this; | return this; | ||
+ | } | ||
+ | $.fn.rescaleGallery = function() { | ||
+ | //SCALE CONTAINER | ||
+ | $(this).ready(function() { | ||
+ | var parent = $('#fader'); | ||
+ | var fades = $('#fader img'); | ||
+ | var maxwidth = 0; | ||
+ | var maxheight = 0; | ||
+ | console.log("CALL on " + $(this).attr('alt') + " :" + fades.length); | ||
+ | fades.each(function() { | ||
+ | maxwidth = ($(this).outerWidth() > maxwidth) ? $(this).outerWidth() : maxwidth; | ||
+ | maxheight = ($(this).outerHeight() > maxheight) ? $(this).outerHeight() : maxheight; | ||
+ | }); | ||
+ | parent.height( maxheight ); | ||
+ | parent.width( maxwidth ); | ||
+ | //FIX IMAGE POSITIONS | ||
+ | fades.each(function() { | ||
+ | if( $(this).outerWidth() < maxwidth-2) | ||
+ | $(this).css('left',(maxwidth/2 - $(this).outerWidth()/2)); | ||
+ | if( $(this).outerHeight() < maxheight-2) | ||
+ | $(this).css('top',(maxheight/2 - $(this).outerHeight()/2)); | ||
+ | }); | ||
+ | }); | ||
} | } | ||
$.fn.setFader = function(interval,fadetime) { | $.fn.setFader = function(interval,fadetime) { | ||
Line 386: | Line 445: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
//$(FRAMEID).setFader(HOLDTIME,FADETIME); | //$(FRAMEID).setFader(HOLDTIME,FADETIME); | ||
− | slideid = $('#fader').initGallery().setFader( | + | slideid = $('#fader').initGallery().setFader(3000,500); |
$('#fader').hover(function() {clearInterval(slideid);},function() {slideid = $(this).setFader(3000,500);}); | $('#fader').hover(function() {clearInterval(slideid);},function() {slideid = $(this).setFader(3000,500);}); | ||
− | $('#fader img'). | + | $('#fader img').rescaleGallery(); |
}); | }); | ||
</script> | </script> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!----> | ||
+ | <div> | ||
+ | <span style="margin-right:60px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1d/MR_pic_syn.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | <span> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/58/MR_pic_mpii.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | <span style="margin-left:60px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/f0/MR_pic_unii.png" style="height:40px;padding:10px;"/> | ||
+ | </span> | ||
+ | </div> | ||
+ | <span style="font-size:8pt; color:white;"> iGEM Marburg - ZSM Karl-von-Frisch-Straße 16, D - 35043 Marburg</span> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 17:12, 16 September 2015