Team:Penn State/Attributions

From 2013.igem.org

(Difference between revisions)
m
Line 1: Line 1:
<html>
<html>
-
</head>
 
   <style>
   <style>
/* Uncontrollable  Stuff*/
/* Uncontrollable  Stuff*/
Line 10: 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: 2148px;
 +
    width: 100%;
 +
    background-image: url(http://i.imgur.com/sfAzeRn.jpg?1);
 +
    background-repeat: no-repeat;
 +
     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 41: Line 51:
/* 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 {
 
-
margin-top: 885px;
 
-
margin-left: 160px;
 
 +
.A {
 +
text-align: center;
 +
color: white;
 +
font-size: 18px;
 +
height: 75px;
 +
width: 125px;
 +
border-radius: 100%;
 +
background-color: transparent;
}
}
-
 
-
#notebook{
 
-
margin-top: 770px;
 
-
margin-left: 150px;
 
-
clear: left;
 
-
}
 
-
 
-
#team{
 
-
margin-top: 405px;
 
-
margin-left: 150px;
 
-
margin-right: 10px;
 
-
float: left;
 
-
}
 
#project{
#project{
-
margin-top: 495px;
+
position: relative;
-
margin-right: 10px;
+
top: 5px;
-
margin-left: 150px;
+
-
float: right;
+
-
 
+
}  
}  
#parts {
#parts {
-
margin-top: 580px;
+
position: relative;
-
margin-left: 150px;
+
top: 10px;
}
}
-
#outreach {
+
#attribution {
-
margin-top: 665px;
+
position: relative;
-
margin-left: 150px;
+
top: 60px;
}
}
#human {
#human {
-
margin-top: 12px;
+
position: relative;
-
font-size: 19px;
+
top: 20px;
}
}
-
#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">Attribution</h1>
-
  <title>
+
            <p ID="welcome">
-
    Penn State iGEM
+
A special thanks is extended to our sole sponsor, The Center for Lignocellulose Structure and Formation, for their contributions to everyone of our projects possible.
-
  </title>
+
</p>
 +
               
 +
                <a href="http://www.lignocellulose.org/">
 +
      <img src="http://www.personal.psu.edu/users/p/l/plc103/portfolio/logoCLSF.jpg"/> 
 +
                </a>
-
  <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">
+
</div>
-
           <p class="B"> Notebook</p>
+
 
-
        </div>
+
   
 +
     <a href="/Team:Penn_State">
 +
      <div class="A">
 +
           <p class="B"> Home</p>
 +
      </div>
     </a>
     </a>
Line 234: Line 147:
     </a>
     </a>
-
     <a href="/Team:Penn_State" style="text-decoration:none;">
+
     <a href="/Team:Penn_State/Notebook">
-
      <div class="A", ID="home">
+
        <div class="A", ID="notebook">
-
           <p class="B"> Home</p>
+
           <p class="B"> Notebook</p>
-
      </div>
+
        </div>
     </a>
     </a>
Line 257: Line 170:
       </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 12:52, 26 July 2013

Attribution

A special thanks is extended to our sole sponsor, The Center for Lignocellulose Structure and Formation, for their contributions to everyone of our projects possible.

Home

Team

Notebook

Projects

Parts

Human Practices

Attributions