"
Template:Leanna fb
From 2010.igem.org
(Difference between revisions)
| (251 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: | + | padding:10px; |
| - | + | padding-bottom: 1px; | |
| - | border: | + | background-color: #3b5998; |
| + | border-bottom: 10px solid white; | ||
} | } | ||
| - | #usual li { list-style:none | + | #usual li { list-style:none; float:right; background-color: transparent; } |
#usual ul a { | #usual ul a { | ||
| Line 19: | Line 27: | ||
margin-left:0; | margin-left:0; | ||
font:10px Verdana; | font:10px Verdana; | ||
| - | color:# | + | color: #fff !important; |
| - | background:# | + | background: #8b9dc3; |
} | } | ||
#usual ul a:hover { | #usual ul a:hover { | ||
color:#FFF; | color:#FFF; | ||
| - | background:# | + | background:#97a7c9; |
} | } | ||
#usual ul a.selected { | #usual ul a.selected { | ||
| - | |||
color:#fff; | color:#fff; | ||
| - | background:# | + | background:#8b9dc3; |
| - | + | cursor: default; | |
| - | cursor:default; | + | |
} | } | ||
#usual div { | #usual div { | ||
| - | padding: | + | padding:0px; |
*padding-top:3px; | *padding-top:3px; | ||
| + | margin: 0px; | ||
*margin-top:-15px; | *margin-top:-15px; | ||
| - | clear: | + | clear:right; |
| - | background: | + | 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"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<div id="usual"> | <div id="usual"> | ||
| - | |||
<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"> | + | <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"> | + | <li><a href="#tab1">Account</a></li> |
| - | <li><a href="#tab3"> | + | <li><a href="#tab2">Profile</a></li> |
| + | <li><a href="#tab3" class="selected">Home</a></li> | ||
</ul> | </ul> | ||
| - | |||
| - | |||
| - | |||
</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> 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 class="tabz" id="tab4">K415000</div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 74: | Line 125: | ||
</script> | </script> | ||
| - | + | </div> | |
</div> | </div> | ||
Latest revision as of 15:36, 13 August 2010
iGEM 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; });
This is tab 1.
|
K415000
