Team:Penn State/Safety

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html>
<html>
-
</head>
 
   <style>
   <style>
/* Uncontrollable  Stuff*/
/* Uncontrollable  Stuff*/
Line 11: Line 9:
     height: 0px;}
     height: 0px;}
#content {
#content {
-
     border: none;}
+
    margin-top: 340px;
 +
    margin-left: 140px;
 +
    width: 1050px;
 +
    background-color: transparent;
 +
     border: none;
 +
}
 +
 
body {
body {
-
     margin: 10px 0 0 0;
+
    height: 5000px;
 +
    width: 100%;
 +
    background-image: url(http://i.imgur.com/brLF3f9.png?2);
 +
    background-repeat: no-repeat;
 +
    background-color: #E0F8E0;
 +
     margin: none;
     padding: 0;}
     padding: 0;}
#top-section {
#top-section {
-
     width: 965px;
+
     width: 100%;
     height: 0;
     height: 0;
     margin: 0 auto;
     margin: 0 auto;
     padding: 0;
     padding: 0;
 +
    background-color: transparent;
     border: none;}
     border: none;}
#menubar {
#menubar {
     font-size: 100%;
     font-size: 100%;
-
     top: -14px;}
+
     top: -345px;}
.left-menu:hover {
.left-menu:hover {
     background-color: transparent;}
     background-color: transparent;}
Line 42: Line 52:
/* Uncontrollable  Stuff*/
/* Uncontrollable  Stuff*/
-
#box0 {
+
.A:hover {
-
background-image: url(http://i.imgur.com/sfAzeRn.jpg?1);
+
color: #FFCC33;
-
background-position: center;
+
text-decoration: none;
-
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 {  
a {  
-
color: black;
+
color: #FFCC33;
text-decoration: none;
text-decoration: none;
}
}
a:link {
a:link {
-
color: black;
+
color: #FFCC33;
text-decoration: none;
text-decoration: none;
}
}
a:visited {
a:visited {
-
color: black;
 
-
text-decoration: none;
 
-
}
 
-
 
-
.A:hover {
 
color: #FFCC33;
color: #FFCC33;
text-decoration: none;
text-decoration: none;
-
}
 
-
 
-
#human:hover {
 
}
}
-
#attribution {
+
.A {  
-
margin-top: 885px;
+
text-align: center;
-
margin-left: 160px;
+
color: white;
-
 
+
font-size: 18px;
 +
height: 75px;
 +
width: 125px;
 +
border-radius: 100%;
 +
background-color: transparent;
}
}
-
#notebook{
+
#promoter{
-
margin-top: 770px;
+
position: relative;
-
margin-left: 150px;
+
}  
-
clear: left;
+
-
}
+
-
#team{
+
#Cas9{
-
margin-top: 405px;
+
position: relative;
-
margin-left: 150px;
+
top: 10px;
-
margin-right: 10px;
+
-
float: left;
+
}  
}  
-
#project{
+
#Cesa{
-
margin-top: 495px;
+
position: relative;
-
margin-right: 10px;
+
top: 33px;
-
margin-left: 150px;
+
}
-
float: right;
+
 +
#Butanol{
 +
position: relative;
 +
width: 110px;
 +
top: 50px;
 +
}
 +
 +
#Vanillin{
 +
position: relative;
 +
width: 110px;
 +
top: 65px;
}  
}  
#parts {
#parts {
-
margin-top: 580px;
+
position: relative;
-
margin-left: 150px;
+
top: 100px;
}
}
-
#outreach {
+
#attribution {
-
margin-top: 665px;
+
position: relative;
-
margin-left: 150px;
+
top: 150px;
}
}
#human {
#human {
-
margin-top: 12px;
+
position: relative;
-
font-size: 19px;
+
top: 95px;
}
}
-
#home{
+
#igem {
-
margin-top: 325px;
+
-
margin-left: 150px;
+
-
}
+
-
 
+
-
#alpha{
+
position: absolute;
position: absolute;
-
text-align: center;
+
background-color: transparent;
-
height: 60px;
+
top: -290px;
-
width: 400px;
+
left: 450px;
-
margin-top: 20px;
+
-
margin-bottom: 100px;
+
-
margin-left: 280px;
+
-
margin-right: auto;
+
-
background-color: ;
+
-
border-radius: 15%;
+
}
}
-
#psu{
+
#workspace {
-
position: absolute;
+
width: 850px;
-
font-size: 20px;
+
float: right;
-
margin-top: 450px;
+
margin-left: 5px;
-
margin-left: 350px;
+
margin-top: 10px;
}
}
-
#fun{
 
-
position: absolute;
 
-
font-size: 15px;
 
-
margin-top: 500px;
 
-
margin-left: 350px;
 
-
}
 
-
#cred{
+
</style>
-
position: absolute;
+
-
font-size: 15px;
+
-
margin-top: 620px;
+
-
margin-left: 350px;
+
-
}
+
-
  </style>
+
  <div ID="workspace">
-
</head>
+
<h1 style="color: green"> Under Construction</h1>
-
  <title>
+
           
-
    Penn State iGEM
+
-
  </title>
+
-
  <body style="background-color: white">
+
 
-
<div ID="filler">
+
</div>
-
</div>
+
 
-
<div ID="box0">
+
   
-
     <a href="/Team:Penn_State/Attributions">
+
    <a href="/Team:Penn_State">
-
        <div class="A", ID="attribution">
+
      <div class="A">
-
            <p class="B"> Attributions</p>
+
          <p class="B"> Home</p>
-
        </div>
+
      </div>
 +
    </a>
 +
 
 +
     <a href="/Team:Penn_State/Team">
 +
      <div class="A", ID="team">
 +
          <p class="B"> Team</p>
 +
      </div>
     </a>
     </a>
Line 229: Line 167:
     </a>
     </a>
-
     <a href="/Team:Penn_State/Team">
+
     <a href="/Team:Penn_State/PromoterProject">
-
       <div class="A", ID="team">
+
       <div class="A", ID="Promoter">
-
           <p class="B"> Team</p>
+
           <p class="B"> Promoter Project</p>
       </div>
       </div>
     </a>
     </a>
-
     <a href="/Team:Penn_State" style="text-decoration:none;">
+
 
-
       <div class="A", ID="home">
+
     <a href="/Team:Penn_State/Cas9Project">
-
           <p class="B"> Home</p>
+
       <div class="A", ID="Cas9">
 +
           <p class="B"> Cas9 Project</p>
       </div>
       </div>
     </a>
     </a>
-
     <a href="/Team:Penn_State/Project">
+
     <a href="/Team:Penn_State/CesaProject">
-
       <div class="A", ID="project">
+
      <div class="A", ID="Cesa">
-
           <p class="B"> Projects</p>
+
          <p class="B"> Cesa Project</p>
 +
      </div>
 +
    </a>
 +
 
 +
    <a href="/Team:Penn_State/ButanolProject">
 +
       <div class="A", ID="Butanol">
 +
           <p class="B"> Butanol Project</p>
 +
      </div>
 +
    </a>
 +
 
 +
    <a href="/Team:Penn_State/VanillinProject">
 +
      <div class="A", ID="Vanillin">
 +
          <p class="B"> Vanillin Project</p>
       </div>
       </div>
     </a>
     </a>
Line 258: Line 209:
       </div>
       </div>
     </a>
     </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,
+
    <a href="/Team:Penn_State/Attributions">
-
Sing our hopes that bright and free
+
        <div class="A", ID="attribution">
-
Rest, O Mother, dear with thee
+
            <p class="B"> Attributions</p>
-
All with thee, all with thee.
+
        </div>
 +
    </a>
-
When we stood at childhood’s gate,
+
    <a href="/Main_Page">
-
Shapeless in the hands of fate,
+
<div class="A", ID="igem">
-
Thou didst mold us dear old State
+
</div>
-
Dear Old State, dear old State.
+
    </a>
-
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>
</html>

Revision as of 15:01, 31 July 2013

Under Construction

Home

Team

Notebook

Promoter Project

Cas9 Project

Cesa Project

Butanol Project

Vanillin Project

Parts

Human Practices

Attributions

Retrieved from "http://2013.igem.org/Team:Penn_State/Safety"