Template:Leanna fb

From 2010.igem.org

(Difference between revisions)
 
(429 intermediate revisions not shown)
Line 1: Line 1:
-
{{Leanna_menu}}
+
{{Leanna_simple}}
<html>
<html>
<head>
<head>
 +
 +
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;
 +
});
 +
<style type="text/css">
<style type="text/css">
-
#header {
+
#usual {
-
top: 24px;
+
  padding:10px;
-
background-image: url('https://static.igem.org/mediawiki/2010/3/3d/Photo2clear.png');
+
  padding-bottom: 1px;
-
background-color: #f0fff0;
+
  background-color: #3b5998;
-
}
+
  border-bottom: 10px solid white;
 +
}
 +
#usual li { list-style:none; float:right; background-color: transparent; }
-
#bodyContent {
+
#usual ul a {
-
background-color: white;
+
  display:block;
-
border: none;
+
  padding:6px 10px;
-
}
+
  text-decoration:none!important;
 +
  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; }
-
#mainContent {
+
#coolll {
-
  background-image: none;
+
  background-color: #8b9dc3;
-
  background-color: #90ee90;
+
height: 27px;
-
  top: 250px;
+
width: 515px;
-
  left: 5px;
+
border: 1px solid gray;
-
  border: none;
+
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;
  }
  }
-
#rightside {
+
fbname {
-
  width: 275px;
+
  font-weight: bold;
-
background-image: none;
+
  color: #3b5998;
-
  background-color: #90ee90;
+
  font-size: small;
-
  right: 5px;
+
  font-family: verdana;
-
  top: 548px;
+
  }
  }
 +
 +
</style>
</style>
 +
 +
</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