Template:Team:UNAM-Genomics Mexico/Templates/tabbed

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style type="text/css"> .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set...)
(Removing all content from page)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<style type="text/css">
 
-
.shadetabs{
 
-
padding: 3px 0;
 
-
margin-left: 0;
 
-
margin-top: 1px;
 
-
margin-bottom: 0;
 
-
font: bold 12px Verdana;
 
-
list-style-type: none;
 
-
text-align: left; /*set to left, center, or right to align the menu as desired*/
 
-
}
 
-
.shadetabs li{
 
-
display: inline;
 
-
margin: 0;
 
-
}
 
-
 
-
.shadetabs li a{
 
-
text-decoration: none;
 
-
position: relative;
 
-
z-index: 1;
 
-
padding: 3px 7px;
 
-
margin-right: 3px;
 
-
border: 1px solid #778;
 
-
color: #2d2b2b;
 
-
background: -moz-linear-gradient(bottom, #00abeb, #fff);
 
-
background: -webkit-gradient(linear, center bottom, center top, from(#00abeb), to(#fff));
 
-
}
 
-
 
-
.shadetabs li a:visited{
 
-
color: #2d2b2b;
 
-
}
 
-
 
-
.shadetabs li a:hover{
 
-
text-decoration: underline;
 
-
color: #2d2b2b;
 
-
}
 
-
 
-
.shadetabs li a.selected{ /*selected main tab style */
 
-
position: relative;
 
-
top: 1px;
 
-
}
 
-
 
-
.shadetabs li a.selected{ /*selected main tab style */
 
-
background: -moz-linear-gradient(top, #00abeb, #fff);
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
 
-
border-bottom-color: white;
 
-
}
 
-
 
-
.shadetabs li a.selected:hover{ /*selected main tab style */
 
-
text-decoration: none;
 
-
}
 
-
 
-
.tabcontent{
 
-
display:none;
 
-
}
 
-
 
-
@media print {
 
-
.tabcontent {
 
-
display:block !important;
 
-
}
 
-
}
 
-
</style>
 
-
 
-
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js"></script>
 
-
 
-
</head>
 
-
 
-
<body>
 
-
<h3></html><div>{{{Main_Tabs_Title}}}</div><html></h3>
 
-
 
-
<ul id="countrytabs" class="shadetabs">
 
-
<li><a href="#" rel="country1" class="selected"></html><div>{{{Tab_1_Title}}}</div><html></a></li>
 
-
<li><a href="#" rel="country2"></html><div>{{{Tab 2 Title}}}</div><html></a></li>
 
-
<li><a href="#" rel="country3"></html><div>{{{Tab 3 Title}}}</div><html></a></li>
 
-
</ul>
 
-
 
-
<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
 
-
 
-
<div id="country1" class="tabcontent">
 
-
</html><div>{{{Tab_1_Content}}}</div><html>
 
-
</div>
 
-
 
-
<div id="country2" class="tabcontent">
 
-
</html><div>{{{Tab_2_Content}}}</div><html>
 
-
</div>
 
-
 
-
<div id="country3" class="tabcontent">
 
-
</html><div>{{{Tab_3_Content}}}</div><html>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<script type="text/javascript">
 
-
 
-
var countries=new ddtabcontent("countrytabs")
 
-
countries.setpersist(true)
 
-
countries.setselectedClassTarget("link") //"link" or "linkparent"
 
-
countries.init()
 
-
 
-
</script>
 
-
 
-
</body>
 
-
</html>
 

Latest revision as of 02:30, 2 August 2010