Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 

     9 .x-tab-panel {

    10     overflow:hidden;

    11 }

    12 .x-tab-panel-header, .x-tab-panel-footer {

    13 	background: #deecfd;

    14 	border: 1px solid #8db2e3;

    15     overflow:hidden;

    16     zoom:1;

    17 }

    18 

    19 

    20 .x-tab-panel-header {

    21 	border: 1px solid #8db2e3;

    22 	padding-bottom: 2px;

    23 }

    24 

    25 .x-tab-panel-footer {

    26 	border: 1px solid #8db2e3;

    27 	padding-top: 2px;

    28 }

    29 

    30 

    31 .x-tab-strip-wrap {

    32 	width:100%;

    33     overflow:hidden;

    34     position:relative;

    35     zoom:1;

    36 }

    37 ul.x-tab-strip {

    38 	display:block;

    39     width:5000px;

    40     zoom:1;

    41 }

    42 

    43 ul.x-tab-strip-top{

    44 	padding-top: 1px;

    45 	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;

    46 	border-bottom: 1px solid #8db2e3;

    47 }

    48 

    49 ul.x-tab-strip-bottom{

    50 	padding-bottom: 1px;

    51 	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;

    52 	border-top: 1px solid #8db2e3;

    53 	border-bottom: 0 none;

    54 }

    55 

    56 .x-tab-panel-header-plain .x-tab-strip-top {

    57     background:transparent !important;

    58     padding-top:0 !important;

    59 }

    60 .x-tab-panel-header-plain {

    61     background:transparent !important;

    62     border-width:0 !important;

    63     padding-bottom:0 !important;

    64 }

    65 

    66 .x-tab-panel-header-plain .x-tab-strip-spacer {

    67     border:1px solid #8db2e3;

    68     border-top: 0 none;

    69     height:2px;

    70     background: #deecfd;

    71     font-size:1px;

    72     line-height:1px;

    73 }

    74 

    75 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {

    76     height:3px;

    77 }

    78 

    79 

    80 ul.x-tab-strip li {

    81     float:left;

    82     margin-left:2px;

    83 }

    84 

    85 

    86 ul.x-tab-strip li.x-tab-edge {

    87     float:left;

    88     margin:0 !important;

    89     padding:0 !important;

    90     border:0 none !important;

    91     font-size:1px !important;

    92     line-height:1px !important;

    93     overflow:hidden;

    94     zoom:1;

    95     background:transparent !important;

    96     width:1px;

    97 }

    98 

    99 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {

   100 	display:block;

   101 }

   102 

   103 .x-tab-strip a {

   104 	text-decoration:none !important;

   105 	-moz-outline: none;

   106 	outline: none;

   107 	cursor:pointer;

   108 }

   109 

   110 .x-tab-strip-inner {

   111     overflow:hidden;

   112 	text-overflow: ellipsis;

   113 }

   114 

   115 .x-tab-strip span.x-tab-strip-text {

   116 	font:normal 11px tahoma,arial,helvetica;

   117 	color:#416aa3;

   118 	white-space: nowrap;

   119 	cursor:pointer;

   120     padding:4px 0;

   121 }

   122 .x-tab-strip .x-tab-with-icon .x-tab-right {

   123     padding-left:6px;

   124 }

   125 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {

   126 	padding-left:20px;

   127     background-position: 0 3px;

   128     background-repeat: no-repeat;

   129 }

   130 

   131 .x-tab-strip-over span.x-tab-strip-text {

   132 	color:#15428b;

   133 }

   134 

   135 .x-tab-strip-active {

   136     cursor:default;

   137 }

   138 

   139 .x-tab-strip-active span.x-tab-strip-text {

   140 	cursor:default;

   141 	color:#15428b;

   142     font-weight:bold;

   143 }

   144 

   145 .x-tab-strip-disabled .x-tabs-text {

   146 	cursor:default;

   147 	color:#aaaaaa;

   148 }

   149 

   150 .x-tab-panel-body {

   151     overflow:hidden;

   152 }

   153 .x-tab-panel-bwrap {

   154     overflow:hidden;

   155 }

   156 .ext-ie .x-tab-strip .x-tab-right {

   157     position:relative;

   158 }

   159 

   160 .x-tab-strip-top .x-tab-strip-active .x-tab-right {

   161     margin-bottom:-1px;

   162 }

   163 

   164 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {

   165     padding-bottom:5px;

   166 }

   167 

   168 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {

   169     margin-top:-1px;

   170 }

   171 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {

   172     padding-top:5px;

   173 }

   174 

   175 

   176 .x-tab-strip-top .x-tab-right {

   177 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;

   178     padding-left:10px;

   179 }

   180 

   181 .x-tab-strip-top .x-tab-left {

   182 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;

   183     padding-right:10px;

   184 }

   185 

   186 .x-tab-strip-top .x-tab-strip-inner {

   187 	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;

   188 }

   189 

   190 .x-tab-strip-top .x-tab-strip-over .x-tab-right {

   191 	 background-position:0 -101px;

   192 }

   193 .x-tab-strip-top .x-tab-strip-over .x-tab-left {

   194 	 background-position:right -401px;

   195 }

   196 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {

   197 	 background-position:0 -251px;

   198 }

   199 

   200 .x-tab-strip-top .x-tab-strip-active .x-tab-right {

   201 	background-position: 0 0;

   202 }

   203 

   204 .x-tab-strip-top .x-tab-strip-active .x-tab-left {

   205 	background-position: right -301px;

   206 }

   207 

   208 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {

   209 	background-position: 0 -151px;

   210 }

   211 

   212 .x-tab-strip-bottom .x-tab-right {

   213 	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;

   214 }

   215 

   216 .x-tab-strip-bottom .x-tab-left {

   217 	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;

   218 }

   219 

   220 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {

   221 	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;

   222 }

   223 

   224 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {

   225 	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;

   226 }

   227 .x-tab-strip-bottom .x-tab-left {

   228     padding:0 10px;

   229 }

   230 .x-tab-strip-bottom .x-tab-right {

   231     padding:0;

   232 }

   233 .x-tab-strip .x-tab-strip-close {

   234     display:none;

   235 }

   236 .x-tab-strip-closable {

   237     position:relative;

   238 }

   239 

   240 .x-tab-strip-closable .x-tab-left {

   241     padding-right:19px;

   242 }

   243 

   244 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {

   245 	background-image:url(../images/default/tabs/tab-close.gif);

   246     opacity:.6;

   247     -moz-opacity:.6;

   248     background-repeat:no-repeat;

   249     display:block;

   250 	width:11px;height:11px;

   251     position:absolute;

   252     top:3px;

   253     right:3px;

   254     cursor:pointer;

   255     z-index:2;

   256 }

   257 

   258 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {

   259     opacity:.8;

   260     -moz-opacity:.8;

   261 }

   262 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{

   263 	background-image:url(../images/default/tabs/tab-close.gif);

   264     opacity:1;

   265     -moz-opacity:1;

   266 }

   267 

   268 .x-tab-panel-body {

   269     border: 1px solid #8db2e3;

   270     background:#fff;

   271 }

   272 .x-tab-panel-body-top {

   273     border-top: 0 none;

   274 }

   275 .x-tab-panel-body-bottom {

   276     border-bottom: 0 none;

   277 }

   278 

   279 .x-tab-scroller-left {

   280     background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;

   281     border-bottom: 1px solid #8db2e3;

   282     width:18px;

   283     position:absolute;

   284     left:0;

   285     top:0;

   286     z-index:10;

   287     cursor:pointer;

   288 }

   289 .x-tab-scroller-left-over {

   290     background-position: 0 0;

   291 }

   292 .x-tab-scroller-left-disabled {

   293     background-position: -18px 0;

   294     opacity:.5;

   295     -moz-opacity:.5;

   296     filter:alpha(opacity=50);

   297     cursor:default;

   298 }

   299 .x-tab-scroller-right {

   300     background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;

   301     border-bottom: 1px solid #8db2e3;

   302     width:18px;

   303     position:absolute;

   304     right:0;

   305     top:0;

   306     z-index:10;

   307     cursor:pointer;

   308 }

   309 .x-tab-scroller-right-over {

   310     background-position: -18px 0;

   311 }

   312 .x-tab-scroller-right-disabled {

   313     background-position: 0 0;

   314     opacity:.5;

   315     -moz-opacity:.5;

   316     filter:alpha(opacity=50);

   317     cursor:default;

   318 }

   319 

   320 .x-tab-scrolling .x-tab-strip-wrap {

   321     margin-left:18px;

   322     margin-right:18px;

   323 }

   324 

   325 .x-tab-scrolling {

   326     position:relative;    

   327 }

   328 

   329 .x-tab-panel-bbar .x-toolbar {

   330     border:1px solid #99bbe8;

   331     border-top:0 none;

   332     overflow:hidden;

   333     padding:2px;

   334 }

   335 

   336 .x-tab-panel-tbar .x-toolbar {

   337     border:1px solid #99bbe8;

   338     border-top:0 none;

   339     overflow:hidden;

   340     padding:2px;

   341 }