@charset "UTF-8"; /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0; position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 14px sans-serif; color:#630; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; } li.TabbedPanelsTabHover{ background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat; } li.TabbedPanelsTabSelected { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat; border-bottom: 1px solid #EEE; } li.TabbedPanelsTab a { color: black; text-decoration: none; background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; } .TabbedPanelsContentGroup { clear: both; width:375px; } .TabbedPanelsContent { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat; padding: 4px 10px; height:320px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }