ensure that <li>s within the tab content will be shown by default

descendant selectors are used instead of child selectors to maintain ie compatibility
Zerzio · Apr 20, 2010 · 995ddcf · 995ddcf
1 parent ad37f81
commit 995ddcf
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 25 deletions.
diff --git a/plugins/tabs/tabs.css b/plugins/tabs/tabs.css
@@ -5,6 +5,7 @@
 .tabs .hd .tabControl li a{display:inline-block;text-decoration: none;}
 .tabs .hd .tabControl li span{display:inline-block; text-align:center; padding: 5px 20px;}
 .tabs .bd li{display:none;}
+.tabs .bd li li{display:block;}
 .tabs .bd li.current{display:block; }
 
 .tabs .topper{padding:0;}
@@ -34,4 +35,4 @@ TODO: Position tab control top, right, bottom, left
 .tabs .hd ul{background-color: blue;}
 .tabs .hd ul li{background-color: yellow;}
 .tabs .hd ul li a{background-color: orange;}
-*/
+*/
diff --git a/plugins/tabs/tabs_doc.html b/plugins/tabs/tabs_doc.html
@@ -3,35 +3,41 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Tabs</title>
-<link rel="stylesheet" type="text/css" media="all"  href="../../core/libraries.css" />
-<link rel="stylesheet" type="text/css" media="all" href="../../core/content.css" />
-<link rel="stylesheet" type="text/css" media="all" href="../../core/module/mod.css" />
-<link rel="stylesheet" type="text/css" media="all" href="../../core/module/mod_skins.css" />
-<link rel="stylesheet" type="text/css" media="all" href="tabs.css" />
+<link rel="stylesheet" type="text/css" media="all"  href="css/libraries.css" />
+<link rel="stylesheet" type="text/css" media="all" href="css/content.css" />
+<link rel="stylesheet" type="text/css" media="all" href="css/mod.css" />
+<link rel="stylesheet" type="text/css" media="all" href="css/mod_skins.css" />
+<link rel="stylesheet" type="text/css" media="all" href="css/tabs.css" />
+
 </head>
 
 <body>
 
-<div class="mod simple tabs">
-	<b class="top"><b class="tl"></b><b class="tr"></b></b>
-	<div class="inner">
-		<div class="hd topper">
-			<ul class="tabControl"><li><a href="#"><span>Tab 1</span></a></li><li><a href="#"><span>Tab 2</span></a></li><li class="current"><a href="#"><span>Tab 3 <br /> boo foo foo</span></a></li><li><a href="#"><span>Tab 4</span></a></li><li><a href="#"><span>Tab 5</span></a></li><li><a href="#"><span>Tab 6 has lots and lots of text on one line</span></a></li></ul>
-			<ul class="controls"><li><a href="#"><span>x</span></a></li><li><a href="#"><span>-</span></a></li><li><a href="#"><span>+</span></a></li></ul>
-		</div>
-		<div class="bd">
-			<ul>
-				<li>Tab 1 Content</li>
-				<li>Tab 2 Content</li>
-				<li class="current">Tab 3 Content<br /><br /><br /></li>
-				<li>Tab 4 Content</li>
-				<li>Tab 5 Content</li>
-				<li>Tab 6 Content</li>
-			</ul>
-		</div>
-	</div>
-	<b class="bottom"><b class="bl"></b><b class="br"></b></b>
+<div class="mod simple tabs"> 
+  <b class="top"><b class="tl"></b><b class="tr"></b></b> 
+  <div class="inner">
+    <div class="hd topper">
+      <ul class="tabControl"><li><a href="#"><span>Tab 1</span></a></li><li><a href="#"><span>Tab 2</span></a></li><li class="current"><a href="#"><span>Tab 3 <br /> boo foo foo</span></a></li><li><a href="#"><span>Tab 4</span></a></li><li><a href="#"><span>Tab 5</span></a></li><li><a href="#"><span>Tab 6 has lots and lots of text on one line</span></a></li></ul>
+    	<ul class="controls"><li><a href="#"><span>x</span></a></li><li><a href="#"><span>-</span></a></li><li><a href="#"><span>+</span></a></li></ul>
+    </div>
+    <div class="bd">
+      <ul>
+        <li>Tab 1 Content</li>
+        <li>Tab 2 Content</li>
+        <li class="current">
+			Tab 3 Content
+			<ul><li>list item</li></ul>
+			<br /><br /><br />
+		</li>
+        <li>Tab 4 Content</li>
+        <li>Tab 5 Content</li>
+        <li>Tab 6 Content</li>
+      </ul>
+    </div>
+  </div>
+  <b class="bottom"><b class="bl"></b><b class="br"></b></b> 
 </div>
 
+
 </body>
 </html>