Team:Nevada/HumanPractices
From 2011.igem.org
m (Created page with "{{Nevada_Header2_CSS}} {{Nevada_Team_CSS}} <html xmls="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id="Nevada-MainContent"> <br> <div id="top-team-content"> </div> ...") |
m |
||
(22 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html xmls="http://www.w3.org/1999/xhtml"> | <html xmls="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
+ | <!-- CSS --> | ||
+ | <style type="text/css" media="screen"> | ||
+ | #slider { | ||
+ | width: 525px; /* important to be same as image width */ | ||
+ | height: 400px; /* important to be same as image height */ | ||
+ | position: relative; /* important */ | ||
+ | overflow: hidden; /* important */ | ||
+ | border: rgba(0,0,0,0.8) solid 3px; | ||
+ | } | ||
+ | #sliderContent { | ||
+ | width: 525px; /* 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: 10px/15px Arial, Helvetica, sans-serif; | ||
+ | padding: 10px 13px; | ||
+ | width: 384px;- | ||
+ | background-color: #000; | ||
+ | filter: alpha(opacity=70); | ||
+ | -moz-opacity: 0.7; | ||
+ | -khtml-opacity: 0.7; | ||
+ | opacity: 0.7; | ||
+ | color: #fff; | ||
+ | display: none; | ||
+ | } | ||
+ | }.sliderImage span strong { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | .top { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | ul { list-style-type: none;} | ||
+ | |||
+ | .imgsize { | ||
+ | height: 400px; | ||
+ | width: 525px; | ||
+ | } | ||
+ | </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: 1000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
Line 8: | Line 72: | ||
<br> | <br> | ||
<div id="top-team-content"> | <div id="top-team-content"> | ||
- | </div> | + | |
- | </div> | + | <div id="slider"> |
+ | <ul id="sliderContent"> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img class="imgsize" src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1"/></a> | ||
+ | |||
+ | <span class="top"><strong>Title text 1</strong><br />Content text...</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img class="imgsize" src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" /></a> | ||
+ | <span class="top"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | |||
+ | <img class="imgsize" src="https://static.igem.org/mediawiki/2011/b/b0/UnrP1040748.JPG" alt="3" /> | ||
+ | <span class="bottom"><strong>Title text 2</strong><br />Picture Spanning the whole box</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img class="imgsize" src="https://static.igem.org/mediawiki/2011/0/06/IMAG0139.jpg" 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 class="imgsize" src="https://static.igem.org/mediawiki/2011/a/ad/IMAG0142.jpg" 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 class="imgsize" src="https://static.igem.org/mediawiki/2011/d/d5/IMAG0143.jpg" alt="6" /> | ||
+ | <span class="bottom"><strong>Family Picture!</strong><br />Dr. H and Dr. Shintani with their beautiful daughter Alena</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img class="imgsize" src="https://2011.igem.org/File:IMAG0146.jpg" alt="7" /> | ||
+ | <span class="bottom"><strong> Group photo!</strong><br />Good work team</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img class="imgsize" src="https://static.igem.org/mediawiki/2011/2/28/IMAG0150.jpg" alt="8" /> | ||
+ | <span class="bottom"><strong>Booyah!</strong><br />Being silly...</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <img class="imgsize" src="https://static.igem.org/mediawiki/2011/9/95/IMAG0153.jpg" alt="9" /> | ||
+ | <span class="bottom"><strong>Next year's team!</strong><br />The potential: Sahael, Sam, Ronald, and Dafne</span> | ||
+ | </li> | ||
+ | <div class="clear sliderImage"></div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | </div> <!-- //End DIV for top-team-content --> | ||
+ | </div> <!-- //End DIV for Nevada-MainContent --> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | {{Nevada_Sponsers_CSS}} |
Latest revision as of 23:33, 26 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 */