Team:Penn State/Project
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
MichaelPSU (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | + | </head> | |
- | + | <style> | |
- | + | /* Uncontrollable Stuff*/ | |
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | |
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none;} | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 100%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: black;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: black;} | ||
- | + | /* Removes "teams" from the menubar */ | |
- | + | #menubar > ul > li:last-child { | |
- | + | display: none;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | /* Uncontrollable Stuff*/ | ||
+ | #box0 { | ||
+ | background-image: url(http://i.imgur.com/sfAzeRn.jpg?1); | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | height: 2534px; | ||
+ | width: 1280px; | ||
+ | margin-top: -30px; | ||
+ | margin-left: -150px; | ||
+ | } | ||
+ | /* | ||
+ | #filler { | ||
+ | position: relative; | ||
+ | background-color: white; | ||
+ | height: 300px; | ||
+ | width: 1370px; | ||
+ | margin-left: -250px; | ||
+ | margin-top: -300px; | ||
+ | margin-bottom: 50px; | ||
+ | } | ||
+ | */ | ||
- | + | #box { | |
+ | position: relative; | ||
+ | border: 5px solid #0B610B; | ||
+ | border-radius: 5%; | ||
+ | margin-left: 250px; | ||
+ | height: 400px; | ||
+ | width: 955px; | ||
+ | background-image: url(http://www.wallsfeed.com/wp-content/uploads/2012/10/Curve-Green.jpg); | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
- | + | .box2 { | |
+ | position: relative; | ||
+ | border-radius: 5%; | ||
+ | border: 5px solid #0B610B; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 250px; | ||
+ | height: 400px; | ||
+ | width: 955px; | ||
+ | } | ||
+ | .A { | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | height: 70px; | ||
+ | width: 125px; | ||
+ | border-radius: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .B { | ||
+ | font-size: 22px; | ||
+ | margin-top: 24px; | ||
+ | } | ||
+ | a { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | + | a:visited { | |
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .A:hover { | ||
+ | color: #FFCC33; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #human:hover { | ||
+ | } | ||
+ | #attribution { | ||
+ | margin-top: 885px; | ||
+ | margin-left: 160px; | ||
- | + | } | |
+ | #notebook{ | ||
+ | margin-top: 770px; | ||
+ | margin-left: 150px; | ||
+ | clear: left; | ||
+ | } | ||
+ | #team{ | ||
+ | margin-top: 405px; | ||
+ | margin-left: 150px; | ||
+ | margin-right: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | #project{ | ||
+ | margin-top: 495px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 150px; | ||
+ | float: right; | ||
+ | } | ||
- | + | #parts { | |
+ | margin-top: 580px; | ||
+ | margin-left: 150px; | ||
+ | } | ||
+ | #outreach { | ||
+ | margin-top: 665px; | ||
+ | margin-left: 150px; | ||
+ | } | ||
+ | #human { | ||
+ | margin-top: 12px; | ||
+ | font-size: 19px; | ||
+ | } | ||
+ | #home{ | ||
+ | margin-top: 325px; | ||
+ | margin-left: 150px; | ||
+ | } | ||
- | + | #alpha{ | |
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | height: 60px; | ||
+ | width: 400px; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 100px; | ||
+ | margin-left: 280px; | ||
+ | margin-right: auto; | ||
+ | background-color: ; | ||
+ | border-radius: 15%; | ||
+ | } | ||
+ | #psu{ | ||
+ | position: absolute; | ||
+ | font-size: 20px; | ||
+ | margin-top: 450px; | ||
+ | margin-left: 350px; | ||
+ | } | ||
+ | #fun{ | ||
+ | position: absolute; | ||
+ | font-size: 15px; | ||
+ | margin-top: 500px; | ||
+ | margin-left: 350px; | ||
+ | } | ||
+ | #cred{ | ||
+ | position: absolute; | ||
+ | font-size: 15px; | ||
+ | margin-top: 620px; | ||
+ | margin-left: 350px; | ||
+ | } | ||
- | == | + | </style> |
+ | </head> | ||
+ | <title> | ||
+ | Penn State iGEM | ||
+ | </title> | ||
+ | |||
+ | <body style="background-color: white"> | ||
+ | <div ID="filler"> | ||
+ | </div> | ||
+ | <div ID="box0"> | ||
+ | <a href="/Team:Penn_State/Attributions"> | ||
+ | <div class="A", ID="attribution"> | ||
+ | <p class="B"> Attributions</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State/Notebook"> | ||
+ | <div class="A", ID="notebook"> | ||
+ | <p class="B"> Notebook</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State/Team"> | ||
+ | <div class="A", ID="team"> | ||
+ | <p class="B"> Team</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State" style="text-decoration:none;"> | ||
+ | <div class="A", ID="home"> | ||
+ | <p class="B"> Home</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State/Project"> | ||
+ | <div class="A", ID="project"> | ||
+ | <p class="B"> Projects</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State/Parts"> | ||
+ | <div class="A", ID="parts"> | ||
+ | <p class="B"> Parts</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="/Team:Penn_State/Safety"> | ||
+ | <div class="A", ID="outreach"> | ||
+ | <p ID="human"> Human Practices</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <p ID="psu"> We are Penn State <p/> | ||
+ | <p ID="fun"> | ||
+ | For the Glory of Old State | ||
+ | For her founders strong and great. | ||
+ | For the future that we wait, | ||
+ | Raise the song, raise the song. | ||
+ | |||
+ | Sing our love and loyalty, | ||
+ | Sing our hopes that bright and free | ||
+ | Rest, O Mother, dear with thee | ||
+ | All with thee, all with thee. | ||
+ | |||
+ | When we stood at childhood’s gate, | ||
+ | Shapeless in the hands of fate, | ||
+ | Thou didst mold us dear old State | ||
+ | Dear Old State, dear old State. | ||
+ | |||
+ | May no act of ours bring shame | ||
+ | To one heart that loves thy name, | ||
+ | May our lives but swell thy fame, | ||
+ | Dear old State, dear old State. | ||
+ | </p> | ||
+ | <p ID= "cred"> The Penn State Alma Mater</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 00:03, 23 July 2013
Attributions
Notebook
Team
Home
Projects
Parts
Human Practices
We are Penn State
For the Glory of Old State For her founders strong and great. For the future that we wait, Raise the song, raise the song. Sing our love and loyalty, Sing our hopes that bright and free Rest, O Mother, dear with thee All with thee, all with thee. When we stood at childhood’s gate, Shapeless in the hands of fate, Thou didst mold us dear old State Dear Old State, dear old State. May no act of ours bring shame To one heart that loves thy name, May our lives but swell thy fame, Dear old State, dear old State.
The Penn State Alma Mater