From 2011.igem.org
(Difference between revisions)
|
|
| (7 intermediate revisions not shown) |
| Line 6: |
Line 6: |
| | <style type="text/css" media="screen"> | | <style type="text/css" media="screen"> |
| | #slider { | | #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;
| |
| - | }
| |
| - | #slider2 {
| |
| | width: 525px; /* important to be same as image width */ | | width: 525px; /* important to be same as image width */ |
| | height: 400px; /* important to be same as image height */ | | height: 400px; /* important to be same as image height */ |
| Line 43: |
Line 36: |
| | display: none; | | display: none; |
| | } | | } |
| | + | }.sliderImage span strong { |
| | + | font-size: 14px; |
| | + | } |
| | + | |
| | .clear { | | .clear { |
| | clear: both; | | clear: both; |
| - | }
| |
| - | .sliderImage span strong {
| |
| - | font-size: 14px;
| |
| - | }
| |
| | .top { | | .top { |
| | top: 0; | | top: 0; |
| Line 70: |
Line 63: |
| | $(document).ready(function() { | | $(document).ready(function() { |
| | $('#slider').s3Slider({ | | $('#slider').s3Slider({ |
| - | timeOut: 4000
| |
| - | });
| |
| - | });
| |
| - | $(document).ready(function() {
| |
| - | $('#slider2').s3Slider({
| |
| | timeOut: 1000 | | timeOut: 1000 |
| | }); | | }); |
| Line 128: |
Line 116: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| - | | + | <br><br> |
| - | <!-- Slider Number 2 -->
| + | |
| - | <div id="slider2">
| + | |
| - | <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>
| + | |
| - | | + | |
| | </div> <!-- //End DIV for top-team-content --> | | </div> <!-- //End DIV for top-team-content --> |
| | </div> <!-- //End DIV for Nevada-MainContent --> | | </div> <!-- //End DIV for Nevada-MainContent --> |
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 */
#Nevada-MainContent{
position: relative;
float: left;
top: 159px;
left: -5px;
height: 100%;
width: 943px;
display: block;
border-left: rgba(0,0,0,1) groove 4px;
border-right: rgba(0,0,0,1) ridge 4px;
/*background-color: rgba(100,100,100,1);*/
/* Color Background */
background-color: transparent !important;
/*background: -moz-linear-gradient(bottom, #858585 97%, rgba(0,0,26,1), #25324e); */
padding: 10px;
padding-right: 2px !important;
}
#top-team-content{
position: relative;
float: left;
left: -5px;
top: 5px;
width: 905px;
height: 100%;
display: block;
border: rgba(0,0,0,0.6) solid 10px;
background-color: rgba(194,194,194,0.7);
padding: 10px;
}
#bottom-profile-content{
position: relative;
display: block;
float: left;
left: -5px;
top: 15px;
width: 905px;
height: 100%;
border: rgba(0,0,0,0.6) solid 10px;
background-color: rgba(194,194,194,0.7);
padding: 10px;
/*overflow: auto; */
}
.teamgroup{
position: relative;
top: 0px;
left: 15px;
margin: 0px;
padding: 0px;
}
.galleryGroup{
position: relative;
display: block;
float: left:
width: 100%;
height: 100%;
top: 0px;
left: 100px;
}
.galleryName{
position: relative;
display: block;
float: left:
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 30;
}
.galleryBottom{
position: relative;
float: right;
margin: 0px;
padding: 0px;
top: 270px;
left: -230px;
}
#bio-box{
border: none;
margin: 0px;
padding: 0px;
height: 275px;
margin-bottom: 5px;
margin-top: 5px;
background-color: transparent;
}
.bio-image{
border: #000 solid 2px;
float: left;
clear: both;
margin-right: 15px;
}
/* Text Classes For each block */
.membertitle{
font-size: 30px;
font-family:Tahoma;
line-height: 22px;
text-align: left;
font-weight: bold;
}
.memberdesc{
font-size: 20px;
font-family:"Times New Roman", Tahoma;
line-height: 20px;
text-align: justify;
font-weight: bold;
}
.newstitle{
font-size: 40px;
font-family:"Times New Roman", serif;
line-height: 22px;
text-align: left;
font-weight: bold;
}
#project-info{
margin: 0px;
background: transparent;
}
.projectpic{
float: left;
clear: both;
margin-right: 5px;
}
.projectdesc{
font-size: 16px;
font-family:"Times New Roman", Tahoma;
line-height: 18px;
text-align: justify;
font-weight: bold;
}
/* End of Text Style */
"
