From 7c7ca24d7eee3161c7688815a8a7c9c0a302520b Mon Sep 17 00:00:00 2001 From: Max Kremmel Date: Tue, 12 May 2009 17:42:50 +0000 Subject: add some styling to tabs to make the usable --- css/tabsystem.css | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/css/tabsystem.css b/css/tabsystem.css index 9355105..9a87a01 100644 --- a/css/tabsystem.css +++ b/css/tabsystem.css @@ -1,12 +1,16 @@ - /* tabs */ -.tabsystem .tabcontainer {margin:0; padding:0; border:0; clear:both;} +.tabsystem .tabcontainer {margin:0; padding:0; border:0; clear:both; z-index:1;} .tabsystem .tabcontainer ul, -.tabsystem .tabcontainer li {margin:0; padding:0; border:0; list-style-type:none; display:inline;} +.tabsystem .tabcontainer li {margin:0; padding:0; border:0; list-style-type:none; display:inline;} .tabsystem .tabcontainer .tab, -.tabsystem .tabcontainer .tab-active {position:relative; display:inline; float:left; z-index:1; white-space:nowrap;} -.tabsystem .tabpage {clear:both;} -h4 {margin:0; padding:0; font-size:1em;} - -a.external {background:transparent url( icons/external_link.png ) no-repeat left; padding-left:12px;} +.tabsystem .tabcontainer .tab-active {position:relative; display:inline; float:left; z-index:1; white-space:nowrap;} +.tabsystem .tabpage {z-index:1; clear:both;} +h4 {margin:0; padding:0; font-size:1em;} +/* some minimalistic styling to make tabs more functional */ +.tabsystem .tabcontainer .tab, +.tabsystem .tabcontainer .tab-hover, +.tabsystem .tabcontainer .tab-active {top:3px; margin:0 3px; padding:4px 5px 1px 5px; border:1px solid #999; border-bottom:0;} +.tabsystem .tabcontainer .tab-hover {padding:3px 5px 1px 5px; border-top:2px solid #06f;} +.tabsystem .tabcontainer .tab-active {top:1px; margin:0 0px; color:#000; padding:2px 8px 4px 8px; border-top:2px solid #f60;} +.tabsystem .tabpage {border:1px solid #999; margin:0; padding:5px;} -- cgit v1.3