User:Supacalafrglstic

From 2010.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Leanna_simplex}}
-
<head>
+
-
 
+
-
<div id="quote" style="
+
-
position: absolute;
+
-
width: 200px;
+
-
height: 75px;
+
-
display: box;
+
-
top: -240px;
+
-
left: -3%;
+
-
padding: 8px;
+
-
background: white;
+
-
border: 2px dashed white;
+
-
z-index: 100;">
+
-
<font face=courier>"Dodgeball is a sport of violence, exclusion, and degradation." <br> -Patches</font></div>
+
-
 
+
-
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
+
-
<script>
+
-
google.load("jquery", "1.4.2");
+
-
</script>
+
-
 
+
-
<script language="javascript" src="jquery.dimensions.js"></script>
+
-
<script src="jquery.localscroll-1.4.2-min.js" type="text/javascript"></script>
+
-
<script src="jquery.scrollTo-min.js" type="text/javascript"></script>
+
-
 
+
-
<script type="text/javascript">
+
-
function initMenu()
+
-
 
+
-
<style type="text/css">
+
-
.toggler { width: 500px; height: 200px; position: relative;}
+
-
#button { padding: .5em 1em; text-decoration: none; }
+
-
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
+
-
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
+
-
</style>
+
-
 
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
$("#button").toggle(
+
-
function() {
+
-
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
+
-
},
+
-
function() {
+
-
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
+
-
}
+
-
);
+
-
});
+
-
</script>
+
-
 
+
-
 
+
-
$(document).ready(function() {initMenu();});
+
-
</script>
+
-
 
+
-
<script type="text/javascript">
+
-
var name = "#floatMenu";
+
-
var menuYloc = null;
+
-
$(document).ready(function(){
+
-
  $(window).scroll(function(){
+
-
    var offset = menuYloc+$(document).scrollTop()+"px";
+
-
    $(name).animate({top:offset},{duration:500,queue:false});
+
-
});
+
-
});
+
-
</script>
+
-
 
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
  $('a.rock').click(function () {
+
-
  $(this).addClass('selected');
+
-
  current = $(this);
+
-
  $('#stones').scrollTo($(this).attr('href'), 800);
+
-
  return false;
+
-
});
+
-
});
+
-
});
+
-
</script>
+
-
 
+
-
<style>
+
-
body {
+
-
background-image: url(http://hollywoodjesus.com/movie/dodgeball/11.jpg);
+
-
background-repeat: no-repeat;
+
-
background-position: top center;
+
-
}
+
-
 
+
-
#content {
+
-
background-color: white;
+
-
border: none; }
+
-
 
+
-
#bodyContent {
+
-
border: none;
+
-
padding:0;
+
-
margin:0;
+
-
width:100%; }
+
-
 
+
-
#search-controls {
+
-
display: block;
+
-
background: none;
+
-
position: absolute;
+
-
top: 40px;
+
-
right: 40px; }
+
-
 
+
-
.left-menu {
+
-
width: 300px;
+
-
margin-top: -75px;
+
-
border: none; }
+
-
 
+
-
.left-menu ul {
+
-
border: none; }
+
-
 
+
-
#searchform {
+
-
background: none;
+
-
display: block;
+
-
float: right; }
+
-
 
+
-
#menubar.right-menu {
+
-
width: 300px;
+
-
display: block;
+
-
float: left;
+
-
margin-top: -75px;
+
-
border: none; }
+
-
 
+
-
.right-menu ul {
+
-
border: none; }
+
-
 
+
-
#top-section {
+
-
height: 300px;
+
-
margin-top: -5px;
+
-
margin-bottom: 0 !important;
+
-
margin-left: auto;
+
-
padding:0;
+
-
border: none;}
+
-
 
+
-
#p-logo {
+
-
height: 0px;
+
-
overflow: hidden;
+
-
display: none; }
+
-
 
+
-
#footer {
+
-
border: none;
+
-
width: 900px;
+
-
margin: 0;
+
-
padding: 0; }
+
-
 
+
-
.firstHeading {
+
-
display: none; }
+
-
 
+
-
#floatMenu { 
+
-
position:absolute; 
+
-
top:15px; 
+
-
left:50%; 
+
-
margin-left:235px; 
+
-
width:200px; 
+
-
+
-
 
+
-
#floatMenu ul { 
+
-
margin-bottom:20px; 
+
-
}
+
-
 
+
-
#floatMenu ul li a { 
+
-
display:block; 
+
-
border:1px solid black;
+
-
font: 10px black;
+
-
background-color: white; 
+
-
border-left:6px solid black; 
+
-
text-decoration:none;
+
-
padding:5px 5px 5px 25px; 
+
-
+
-
 
+
-
#floatMenu ul.float li a:hover {
+
-
border-color: pink;
+
-
}
+
-
#menu * {
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#menu {
+
-
font-size: 15px;
+
-
background-color: transparent;
+
-
float:left;
+
-
padding: 5px 15px;
+
-
}
+
-
 
+
-
#menu ul {
+
-
float: left;
+
-
list-style: none;
+
-
}
+
-
 
+
-
/* This modifies the parts of the menu*/
+
-
#menu ul li {
+
-
background-image: url('https://static.igem.org/mediawiki/2010/5/51/080210bluebrick.jpg');
+
-
        backtround-repeat: no-repeat;
+
-
        position:relative;
+
-
float:left;
+
-
list-style: none;
+
-
        padding: 10px 0px 0px 18px;
+
-
        width: 120px;
+
-
}
+
-
 
+
-
#menu a {
+
-
color: #FFF;
+
-
display: inline;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#menu a:visited {
+
-
color:#FFFFFF;
+
-
text-decoration: none
+
-
}
+
-
 
+
-
#menu a:hover {
+
-
color: #00a5ea;
+
-
}
+
-
 
+
-
#menu ul li ul {
+
-
display: none;
+
-
        background-image: none;
+
-
position: absolute;
+
-
left: 12px;
+
-
        width: 75px;
+
-
        height: 1%;
+
-
font-size: 12px;
+
-
opacity: 0.8;
+
-
list-style: none;
+
-
        top: 22px;
+
-
        padding-top: 9px;
+
-
        z-index:500;
+
-
}
+
-
 
+
-
#menu ul li:hover ul {
+
-
display: inline;
+
-
        background-position: bottom;
+
-
}
+
-
 
+
-
#menu ul li ul li {
+
-
width: 75%;
+
-
list-style: none;
+
-
        background-color: #fff;
+
-
        background-image: none;
+
-
        margin: 0px;
+
-
        display: inline;
+
-
}
+
-
 
+
-
#menu ul li ul li a {
+
-
color: black;
+
-
}
+
-
 
+
-
 
+
-
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
+
-
.code code { display: block; padding: 3px; margin-bottom: 0; }
+
-
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
+
-
.indent1 { padding-left: 1em; }
+
-
.indent2 { padding-left: 2em; }
+
-
  </style>
+
-
 
+
-
 
+
-
</head>     
+
-
 
+
-
<body>
+
-
 
+
-
<div id="name"><h1 class="titled">leanna morinishi</h1></div>
+
-
<br>
+
-
not all those who wander are lost. <p>
+
-
 
+
-
<div id="menu">
+
-
  <ul>
+
-
    <li><a href="#">Home</a>
+
-
    <ul>
+
-
      <li><a href="htp://google.com/">Link</a></li>
+
-
      <li><a href="htp://google.com/">Link</a></li>
+
-
      <li><a href="htp://google.com/">Link</a></li>
+
-
    </ul>
+
-
    <li><a href="#">Team</a>
+
-
    <ul>
+
-
      <li><a href="htp://google.com/">Link</a></li>
+
-
      <li><a href="htp://google.com/">Link</a></li>
+
-
    </ul>
+
-
  </ul>
+
-
</div>
+
-
 
+
-
 
+
-
<div id="stones" style="
+
-
position: absolute;
+
-
width: 200px;
+
-
height: 75px;
+
-
display: box;
+
-
top: 2000px;
+
-
left: -3%;
+
-
padding: 8px;
+
-
background: white;
+
-
border: 2px dashed white;
+
-
z-index: 100;">
+
-
<font face=courier>"But sometimes you find you get what you need" <br> -Stones</font></div>
+
-
 
+
-
<div id="floatMenu"> 
+
-
  <ul class="float">
+
-
    <li><a href="#" class="rock"> home </a></li>
+
-
    <li id="team"><a href="#stones" class="rock"> team </a></li>
+
-
  </ul>
+
-
</div> 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</body>                                                               
+
-
</html>
+

Latest revision as of 03:26, 11 August 2010

iGEM by numbers




Project Description

In an effort to form self- assembling three-dimensional biomaterials, we are attempting two parallel paths in mammalian differentiation and phage polymerization. (more...)