3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
8 background-color: #4E78B1;
\r
9 border: solid 15px #4E78B1;
\r
11 .x-tab-panel-left .x-grouptabs-panel-header,
\r
12 .x-tab-panel-right .x-grouptabs-panel-header {
\r
15 background: transparent;
\r
17 .x-tab-panel-right .x-grouptabs-panel-header {
\r
20 .x-tab-panel-left .x-grouptabs-bwrap {
\r
24 .x-tab-panel-right .x-grouptabs-bwrap {
\r
28 .x-tab-panel-left ul.x-grouptabs-strip,
\r
29 .x-tab-panel-right ul.x-grouptabs-strip {
\r
33 .x-tab-panel-left ul.x-grouptabs-strip li,
\r
34 .x-tab-panel-right ul.x-grouptabs-strip li {
\r
35 padding: 6px 0 2px 6px;
\r
41 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
\r
42 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
48 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
51 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
52 padding-right: 18px;
\r
55 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
\r
56 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
61 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
64 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
68 .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
\r
70 white-space: nowrap;
\r
73 font-family: tahoma, arial, sans-serif;
\r
75 text-decoration: none;
\r
77 .x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
\r
81 .x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
\r
85 .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
\r
86 font-weight: normal;
\r
96 .x-grouptabs-panel .x-grouptabs-panel-body {
\r
97 border: 1px solid #999;
\r
100 .x-grouptabs-panel ul.x-grouptabs-strip li {
\r
101 border-top: 1px solid transparent;
\r
102 border-bottom: 1px solid transparent;
\r
103 border-left: 1px solid transparent;
\r
106 .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
109 border-top: 1px solid #999;
\r
110 border-bottom: 1px solid #999;
\r
113 .x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
114 border-left: 1px solid #999;
\r
116 .x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
117 border-right: 1px solid #999;
\r
120 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
\r
121 background-color: #EDEEF0;
\r
124 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
\r
125 background-color: transparent;
\r
128 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
\r
129 border-color: transparent;
\r
133 .x-grouptabs-panel .x-grouptabs-corner {
\r
134 background-image: url('../images/x-grouptabs-corners.gif');
\r
138 position: absolute;
\r
144 .x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
\r
147 .x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
\r
151 .x-grouptabs-panel .x-grouptabs-corner-top-left {
\r
152 background-position: top left;
\r
155 .x-grouptabs-panel .x-grouptabs-corner-bottom-left {
\r
156 background-position: bottom left;
\r
157 left: 0; bottom: 0;
\r
159 .x-grouptabs-panel .x-grouptabs-corner-top-right {
\r
160 background-position: top right;
\r
163 .x-grouptabs-panel .x-grouptabs-corner-bottom-right {
\r
164 background-position: bottom right;
\r
165 right: 0; bottom: 0;
\r
167 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
\r
168 bottom: -4px; left: -4px;
\r
170 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
\r
171 bottom: -4px; right: -4px;
\r
173 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
\r
174 top: -4px; left: -4px;
\r
176 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
\r
177 top: -4px; right: -4px;
\r
180 .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
\r
181 background-repeat: no-repeat;
\r
182 padding-left: 20px;
\r
185 /* General tab styling */
\r
186 .x-grouptabs-panel .x-grouptabs-expand {
\r
187 background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
\r
190 position: absolute;
\r
195 .ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
\r
196 .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
\r
200 .x-grouptabs-expanded .x-grouptabs-expand {
\r
201 background-image: url('../images/elbow-minus-nl.gif');
\r
204 /* GroupTabs sub group styling */
\r
210 .x-grouptabs-expanded .x-grouptabs-sub {
\r
214 .x-grouptabs-panel ul.x-grouptabs-sub li {
\r
220 .x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
\r
225 border-style:none !important;
\r