Team:UT Dallas/test

From 2011.igem.org

(Difference between revisions)
Line 70: Line 70:
<!--Write Everything in the div class='contents'-->
<!--Write Everything in the div class='contents'-->
-
<div class='contents'>
+
<div class="contents">
-
<div id="left">  
+
<div id="container2">
-
<ul id="accmenu">
+
<div id="container1">
-
<li><a class="head" href="#"> Introduction</a>
+
<div id="left">
-
<ul class="llmenu llmenublue">
+
<!-- Column one start -->
-
<li><a href="#">Home</a></li>
+
<ul role="tablist" class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" id="accmenu">
 +
<li class="ui-accordion-li-fix"><a tabindex="0" aria-expanded="true" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-focus ui-state-active ui-corner-top" href="#"><span class="ui-icon ui-icon-triangle-1-s"></span> Introduction</a>
 +
<ul role="tabpanel" style="position: relative; display: block; overflow: hidden; padding-top: 0px; padding-bottom: 0px;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px; overflow: hidden; display: block;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
 +
<li class="selectedLava"><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Team</a></li>
-
<li><a href="#">Photo Gallery</a></li>
+
<li><a href="#">Gallery</a></li>
<li><a href="#">Parts submitted</a></li>
<li><a href="#">Parts submitted</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="head" href="#">Sensor</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Sensor</a>
-
<ul class="llmenu llmenugreen">
+
<ul role="tabpanel" style="position: relative; display: none; overflow: hidden; padding-top: 0px; padding-bottom: 0px;" class="llmenu llmenugreen ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px; overflow: hidden; display: block;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">Introduction</a></li>
+
<li class="selectedLava"><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Plan</a></li>
Line 90: Line 93:
</li>
</li>
-
<li><a class="head" href="#">Taxis</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Taxis</a>
-
<ul class="llmenu llmenublue">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">Introduction</a></li>
+
<li class="selectedLava"><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Plan</a></li>
Line 98: Line 101:
</ul>
</ul>
</li>
</li>
-
+
 
-
<li><a class="head" href="#">Inactivate</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Inactivate</a>
-
<ul class="llmenu llmenublue">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">Introduction</a></li>
+
<li class="selectedLava"><a href="#">Introduction</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Characterization</a></li>
<li><a href="#">Characterization</a></li>
</ul>
</ul>
-
</li>
+
</li>
-
+
 
-
<li><a class="head" href="#">Toolbox</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Toolbox</a>
-
<ul class="llmenu llmenublue">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">Ligation Calculator</a></li>
+
<li class="selectedLava"><a href="#">Ligation Calculator</a></li>
<li><a href="#">Neb Double Digest</a></li>
<li><a href="#">Neb Double Digest</a></li>
<li><a href="#">Solutions Maker</a></li>
<li><a href="#">Solutions Maker</a></li>
</ul>
</ul>
</li>
</li>
-
 
-
<li><a class="head" href="#">Considerations</a>
+
 
-
<ul class="llmenu llmenublue">
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Considerations</a>
-
<li><a href="#">Human Practices</a></li>
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
 +
<li class="selectedLava"><a href="#">Human Practices</a></li>
<li><a href="#">Safety</a></li>
<li><a href="#">Safety</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="head" href="#">Future applications</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#"><span class="ui-icon ui-icon-triangle-1-e"></span>Future applications</a>
-
<ul class="llmenu llmenured">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenured ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">TBA</a></li>
+
<li class="selectedLava"><a href="#">TBA</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="head" href="#/Notebook/Week1">Notebook</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" href="#/Notebook/Week1"><span class="ui-icon ui-icon-triangle-1-e"></span>Notebook</a>
-
<ul class="llmenu llmenuyellow">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenuyellow ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#/Notebook/Summary">Summary</a></li>
+
<li class="selectedLava"><a href="#/Notebook/Summary">Summary</a></li>
<li><a href="#/Notebook/Week1">Week 1</a></li>
<li><a href="#/Notebook/Week1">Week 1</a></li>
<li><a href="#/Notebook/Week2">Week 2</a></li>
<li><a href="#/Notebook/Week2">Week 2</a></li>
Line 154: Line 157:
</ul>
</ul>
</li>
</li>
-
<li><a href="#" class="head">Our Partners</a>
+
<li class="ui-accordion-li-fix"><a tabindex="-1" aria-expanded="false" role="tab" href="#" class="head ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span>Our Partners</a>
-
<ul class="llmenu llmenublue">
+
<ul role="tabpanel" style="position: relative; display: none;" class="llmenu llmenublue ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"><li style="position: absolute; left: 0px; top: 0px; width: 150px; height: 24px;" class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
-
<li><a href="#">Sponsors</a> </li>
+
<li class="selectedLava"><a href="#">Sponsors</a> </li>
<li><a href="#">UT Dallas</a> </li>
<li><a href="#">UT Dallas</a> </li>
<li><a href="#">Publicity</a> </li>
<li><a href="#">Publicity</a> </li>
Line 162: Line 165:
</ul> </li>
</ul> </li>
-
</ul>
+
</ul>
 +
<!-- Column one end -->
</div>
</div>
-
<div id="right">contents goes here</div>
+
<div id="right">Contents go here</div>
 +
</div>
 +
</div>
 +
</div>
</div>
</div>
<div class="rounded"></div>
<div class="rounded"></div>

Revision as of 07:07, 25 September 2011