Team:Nevada/gallery
From 2011.igem.org
m |
Strongtruong (Talk | contribs) |
||
(57 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Nevada_Header_CSS}} | {{Nevada_Header_CSS}} | ||
- | <html | + | {{Nevada_Gallery_CSS}} |
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
- | < | + | <head> |
- | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
+ | <title>s3Slider jQuery plugin</title> | ||
+ | <!-- CSS --> | ||
+ | <style type="text/css" media="screen"> | ||
+ | #slider { | ||
+ | width: 850px; /* important to be same as image width */ | ||
+ | height: 600px; /* important to be same as image height */ | ||
+ | position: relative; /* important */ | ||
+ | overflow: hidden; /* important */ | ||
+ | border-top: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-left: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-right: rgba(255,255,255,0.7) solid 10px; | ||
+ | border-bottom: rgba(255,255,255,0.7) solid 60px; | ||
+ | } | ||
+ | #sliderContent { | ||
+ | width: 850px; /* important to be same as image width or wider */ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .sliderImage { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | } | ||
+ | .sliderImage span { | ||
+ | position: absolute; | ||
+ | font: 20px/35px Arial, Helvetica, sans-serif; | ||
+ | padding: 10px 13px; | ||
+ | width: 850px; | ||
+ | background-color: rgba(0,0,0,0.7); | ||
+ | filter: alpha(opacity=90); | ||
+ | -moz-opacity: 0.9; | ||
+ | -khtml-opacity: 0.9; | ||
+ | opacity: 0.9; | ||
+ | color: #fff; | ||
+ | display: none; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | .sliderImage span strong { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .top { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | ul { list-style-type: none;} | ||
+ | </style> | ||
+ | <!-- JavaScripts--> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2011.igem.org/Template:Nevada_Java/s3Slider.js?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#slider').s3Slider({ | ||
+ | timeOut: 4000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="Nevada-MainContent"> | ||
+ | <br><br> | ||
+ | <div id="top-team-content"> | ||
+ | <h2> What we did all summer</h2> | ||
+ | <p>Enjoy!</p> | ||
+ | <center> | ||
+ | <div id="slider"> | ||
+ | <ul id="sliderContent"> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1" height="600px" width="850px" /></a> | ||
+ | <span class="top"><strong>Carwash fundraiser!</strong><br />Sam and Marguerite conquering a behemoth RV.</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" height="600px" width="850px"/></a> | ||
+ | <span class="top"><strong>Prior lab work, making money!</strong><br />Selling hot dogs to buy science materials prior the summer.</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b0/UnrP1040748.JPG" alt="3" height="600px" width="850px"/> | ||
+ | <span class="bottom"><strong>JUMP!</strong><br />Megan, Sam, and Jovanna</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/06/IMAG0139.jpg" height="600px" width="850px" alt="4" /> | ||
+ | <span class="bottom"><strong> Hard at work! </strong><br /> David, Dr. Howard, Marguerite, and Sam working hard or hardly working?</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/c4/DSCN2136.jpg" height="600px" width="850px" alt="4" /> | ||
+ | <span class="bottom"><strong> Smile! </strong><br /> Bryson, Dr. Shintani, Megan and Dr. Ellison</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/ad/IMAG0142.jpg" height="600px" width="850px" alt="5" /> | ||
+ | <span class="top"><strong>Group Hug!</strong><br />Bryson, Marguerite, Sam, and Megan having a good time at the iGEM concert!</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d5/IMAG0143.jpg" height="600px" width="850px" alt="6" /> | ||
+ | <span class="bottom"><strong>Family Picture!</strong><br />Dr. H and Dr. Shintani with their beautiful daughter Elena</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/7/70/DSCN2138.jpg" height="600px" width="850px" alt="6" /> | ||
+ | <span class="bottom"><strong>Getting Ready</strong><br />Ronald, Dr. Howard, and David getting ready to serve some chili!</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/28/IMAG0150.jpg" height="600px" width="850px" alt="8" /> | ||
+ | <span class="bottom"><strong>Booyah!</strong><br />Being silly...</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/9/95/IMAG0153.jpg" height="600px" width="850px" alt="9" /> | ||
+ | <span class="bottom"><strong>Next year's team!</strong><br />The potential: Sahael, Sam, Ronald, and Dafne</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/9/92/2011-08-11_15-15-35_452.jpg" height="600px" width="850px" alt="9" /> | ||
+ | <span class="bottom"><strong>Epscor and Inbrae</strong><br />Marguerite, Megan and Dafne</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/e/e3/2011-09-22_13-42-05_605.jpg" height="600px" width="750px" alt="9" /> | ||
+ | <span class="bottom"><strong>Casey</strong><br /></span> | ||
+ | </li> | ||
- | + | <li class="sliderImage"> | |
+ | <img src="https://static.igem.org/mediawiki/2011/9/9f/2011-09-25_16-12-41_248.jpg" height="600px" width="750px" alt="9" /> | ||
+ | <span class="bottom"><strong>Dafne</strong><br /></span> | ||
+ | </li> | ||
+ | |||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/8/88/2011-09-25_16-14-15_421.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Vadim</strong><br /></span> | ||
+ | |||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/af/2011-09-25_16-15-40_170.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Sam</strong><br /></span> | ||
+ | </li> | ||
+ | |||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/cf/2011-09-25_16-17-54_694.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>David</strong><br /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/4/49/2011-09-25_16-19-34_18.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Dru</strong><br /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/37/2011-09-22_14-12-04_710.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Megan</strong><br /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b3/2011-09-22_14-25-59_859.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Destiny</strong><br /></span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/08/2011-09-22_18-46-31_225.jpg" height="600px" width="700px" alt="9" /> | ||
+ | <span class="bottom"><strong>Matt and Bryson</strong><br /></span> | ||
+ | </li> | ||
+ | |||
+ | <div class="clear sliderImage"></div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- // slider --> | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | {{Nevada_SponsersOUT_CSS}} |
Latest revision as of 03:38, 29 September 2011
.firstHeading {
display: none;
}
/* Wiki Hacks - START */
/* Author: Pieter van Boheemen */
/* Team: TU Delft */
/* Thanks guys - Bill Collins */
/* +1 - Douglas Watson */
#globalWrapper {
background-color: transparent;
padding-bottom:0px;
border: none;
}
#content {
background-color: transparent;
border:none;
padding-bottom:none;
margin-bottom:none;
}
#bodyContent {
border: none;
}
#top-section {
height: 5px;
width: 100%;
margin-top: 0 px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
/* margin-bottom: 10px; */
padding:0;
border: none;
background-color: rgba(0,0,0,0.1);
}
#p-logo {
height: 203px;
overflow:hidden;
border:none;
display: none;
}
#p-logo img {
display: none;
}
#search-controls {
display:none;
background: none;
position: absolute;
top: 140px;
right: 260px;
width: 240px;
}
.left-menu {
width: 400px;
display: block;
margin-top: 5px;
float: left;
margin-right: 20px;
border: none;
left: 20px;
}
.left-menu ul {
border: none;
height: 100%
}
.left-menu ul {
line-height: 2em;
}
#menubar.right-menu {
width:300px;
height: 100%;
display:block;
float:left;
margin-top: 5px;
padding-left:50px;
border: none;
right:50px;
}
.right-menu ul {
border: none;
}
.right-menu a {
background-color: transparent;
}
#menubar li a{
color: black;
background-color: transparent;
}
#menubar li a:hover {
color:white;
text-decoration:underline;
background-color: rgba(0,0,0,0.5);
}
#menubar li.selected a {
color:gray;
}
#catlinks {
display: none;
}
#footer-box {
position: relative;
top: 150px;
left: -5px;
background-color: transparent;
border: none;
width: 965px;
margin: 0 auto;
margin-bottom:none;
padding-left:5px;
padding-right:5px;
}
#footer {
border: none;
width: 965px;
margin: 0;
padding: 0;
background-color: transparent;
}
#f-list a {
color: black;
font-size: 10px;
}
#f-list a:hover {
color: #666;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li {
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
/* Wiki Hacks - END */