Team:Nevada/HumanPractices
From 2011.igem.org
m |
m |
||
Line 12: | Line 12: | ||
border: rgba(0,0,0,0.8) solid 3px; | 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; | ||
+ | } | ||
+ | <!-- Slider2 --> | ||
#slider2 { | #slider2 { | ||
width: 525px; /* important to be same as image width */ | width: 525px; /* important to be same as image width */ | ||
Line 19: | Line 47: | ||
border: rgba(0,0,0,0.8) solid 3px; | border: rgba(0,0,0,0.8) solid 3px; | ||
} | } | ||
- | # | + | #sliderContent2 { |
width: 525px; /* important to be same as image width or wider */ | width: 525px; /* important to be same as image width or wider */ | ||
position: absolute; | position: absolute; | ||
Line 25: | Line 53: | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
- | . | + | .sliderImage2 { |
float: left; | float: left; | ||
position: relative; | position: relative; | ||
display: none; | display: none; | ||
} | } | ||
- | . | + | .sliderImage2 span { |
position: absolute; | position: absolute; | ||
font: 10px/15px Arial, Helvetica, sans-serif; | font: 10px/15px Arial, Helvetica, sans-serif; | ||
Line 42: | Line 70: | ||
color: #fff; | color: #fff; | ||
display: none; | display: none; | ||
+ | } | ||
+ | .sliderImage2 span strong { | ||
+ | font-size: 14px; | ||
} | } | ||
.clear { | .clear { | ||
clear: both; | clear: both; | ||
- | |||
- | |||
- | |||
- | |||
.top { | .top { | ||
top: 0; | top: 0; | ||
Line 131: | Line 158: | ||
<!-- Slider Number 2 --> | <!-- Slider Number 2 --> | ||
<div id="slider2"> | <div id="slider2"> | ||
- | <ul id=" | + | <ul id="sliderContent2"> |
- | <li class=" | + | <li class="sliderImage2"> |
<a href=""><img class="imgsize" src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1"/></a> | <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> | <span class="top"><strong>Title text 1</strong><br />Content text...</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<a href=""><img class="imgsize" src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" /></a> | <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> | <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> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/b/b0/UnrP1040748.JPG" alt="3" /> | <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> | <span class="bottom"><strong>Title text 2</strong><br />Picture Spanning the whole box</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/0/06/IMAG0139.jpg" alt="4" /> | <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> | <span class="bottom"><strong> Hard at work! </strong><br /> David, Dr. Howard, Marguerite, and Sam working hard or hardly working?</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/a/ad/IMAG0142.jpg" alt="5" /> | <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> | <span class="top"><strong>Group Hug!</strong><br />Bryson, Marguerite, Sam, and Megan having a good time at the iGEM concert!</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/d/d5/IMAG0143.jpg" alt="6" /> | <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> | <span class="bottom"><strong>Family Picture!</strong><br />Dr. H and Dr. Shintani with their beautiful daughter Alena</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://2011.igem.org/File:IMAG0146.jpg" alt="7" /> | <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> | <span class="bottom"><strong> Group photo!</strong><br />Good work team</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/2/28/IMAG0150.jpg" alt="8" /> | <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> | <span class="bottom"><strong>Booyah!</strong><br />Being silly...</span> | ||
</li> | </li> | ||
- | <li class=" | + | <li class="sliderImage2"> |
<img class="imgsize" src="https://static.igem.org/mediawiki/2011/9/95/IMAG0153.jpg" alt="9" /> | <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> | <span class="bottom"><strong>Next year's team!</strong><br />The potential: Sahael, Sam, Ronald, and Dafne</span> | ||
</li> | </li> | ||
- | <div class="clear | + | <div class="clear sliderImage2"></div> |
</ul> | </ul> | ||
</div> | </div> |
Revision as of 07:53, 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 */