|
|
(19 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>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <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: 10px;
| + | |
- | background-color: transparent;
| + | |
- | float:left;
| + | |
- | padding: 5px 15px;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul {
| + | |
- | 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.png');
| + | |
- | background-repeat: no-repeat;
| + | |
- | position:relative;
| + | |
- | float:left;
| + | |
- | list-style: none;
| + | |
- | padding: 5px 0px 5px 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: 25px;
| + | |
- | padding-top: 9px;
| + | |
- | z-index:500;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul li:hover ul {
| + | |
- | display: inline;
| + | |
- | background-position: bottom;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul li ul li {
| + | |
- | width: 108px;
| + | |
- | 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>
| + | |
In an effort to form self- assembling three-dimensional biomaterials, we are attempting two parallel paths in mammalian differentiation and phage polymerization. (more...)