Tabs: Better styling for bottom tabs demo. Partial fix for #4785 - Ad…

…d a tabs demo with the tabs at the bottom.
jquery · Aug 2, 2011 · 6ca310f49a010dc0c650da155dab378544f08363 · 6ca310f
1 parent 8108ec8
commit 6ca310f49a010dc0c650da155dab378544f08363
Unified Split

Showing with 4 additions and 5 deletions.

+4 −5 demos/tabs/bottom.html
diff --git a/demos/tabs/bottom.html b/demos/tabs/bottom.html
@@ -18,11 +18,10 @@
 	});
 	</script>
 	<style>
-  
-	#tabs { height: 200px; } 
-  
-	.tabs-bottom { position: relative; } 
-  
-	.tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; } 
-  
-	.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
-  
-	.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
+  
+	#tabs { height: 200px; }
+  
+	.tabs-bottom .ui-tabs-nav { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 .2em .2em; }
+  
+	.tabs-bottom .ui-tabs-nav li { top: auto; bottom: 0; margin: 0 .2em 1px 0; border-bottom: auto; border-top: 0 !important; }
+  
+	.tabs-bottom .ui-tabs-nav li.ui-tabs-active { margin-top: -1px; padding-top: 1px; }
 	</style>
 </head>
 <body>