Biomod/2011/UTAustin/Hook'em Hybridizers

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
<html><head>
<html><head>
<style type="text/css">
<style type="text/css">
-
#outerbox{
+
.main { margin: 0 auto; width: 804px; background:url('http://openwetware.org/images/3/3a/Bg.png') }
-
//background-image:url( 'http://openwetware.org/images/7/75/Utbiomodbg1.png' );
+
-
//background-repeat:repeat-x;
+
-
background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
+
-
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
+
-
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
+
-
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
+
-
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
+
-
background-image: -webkit-gradient(
 
-
linear,
 
-
left bottom,
 
-
left top,
 
-
color-stop(0.09, rgb(0,0,0)),
 
-
color-stop(0.55, rgb(204,85,0))
 
-
);
 
-
}
 
 +
#logo{ margin:80px 0 0 150px; display:block; background:url('http://openwetware.org/images/a/ac/Banner4.png') 0 0 no-repeat; width:500px; height:171px; text-indent:-9999px;}
.navbox {
.navbox {
position: relative;
position: relative;
Line 24: Line 10:
}
}
-
ul#nav {
+
#menu{ background:url('http://openwetware.org/images/3/3f/Menu_bg.png') 0 0 no-repeat; width:643px; height:100px; margin:61px 0 0 78px; padding-top:100px}
-
    list-style: none;
+
-
    display: block;
+
-
    width: 200px;
+
-
    left: -29px;
+
-
    top: -20px;
+
-
    position: relative;
+
-
    padding: 60px 0 60px 0;
+
-
    width: 200px;
+
-
    background: url( 'http://openwetware.org/images/6/6f/Shad2.png' ) no-repeat;
+
-
    background-size: 50% 100%;
+
-
}
+
-
li {
+
#menu li{ float:left;}
-
margin: 5px 0 0 0;
+
#menu a{ font-size:30px; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;}
-
}
+
-
ul#nav a:hover {
+
.nav1{ padding:26px 0 0 57px;}
-
    text-decoration: none;
+
.nav2{ padding:16px 0 0 30px;}
-
}
+
.nav3{ padding:36px 0 0 27px;}
 +
.nav4{ padding:16px 0 0 29px;}
 +
.nav5{ padding:26px 0 0 30px;}
 +
 
 +
#menu .nav1 a:hover{ color:#bb0e0e}
 +
#menu .nav2 a:hover{ color:#ca6509}
 +
#menu .nav3 a:hover{ color:#3f9711}
 +
#menu .nav4 a:hover{ color:#0ca0ce}
 +
#menu .nav5 a:hover{ color:#8606c5}
-
ul#nav li span {
 
-
    -webkit-transition: all 0.3s ease-out;
 
-
    -moz-transition: all 0.3s ease-out;
 
-
    -o-transition: all 0.3s ease-out;
 
-
    background: #E07020 url( 'http://openwetware.org/images/4/46/Border.png' ) no-repeat;
 
-
    color: #174867;
 
-
    padding: 7px 15px 7px 15px;
 
-
    border-top-right-radius: 10px;
 
-
    border-bottom-right-radius: 10px;
 
-
    width: 100px;
 
-
    display: block;
 
-
    text-decoration: none;
 
-
    box-shadow: 2px 2px 4px #BB4400;
 
-
}
 
-
ul#nav li span:hover {
 
-
    background: #F08030 url( 'http://openwetware.org/images/4/46/Border.png' ) no-repeat;
 
-
    color: #67a5cd;
 
-
    padding: 7px 15px 7px 30px;
 
-
    display: block;
 
-
}
 
</style>
</style>
</head>
</head>
-
</html>
 
-
<div id="outerbox" style="padding-top:10px; padding-bottom:10px;">
 
-
<div id="innerbox" style="width: 820px; padding: 15px; margin: auto; background-color:#000000; border-radius: 5px">
 
-
<div id="header" style="background-color:#FFFFFF;">
 
-
<center>
 
-
[[Image:UTBiomodBanner2.png|780px]]
 
-
</center>
 
-
</div>
 
-
<div style="padding: 10px; color: #FFFFFF; background-color: #CC5500; width: 130px; height: 1025px; float: left;">
 
-
<div id="navbox">
 
-
<ul id="nav">
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em_Hybridizers | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Home'''</span>  ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em_Hybridizers:Rationale | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Rationale'''</span> ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em Hybridizers:Simulation | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Simulation'''</span> ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em Hybridizers:Methods | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Methods'''</span> ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em Hybridizers:Results | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Results'''</span> ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em Hybridizers:Tools | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''Tools'''</span> ]]
 
-
</li>
 
-
<li>
 
-
[[Biomod/2011/UTAustin/Hook'em Hybridizers:People | <span style='font-size:16px; font-family: "trebuchet ms"; font-weight:bold; color:#FFFFFF; vertical-align: middle; text-decoration: none;'>'''People'''</span> ]]
 
-
</li>
 
-
</ul>
 
-
</div>
 
 +
<div class="extra">
 +
<div id="page_1">
 +
<div class="main" style="padding-top:10px; padding-bottom:10px">
 +
<!--header -->
 +
<header>
 +
<a href="index.html" id="logo">DNAmazing asfsaf. Smart. Effective</a>
 +
<nav>
 +
<ul id="menu">
 +
<li class="nav1"><a href="#page_2">News</a></li>
 +
<li class="nav2"><a href="#page_3">Services</a></li>
 +
<li class="nav3"><a href="#page_4">Products</a></li>
 +
<li class="nav4"><a href="#page_5">FAQ</a></li>
 +
<li class="nav5"><a href="#page_6">Contacts</a></li>
 +
</ul>
 +
</nav>
 +
</header>
 +
<!--header end-->
 +
 +
 +
</div>
</div>
</div>
-
 
+
-
<div style="width: 650px; float: left; padding: 0px; background-color: #000000;">
+
-
 
+
-
<div style="width: 320px; text-align: left; float: left; margin-left: 5px">
+
-
 
+
-
<div style="height: 30px; background-color: #3F70C3; padding: 10px 10px 10px;">
+
-
<span style="font-size: 20px; font-family: Verdana; color:#FFFFFF; vertical-align: middle;">Objective</span>
+
-
</div>
+
-
 
+
-
<div style="padding: 10px; background-color:#000000; color: #FFFFFF; margin-top: 5px; height: 345px;">
+
-
 
+
-
<center>'''Counting Events with a DNA Processor'''</center>
+
-
 
+
-
A major goal in nanotechnology is the find useful forms of DNA computation. This broad definition includes amplifiers, logic gates, oscillators, structural manipulations, and many more forms of controlled responses. We believe an enzyme-free, DNA toehold exchange catalyzed system that preforms the computation of “counting” can be useful in various fields of biotechnology. Counting, by our definition, relies on two main principles. The first is the input that is being counted must be the same with each pulse and the second is the output of the counter must be independent of the input quantity or concentration. That is, regardless of the amount of input used, the counter must only reach completion after the specified number of counts, or pulses.
+
-
 
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
<div style="height: 30px; width: 320px; text-align: left; float: right; margin-left: 5px;">
+
-
 
+
-
<div style="background-color: #3F70C3; padding: 10px 10px 10px;">
+
-
<span style="font-size: 20px; font-family: Verdana; color:#FFFFFF; vertical-align: middle;">Counter - The Essence</span>
+
-
</div>
+
-
 
+
-
<div style="padding: 10px; background-color:#000000; margin-top: 5px; height: 345px;">
+
-
<center>[[Image:Counteressence.png|300px]]</center>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
<div style="width: 645px; text-align: left; float: left; margin-left: 5px">
+
-
 
+
-
<div style="padding: 10px; background-color:#000000; margin-top: 5px; height: 600px;">
+
-
 
+
-
Video Here
+
-
 
+
-
 
+
-
[[Image:Longhorn Matrix.png|630px]]
+
-
 
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
<div style="width: 600px; clear: both"></div>
+
-
 
+
-
</div>
+
-
 
+
-
<div style="width: 800px; clear: both"></div>
+
-
 
+
-
</div>
+
-
 
+
</div>
</div>
 +
</html>

Revision as of 16:35, 1 November 2011

Personal tools