domingo, 26 de fevereiro de 2012


@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;}