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: | + | 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: | + | 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 | + | margin: 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: | + | 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"> | ||
- | |||
- | |||
- | |||
- | |||
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; | + | <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"> | + | <div class="tabz" id="tab2"><div> |
- | <div class="tabz" id="tab3"> | + | <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> 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> 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> 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> 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> 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
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; });