Team:UPenn
From 2013.igem.org
(Difference between revisions)
m |
|||
Line 80: | Line 80: | ||
#slider-code .active { color: #fff; background-color: #555555; } | #slider-code .active { color: #fff; background-color: #555555; } | ||
- | + | .overview li img { | |
+ | height: 300px; | ||
+ | width: auto; | ||
+ | } | ||
/*fonts and headings*/ | /*fonts and headings*/ | ||
@font-face | @font-face | ||
Line 107: | Line 110: | ||
float: center; | float: center; | ||
height: 100%; | height: 100%; | ||
- | background-color: | + | background-color: black; |
} | } | ||
Line 117: | Line 120: | ||
#content { | #content { | ||
width: 100%; | width: 100%; | ||
+ | background-color: black; | ||
} | } | ||
Line 149: | Line 153: | ||
/*sections of page*/ | /*sections of page*/ | ||
- | #banner { | + | /*#banner { |
width: 100%; | width: 100%; | ||
background-color: #B4EEFF; | background-color: #B4EEFF; | ||
height: 300px; | height: 300px; | ||
- | } | + | }*/ |
.space { | .space { | ||
Line 161: | Line 165: | ||
.one { | .one { | ||
- | height: | + | height:600px; |
- | padding-top: | + | position: relative; |
+ | top: -600px; | ||
+ | padding-top: 30px; | ||
width: 100%; | width: 100%; | ||
- | background-color: | + | background-color: black; |
+ | background-image: url("https://photos-4.dropbox.com/t/0/AAA6_ZEBm-BTXNf4ig2z0c_NM4VF_Fe6rQ2VGjoSbh_-DA/12/22389589/jpeg/32x32/3/1372251600/0/2/snap.JPG/1peFWINOJ1k1qg-qR2151rQ6Jw--gpkWKHtqjA2JgpM?size=1024x768"); | ||
+ | background-position: 200px 0px; | ||
+ | background-repeat: no-repeat; | ||
} | } | ||
Line 171: | Line 180: | ||
width: 20px; | width: 20px; | ||
background-color: black; | background-color: black; | ||
- | + | -moz-border-radius: 100%; | |
-ms-border-radius: 100%; | -ms-border-radius: 100%; | ||
-webkit-border-radius: 100%; | -webkit-border-radius: 100%; | ||
Line 179: | Line 188: | ||
.two { | .two { | ||
- | height: | + | top: -500px; |
+ | position: relative; | ||
+ | height:700px; | ||
width: 100%; | width: 100%; | ||
background-color: #7BB8F2; | background-color: #7BB8F2; | ||
Line 185: | Line 196: | ||
.three { | .three { | ||
+ | top: -500px; | ||
+ | position: relative; | ||
height:1000px; | height:1000px; | ||
width: 100%; | width: 100%; | ||
Line 193: | Line 206: | ||
float:right; | float:right; | ||
text-align: left; | text-align: left; | ||
- | margin-right: | + | margin-right: 100px; |
margin-top: -300px; | margin-top: -300px; | ||
background-color: white; | background-color: white; | ||
Line 199: | Line 212: | ||
padding:20px; | padding:20px; | ||
width: 30%; | width: 30%; | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
+ | filter: alpha(opacity=50); | ||
+ | -moz-opacity: 0.5; | ||
+ | -khtml-opacity: 0.5; | ||
+ | opacity: 0.5; | ||
} | } | ||
Line 208: | Line 226: | ||
float: center; | float: center; | ||
margin: 50px; | margin: 50px; | ||
+ | } | ||
- | |||
- | |||
- | |||
/*links and navigation*/ | /*links and navigation*/ | ||
#navigation { | #navigation { | ||
Line 218: | Line 234: | ||
top: 20px; | top: 20px; | ||
list-style-type: none; | list-style-type: none; | ||
+ | z-index: 9999999; | ||
} | } | ||
Line 231: | Line 248: | ||
-webkit-border-radius: 100%; | -webkit-border-radius: 100%; | ||
-o-border-radius: 100%; | -o-border-radius: 100%; | ||
- | + | border-radius: 100%; | |
opacity: 1; | opacity: 1; | ||
} | } | ||
Line 253: | Line 270: | ||
.nav { | .nav { | ||
padding: 0px; | padding: 0px; | ||
+ | width: 100%; | ||
background-color: white; | background-color: white; | ||
+ | position: fixed; | ||
+ | margin: auto; | ||
+ | z-index: 999; | ||
} | } | ||
Line 319: | Line 340: | ||
- | <body> | + | <body bgcolor="black"> |
<div class="outer"> | <div class="outer"> | ||
Line 358: | Line 379: | ||
- | + | <!-- <div class="wrapper">--> | |
<div id="slider-code"> | <div id="slider-code"> | ||
Line 364: | Line 385: | ||
<div class="viewport"> | <div class="viewport"> | ||
<ul class="overview"> | <ul class="overview"> | ||
- | <li><img src=" | + | <li><img src="https://photos-5.dropbox.com/t/0/AAD4ucdoclbVO5fVUmmzDplCRzxrWtMYBbjTSDc9d1cd3A/12/22389589/jpeg/32x32/3/1372255200/0/2/BE_LynchLabGroup_DSC2796.jpg/JRfQw_TF5ODfAeCtgoGC2P778v3uLIG4kH8RyU1_1D4%2C9Qc_PoPW15Bty16xStuVk3uGs1rf1eyg4lOWVfDzCVk%2CAqC9wck2taycFwsD86ppwkqoOD7TqZ-FQ-v8R3CC_kM?size=1024x768" /></li> |
- | <li><img src=" | + | <li><img src="https://photos-3.dropbox.com/t/0/AAAIAUzUbbv6wAvC_Rr5zSdUOVCRkXzMkMrRyC4S8KoDdg/12/22389589/jpeg/32x32/3/1372255200/0/2/BE_LynchLabGroup_DSC2806.jpg/RIpsWFyIK4hKs-f-RF7ySrKrAmQhvZDR9K96hbC0wTM%2CuBAFSQdyg0hg-crPY9nTVLqDjoT5Gi8C4_zq5CaoArM?size=1024x768" /></li> |
- | <li><img src=" | + | <li><img src="https://photos-1.dropbox.com/t/0/AAClj1H18t9XRJHZGk96O8Oxr8FCwFl-pVcAXvDfyZ4bZQ/12/22389589/jpeg/32x32/3/1372255200/0/2/BE_LynchLabGroup_DSC2710.jpg/LDHnmjOxvsQ_HCCmuG48jTM9RaCUogHTH3x3FIXG32s%2Cw6va9cJfvqwNXBaPTh-h0Lr7uTiieiRX5Ouow8-w_dM?size=1024x768" /></li> |
+ | <li><img src=""/></li> | ||
+ | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 374: | Line 397: | ||
<li><a rel="1" class="pagenum" href="#"></a></li> | <li><a rel="1" class="pagenum" href="#"></a></li> | ||
<li><a rel="2" class="pagenum" href="#"></a></li> | <li><a rel="2" class="pagenum" href="#"></a></li> | ||
+ | <li><a rel="3" class="pagenum" href="#"></a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 381: | Line 405: | ||
<div class="right"> | <div class="right"> | ||
<h2>Hello</h2> | <h2>Hello</h2> | ||
- | <h4> | + | <h4>Welcome to Penn's iGEM team wiki!</h4> |
- | <p> | + | <p>This page is under construction at the moment, but check back with us soon to see what we're up to!</p> |
</div> | </div> | ||
</div> | </div> | ||
- | </div> | + | <!--</div>--> |
- | <div class="space"> </div> | + | <!--<div class="space"> </div>--> |
<div class="two"></div> | <div class="two"></div> | ||
- | <div class="space"></div> | + | <!--<div class="space"></div>--> |
<div class="three"> | <div class="three"> |
Revision as of 13:11, 26 June 2013
Hello
Welcome to Penn's iGEM team wiki!
This page is under construction at the moment, but check back with us soon to see what we're up to!
Member Name
Description of the member
Member Name
Description of the member
Member Name
Description of the member