Template:Leanna fb

From 2010.igem.org

(Difference between revisions)
 
(260 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 {
-
   background: pink;
+
   padding:10px;
-
   padding:0px;
+
   padding-bottom: 1px;
-
   width:500px;
+
   background-color: #3b5998;
-
   border:1px solid #222;
+
   border-bottom: 10px solid white;
}
}
-
#usual li { list-style:none; float:right; }
+
#usual li { list-style:none; float:right; background-color: transparent; }
 +
 
#usual ul a {
#usual ul a {
   display:block;
   display:block;
Line 19: Line 27:
   margin-left:0;
   margin-left:0;
   font:10px Verdana;
   font:10px Verdana;
-
   color:#FFF;
+
   color: #fff !important;
-
   background:#8b9dc3;
+
   background: #8b9dc3;
}
}
#usual ul a:hover {
#usual ul a:hover {
   color:#FFF;
   color:#FFF;
-
   background:#111;
+
   background:#97a7c9;
   }
   }
#usual ul a.selected {
#usual ul a.selected {
-
  margin-bottom:0;
+
   color:#fff;
-
   color:#000;
+
   background:#8b9dc3;
-
   background:snow;
+
   cursor: default;
-
  border-bottom:1px solid snow;
+
-
   cursor:default;
+
   }
   }
#usual div {
#usual div {
-
   padding:10px 10px 8px 10px;
+
   padding:0px;
   *padding-top:3px;
   *padding-top:3px;
 +
  margin: 0px;
   *margin-top:-15px;
   *margin-top:-15px;
-
   clear:left;
+
   clear:right;
-
   background:snow;
+
   background: #3b5998;
   font:10pt Georgia;
   font:10pt Georgia;
}
}
#usual div a { color:#000; font-weight:bold; }
#usual div a { color:#000; font-weight:bold; }
 +
 +
#coolll {
 +
background-color: #8b9dc3;
 +
height: 27px;
 +
width: 515px;
 +
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>
Line 49: 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> --!>
 
     <div id="usual">
     <div id="usual">
-
      <div class="example">
 
           <div id="usual1" class="usual">
           <div id="usual1" class="usual">
-
 
+
             <ul id="coolll">
-
             <ul>
+
              <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>
-
               <li><a href="#tab1">Tab 1</a></li>
+
              <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="#tab2">Tab 2</a></li>
+
               <li><a href="#tab1">Account</a></li>
-
               <li><a href="#tab3">Tab 3</a></li>
+
               <li><a href="#tab2">Profile</a></li>
 +
               <li><a href="#tab3" class="selected">Home</a></li>
             </ul>
             </ul>
-
            <div id="tab1">This is tab 1.</div>
 
-
            <div id="tab2">More content in tab 2.</div>
 
-
            <div id="tab3">Tab 3 is always last!</div>
 
           </div>
           </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">
           <script type="text/javascript">
Line 74: Line 125:
           </script>
           </script>
-
       </div></div>
+
       </div>
</div>
</div>

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