Template:Leanna fb

From 2010.igem.org

(Difference between revisions)
 
(152 intermediate revisions not shown)
Line 3: Line 3:
<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">
#usual {
#usual {
   padding:10px;
   padding:10px;
-
   background-color: pink;
+
  padding-bottom: 1px;
 +
   background-color: #3b5998;
   border-bottom: 10px solid white;
   border-bottom: 10px solid white;
}
}
Line 32: Line 40:
   }
   }
#usual div {
#usual div {
-
   padding:10px 10px 5px 10px;
+
   padding:0px;
   *padding-top:3px;
   *padding-top:3px;
   margin: 0px;
   margin: 0px;
Line 45: Line 53:
  background-color: #8b9dc3;
  background-color: #8b9dc3;
  height: 27px;
  height: 27px;
 +
width: 515px;
  border: 1px solid gray;
  border: 1px solid gray;
 +
float: right;
  border-bottom: none;
  border-bottom: none;
}
}
.tabz {
.tabz {
-
  margin-top: 0px;
+
  margin: 0px;
-
padding-top: 0px;
+
  background-color: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
  border: 1px solid gray;
  border: 1px solid gray;
 +
padding: 10px 10px 10px 10px !important;
  border-top: none;
  border-top: none;
  float:right;
  float:right;
-
  width: 515px;
+
  width: 495px;
 +
height: 400px;
  }
  }
 +
 +
fbname {
 +
font-weight: bold;
 +
color: #3b5998;
 +
font-size: small;
 +
font-family: verdana;
 +
}
 +
</style>
</style>
Line 65: Line 84:
<body>
<body>
<div id="mainContent"  class="ui-widget-content">
<div id="mainContent"  class="ui-widget-content">
-
<!-- <h3 class="ui-widget-header ui-corner-all" style="font-weight: bold; height: 40px; background-color: #3b5998; color: white; background-image: none;"><br>&nbsp;&nbsp;partbook</h2>
 
-
<p class = "txtContainer" style="font-family:Osaka, verdana, Sans-Serif; left: 115px; height: 15px; width: 500px; background-color: #8b9dc3; background-image: none; padding-bottom: 5px; font-weight: bold; border: none; font-size: 10px; top: -47px; text-align: right; vertical-align: bottom; color: white;">Home Profile FHFKEW
 
-
</p>
 
-
<p class="txtContainer" style="top: -47px; margin: 0px; padding: 10px;"> HI </p> --!>
 
Line 75: Line 90:
           <div id="usual1" class="usual">
           <div id="usual1" class="usual">
             <ul id="coolll">
             <ul id="coolll">
-
               <div style="float: left; position: relative; left: 25px; background-color: #3b5998; font-weight: bold; color: white; font-family: sans-serif; font-size: 135%; bottom: 3px; left:-10px;">partbook</div>
+
               <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="#tab1">Account</a></li>
               <li><a href="#tab2">Profile</a></li>
               <li><a href="#tab2">Profile</a></li>
Line 81: Line 97:
             </ul>
             </ul>
           </div>
           </div>
-
 
           <div id="usual1" class="usual">
           <div id="usual1" class="usual">
             <div class="tabz" id="tab1">This is tab 1.</div>
             <div class="tabz" id="tab1">This is tab 1.</div>
-
             <div class="tabz" id="tab2">More content in tab 2.</div>
+
             <div class="tabz" id="tab2"><div>
-
             <div class="tabz" id="tab3">Tab 3 is always last!</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>
 +
          <div class="tabz" id="tab4">K415000</div>
           <script type="text/javascript">
           <script type="text/javascript">

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