Template:Leanna fb

From 2010.igem.org

(Difference between revisions)
 
(422 intermediate revisions not shown)
Line 1: Line 1:
-
{{Leanna_menu}}
+
{{Leanna_simple}}
<html>
<html>
<head>
<head>
-
<style type="text/css">
 
-
#header {
 
-
top: 24px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/3/3d/Photo2clear.png');
 
-
background-color: #f0fff0;
 
-
}
 
-
#bodyContent {
+
var $tabs = $('#example').tabs(); // first tab selected
-
background-color: white;
+
-
border: none;
+
-
}
+
-
#mainContent {
+
$('#linky').click(function() { // bind click event to link
-
background-image: none;
+
    $tabs.tabs('select', 2); // switch to third tab
-
background-color: #90ee90;
+
    return false;
-
top: 250px;
+
});
-
left: 5px;
+
-
border: none;
+
-
}
+
-
#rightside {
+
<style type="text/css">
-
width: 275px;
+
#usual {
-
background-image: none;
+
  padding:10px;
-
background-color: #90ee90;
+
  padding-bottom: 1px;
-
right: 5px;
+
  background-color: #3b5998;
-
border: none;
+
  border-bottom: 10px solid white;
-
top: 550px;
+
-
}
+
-
 
+
-
#minorRight{
+
-
width: 160px;
+
-
z-index 2;
+
-
position: absolute;
+
-
top: 260px;
+
-
right: 50px;
+
-
background-color:#EEE8AA;
+
}
}
 +
#usual li { list-style:none; float:right; background-color: transparent; }
-
.ui-widget-header {
+
#usual ul a {
-
background: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
+
  display:block;
-
border: none;
+
  padding:6px 10px;
-
color: black;
+
  text-decoration:none!important;
-
font-weight:bold;
+
  margin:1px;
 +
  margin-left:0;
 +
  font:10px Verdana;
 +
  color: #fff !important;
 +
  background: #8b9dc3;
}
}
 +
#usual ul a:hover {
 +
  color:#FFF;
 +
  background:#97a7c9;
 +
  }
 +
#usual ul a.selected {
 +
  color:#fff;
 +
  background:#8b9dc3;
 +
  cursor: default;
 +
  }
 +
#usual div {
 +
  padding:0px;
 +
  *padding-top:3px;
 +
  margin: 0px;
 +
  *margin-top:-15px;
 +
  clear:right;
 +
  background: #3b5998;
 +
  font:10pt Georgia;
 +
}
 +
#usual div a { color:#000; font-weight:bold; }
-
.ui-widget-content {
+
#coolll {
-
background:url("https://static.igem.org/mediawiki/2010/3/34/Transparency50.png") repeat-x scroll 50% 50% #FFFFFF;
+
background-color: #8b9dc3;
-
border:none;
+
height: 27px;
-
font-family: Osaka, verdana, Sans-Serif;
+
width: 515px;
-
color:#222222;
+
border: 1px solid gray;
 +
float: right;
 +
border-bottom: none;
}
}
 +
 +
.tabz {
 +
margin: 0px;
 +
background-color: #f7f7f7 !important;
 +
border: 1px solid gray;
 +
padding: 10px 10px 10px 10px !important;
 +
border-top: none;
 +
float:right;
 +
width: 495px;
 +
height: 400px;
 +
}
 +
 +
fbname {
 +
font-weight: bold;
 +
color: #3b5998;
 +
font-size: small;
 +
font-family: verdana;
 +
}
 +
 +
</style>
</style>
-
<div id="mainContent"  class="ui-widget-content"">
 
-
<h2 class="ui-widget-header ui-corner-all" style="
 
-
color:#EEE8AA;; padding: 5px; font-family:Osaka, verdana, Sans-Serif; letter-spacing: 5px;">Project Description</h2>
 
-
<p class = "txtContainer" style="font-family:Osaka, verdana, Sans-Serif; " >
 
-
In an effort to form self-assembling three-dimensional biomaterials, we are attempting two parallel paths in mammalian differentiation and phage polymerization. In mammalian cells, our goal is to induce bone formation in response to a pressure stimulus. Our system will sense mechanical stimulation via a pressure-sensitive promoter, identified by screening the fluid shear stress response of a library of candidate promoters in microfluidic devices. The activity of this promoter will feed into a bi-stable toggle circuit, optimized using a mathematical model, which will convert a transient stimulus into constitutive expression of a factor that induces bone formation. For our phage portion, we plan to induce polymer formation in bacterial cells, using UV light to control the pattern of polymer growth. In addition, we will integrate various fluorescent proteins into our system, each of which is dependent upon quorum sensing processes. Our completed project will allow for the creation of visible bacteriophage structures against a user-directed, multichromatic background.
 
-
</p>
 
-
</div>
 
</head>
</head>
 +
<body>
 +
<div id="mainContent"  class="ui-widget-content">
 +
 +
 +
    <div id="usual">
 +
 +
          <div id="usual1" class="usual">
 +
            <ul id="coolll">
 +
              <div><a style="float: left; position: relative; top: -1px; height: 23px; padding: 5px 20px 0px 10px; background-color: #3b5998; font-weight: bold; color: white; font-family: sans-serif; font-size: 135%; left:-107px;" href="#tab3">partbook</a></div>
 +
              <div><a style="float: left; position: relative; top: 25px; height: 23px; padding: 5px; font-size: small; background-color: #3b5998; font-weight: bold; color: white; font-family: sans-serif; left:-178px;" href="#tab4">K415000</a></div>
 +
              <li><a href="#tab1">Account</a></li>
 +
              <li><a href="#tab2">Profile</a></li>
 +
              <li><a href="#tab3" class="selected">Home</a></li>
 +
            </ul>
 +
          </div>
 +
          <div id="usual1" class="usual">
 +
            <div class="tabz" id="tab1">This is tab 1.</div>
 +
            <div class="tabz" id="tab2"><div>
 +
          <div id="usual"><div id="usual1" class="inner" style="background:snow;">
 +
              <ul><li><a href="#tabsub1">Videos</a></li>
 +
              <li><a href="#tabsub2">Photos</a></li>
 +
              <li><a href="#tabsub3">Info</a></li>
 +
              <li><a href="#tabsub4" class="selected">Wall</a></li>
 +
              </ul>
 +
              <div id="tabsub1"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname>&nbsp;can't wait until the Jamboree!! :)<br><br><tr><td>is<td>who?</table></div>
 +
 +
              <div id="tabsub2"><div style="background-color: snow; font-size: large; padding-top: 0px;"><fbname>Photos of MIT iGEM</fbname></div><table style="width:100%;"><tr><td><a href="https://static.igem.org/mediawiki/2010/3/38/SNC00420.jpg" class="thickbox" reI="fbigem" title="Jon standing over the gel box."><img src="https://static.igem.org/mediawiki/2010/3/38/SNC00420.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/c/ca/Pelleted000.jpg" class="thickbox" reI="fbigem" title="Two tubes of pelleted K415000."><img src="https://static.igem.org/mediawiki/2010/c/ca/Pelleted000.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/6/6f/Hellokitty.jpg" class="thickbox" title="Hello Kitty."><img src="https://static.igem.org/mediawiki/2010/6/6f/Hellokitty.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/9/93/Simplicity.jpg" class="thickbox" title="I'm just glad it's so simple."><img src="https://static.igem.org/mediawiki/2010/9/93/Simplicity.jpg" width=100px></a></table></div>
 +
 +
              <div id="tabsub3"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname>&nbsp;can't wait until the Jamboree!! :)<br><br><tr><td>my<td>name</table></div>
 +
 +
              <div id="tabsub4"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname>&nbsp;can't wait until the Jamboree!! :)<br><br><tr><td style="text-align: center; font-family: sans-serif;">Photos of MIT iGEM<td>cool</table></div>
 +
              </div>
 +
</div></div></div>
 +
              </div>
 +
            <div class="tabz" id="tab3"><table style="margin-bottom: 10px;"><tr><td style="padding-right: 5px;"><a id="linky"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=50px></a><td><fbname>MIT iGEM</fbname>&nbsp;&nbsp;&nbsp;MIT's 2010 iGEM team has combined past biobricks, improved some registry parts, and biobricked many new parts altogether. Get to know our parts and their names and functions!!</table>
 +
            <table style="margin-bottom: 10px;"><tr><td style="padding-right: 5px;"><img src="" width=50px><td><fbname>K415000</fbname>&nbsp;&nbsp;is working properly, but is only an intermediate.</table>
 +
          </div>
 +
          <div class="tabz" id="tab4">K415000</div>
 +
 +
          <script type="text/javascript">
 +
            $("#usual1 ul").idTabs();
 +
          </script>
 +
 +
      </div>
 +
</div>
 +
 +
 +
</body>
</html>
</html>

Latest revision as of 15:36, 13 August 2010

iGEM by numbers




var $tabs = $('#example').tabs(); // first tab selected $('#linky').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false; });

This is tab 1.
MIT iGEM can't wait until the Jamboree!! :)

iswho?
Photos of MIT iGEM
MIT iGEM can't wait until the Jamboree!! :)

myname
MIT iGEM can't wait until the Jamboree!! :)

Photos of MIT iGEMcool
MIT iGEM   MIT's 2010 iGEM team has combined past biobricks, improved some registry parts, and biobricked many new parts altogether. Get to know our parts and their names and functions!!
K415000  is working properly, but is only an intermediate.
K415000