Team:WPI-Worcester/Attributions
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
{{CSS/Main}} | {{CSS/Main}} | ||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
<!--CSS--> | <!--CSS--> | ||
<style> | <style> | ||
- | body{ margin:0px; } | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} |
- | + | ||
+ | body{ | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | #topmargin{ | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #bottombox{ | ||
+ | background:#999; | ||
+ | height:50px; | ||
+ | width:700px; | ||
+ | margin-top:300px; | ||
+ | margin-left:300px; | ||
+ | float:left; | ||
+ | } | ||
+ | #bottombox > a{ | ||
+ | color:#FFF; | ||
+ | margin-left:300px; | ||
+ | margin-top:25px; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #floatbar { | ||
position: fixed; | position: fixed; | ||
right: 10px; | right: 10px; | ||
top: 0%; | top: 0%; | ||
width: 80px; | width: 80px; | ||
- | margin-top: 50px | + | margin-top: 50px; |
+ | z-index:2; | ||
} | } | ||
- | + | #logo{ | |
- | + | float:left; | |
+ | left:-400px; | ||
+ | margin-top:0px; | ||
+ | position:fixed; | ||
+ | z-index:9; | ||
+ | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | } | ||
+ | #title{ | ||
+ | float:left; | ||
+ | position:absolute; | ||
+ | margin-left:200px; | ||
+ | } | ||
+ | #shift{ | ||
+ | height:75%; | ||
+ | width:100%; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #shift:hover > #logo{ | ||
+ | transform: translateX(400px); | ||
+ | -moz-transform: translateX(400px); | ||
+ | -webkit-transform: translateX(400px); | ||
+ | -ms-transform: translateX(400px); | ||
+ | -o-transform: translateX(400px); | ||
+ | } | ||
+ | #shift:hover > #menubar1 { | ||
+ | opacity:1; | ||
+ | transform: translateX(260px); | ||
+ | -moz-transform: translateX(260px); | ||
+ | -webkit-transform: translateX(260px); | ||
+ | -ms-transform: translateX(260px); | ||
+ | -o-transform: translateX(260px); | ||
+ | } | ||
+ | #shift:hover + #maintext { | ||
+ | transform: translateX(260px); | ||
+ | -moz-transform: translateX(260px); | ||
+ | -webkit-transform: translateX(260px); | ||
+ | -ms-transform: translateX(260px); | ||
+ | -o-transform: translateX(260px); | ||
+ | } | ||
+ | |||
+ | #menubar1{ | ||
+ | padding: 24px; | ||
+ | opacity: 0.5; | ||
+ | width: 200px; | ||
+ | margin-right:50px; | ||
+ | margin-left:10px; | ||
+ | margin-top:80px; | ||
+ | float:left; | ||
+ | position:fixed; | ||
+ | z-index:8; | ||
+ | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | -moz-transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | -ms-transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | #menubar1 > a{ | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
font-size:17px; | font-size:17px; | ||
- | + | padding: 8px 10px; | |
- | padding: | + | |
color:#000; | color:#000; | ||
margin-right: 10px; | margin-right: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
text-decoration:none; | text-decoration:none; | ||
- | |||
float:left; | float:left; | ||
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
} | } | ||
- | + | .menuslide > a{ | |
- | + | font-family:Arial, Helvetica, sans-serif; | |
- | color: # | + | font-size:20px; |
+ | padding: 8px 25px; | ||
+ | padding-top:0px; | ||
+ | color:#000; | ||
+ | margin-right: 10px; | ||
+ | margin-bottom: 0px; | ||
+ | text-decoration:none; | ||
+ | float:left; | ||
+ | z-index:10; | ||
+ | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
} | } | ||
+ | .menuslide > p{ | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | padding: 3px 15px; | ||
+ | color:#000; | ||
+ | margin-left: 150px; | ||
+ | margin-bottom: 5px; | ||
+ | text-decoration:none; | ||
+ | transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: transform .2s ease-in-out 0s, ease-in-out 0s; | ||
+ | } | ||
+ | .menuslide:hover > p{ | ||
+ | transform: translateX(40px); | ||
+ | -moz-transform: translateX(40px); | ||
+ | -webkit-transform: translateX(40px); | ||
+ | -ms-transform: translateX(40px); | ||
+ | -o-transform: translateX(40px); | ||
+ | } | ||
+ | .menuslide{ | ||
+ | margin-top:30px; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | .dropdown{ | ||
+ | opacity:0; | ||
+ | padding-top:15px; | ||
+ | padding-left:5px; | ||
+ | margin-top:-19px; | ||
+ | margin-left:20px; | ||
+ | margin-bottom:5px; | ||
+ | width:250px; | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | -moz-transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | -ms-transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | transition: transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | .dropdown > a{ | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:13px; | ||
+ | color:#888; | ||
+ | float:left; | ||
+ | max-width:120px; | ||
+ | min-width:40px;; | ||
+ | text-decoration:none; | ||
+ | margin-bottom:15px; | ||
+ | margin-top:-13px; | ||
+ | margin-right:10px; | ||
+ | transition: color .2s ease-in-out 0s; | ||
- | + | } | |
+ | .menuslide:hover > .dropdown { | ||
+ | opacity:1; | ||
+ | transform: translateY(5px); | ||
+ | -moz-transform: translateY(5px); | ||
+ | -webkit-transform: translateY(5px); | ||
+ | -ms-transform: translateY(5px); | ||
+ | -o-transform: translateY(5px); | ||
+ | } | ||
+ | .dropdown > a:hover{ | ||
+ | color:#000; | ||
+ | } | ||
+ | #toptext { | ||
+ | float: left; | ||
+ | width: 400px; | ||
+ | height: 50%; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:25px; | ||
+ | margin:140px; | ||
+ | margin-left:540px; | ||
+ | margin-bottom:20px; | ||
+ | padding:10px; | ||
- | + | } | |
- | + | #toptext > a{ | |
- | + | float:left; | |
- | + | font-family:Arial, Helvetica, sans-serif; | |
- | + | font-size:17px; | |
+ | background: #888; | ||
+ | padding: 15px; | ||
+ | color:#000; | ||
+ | margin: 50px; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | border-radius:3px; | ||
+ | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | #toptext > a:hover{ | ||
+ | background: #333; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | #maintext { | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:25px; | ||
+ | padding:10px; | ||
+ | margin-left:280px; | ||
+ | text-decoration:none; | ||
+ | z-index:10; | ||
+ | max-width:80%; | ||
+ | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | -moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | -ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
+ | } | ||
- | + | .textitem{ | |
- | + | margin:50px; | |
+ | padding:10px; | ||
+ | float:left; | ||
+ | min-height:400px; | ||
+ | } | ||
- | + | .textitem > h1 { | |
+ | margin-bottom: 5px; | ||
+ | max-width:400px; | ||
+ | line-height:100%; | ||
- | + | } | |
- | + | ||
- | + | .bigtext { | |
- | + | float: left; | |
- | + | width: 600px; | |
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:17px; | ||
+ | margin:140px; | ||
+ | margin-left:50px; | ||
+ | margin-bottom:20px; | ||
+ | padding:10px; | ||
+ | line-height:130%; | ||
+ | } | ||
- | < | + | </style> |
+ | <!--Float Bar--> | ||
+ | <div id="floatbar"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> <img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" align="right" width="55px"/></a> | ||
+ | </div> | ||
<body> | <body> | ||
- | <div id=" | + | <div id="topmargin" /> |
- | <a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a> | + | <div id="toptext"> |
- | + | <p>This wiki is under heavy construction. It works best on Chrome, and barely at all on Internet Explorer. Look under the Notebook tab for our experiments or scroll down for some other stuff.</p> | |
- | + | </div> | |
- | + | <div id="page"> | |
- | + | <div id="shift"> | |
- | + | <div id="logo"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/> | |
- | + | </div> | |
- | <a href="https://2014.igem.org/Team:WPI-Worcester/ | + | <div id="title"> |
+ | <img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/> | ||
+ | </div> | ||
+ | <div id="menubar1"> | ||
+ | <div class="menuslide"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Tour1"> Tour</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Accomplishments"> Accomplishments </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="menuslide"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://igem.org/Team.cgi?id=1423"> Official Page</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Bios</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Attributions"> Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="menuslide"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Projects </a> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Agglutination</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Interlab"> Interlab Study</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/ATF1"> Quantifying ATF1 </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="menuslide"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Weekly Updates</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Notebook/Biobricks"> Biobricks</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="menuslide"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Practices">Practices </a> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Outreach"> Outreach </a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Safety"> Safety </a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Collaborations"> Collaborations </a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Acknowledgements"> Acknowledgements </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="maintext"> | ||
+ | <div id="textitem"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div id="bottombox"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/About">About this wiki!</a> | ||
</div> | </div> | ||
</body> | </body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Revision as of 20:42, 15 October 2014
This wiki is under heavy construction. It works best on Chrome, and barely at all on Internet Explorer. Look under the Notebook tab for our experiments or scroll down for some other stuff.