resources/css/theme-access/tabs.css

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-tab-panel-header, .x-tab-panel-footer {
   8         background-color:#e18325;
   9         border-color:#8db2e3;
  10     overflow:hidden;
  11     zoom:1;
  12 }
  13
  14 .x-tab-panel-header, .x-tab-panel-footer {
  15         border-color:#222;
  16 }
  17
  18 ul.x-tab-strip-top{
  19     background-color:#343843;
  20         background-image: url(../images/access/tabs/tab-strip-bg.gif);
  21         border-bottom-color:#343d4e;
  22 }
  23
  24 ul.x-tab-strip-bottom{
  25     background-color:#343843;
  26         background-image: url(../images/access/tabs/tab-strip-btm-bg.gif);
  27         border-top-color:#343843;
  28 }
  29
  30 .x-tab-panel-header-plain .x-tab-strip-spacer,
  31 .x-tab-panel-footer-plain .x-tab-strip-spacer {
  32     border-color:#222;
  33     background-color:#e18325;
  34 }
  35
  36 .x-tab-strip span.x-tab-strip-text {
  37         font:normal 14px tahoma,arial,helvetica;
  38         color:#fff;
  39 }
  40
  41 .x-tab-strip-over span.x-tab-strip-text {
  42         color:#fff;
  43 }
  44
  45 .x-tab-strip-active span.x-tab-strip-text {
  46         color:#fff;
  47     font-weight:bold;
  48 }
  49
  50 .x-tab-strip-disabled .x-tabs-text {
  51         color:#aaaaaa;
  52 }
  53
  54 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
  55         background-image: url(../images/access/tabs/tabs-sprite.gif);
  56 }
  57
  58 .x-tab-strip-bottom .x-tab-right {
  59         background-image: url(../images/access/tabs/tab-btm-inactive-right-bg.gif);
  60 }
  61
  62 .x-tab-strip-bottom .x-tab-left {
  63         background-image: url(../images/access/tabs/tab-btm-inactive-left-bg.gif);
  64 }
  65
  66 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  67         background-image: url(../images/access/tabs/tab-btm-right-bg.gif);
  68 }
  69
  70 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  71         background-image: url(../images/access/tabs/tab-btm-left-bg.gif);
  72 }
  73
  74 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  75         background-image:url(../images/access/tabs/tab-close.gif);
  76 }
  77
  78 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  79         background-image:url(../images/access/tabs/tab-close.gif);
  80 }
  81
  82 .x-tab-panel-body {
  83     border-color:#18181a;
  84     background-color:#fff;
  85 }
  86
  87 .x-tab-panel-body-top {
  88     border-top: 0 none;
  89 }
  90
  91 .x-tab-panel-body-bottom {
  92     border-bottom: 0 none;
  93 }
  94
  95 .x-tab-scroller-left {
  96     background-image:url(../images/access/tabs/scroll-left.gif);
  97     border-bottom-color:#8db2e3;
  98 }
  99
 100 .x-tab-scroller-left-over {
 101     background-position: 0 0;
 102 }
 103
 104 .x-tab-scroller-left-disabled {
 105     background-position: -18px 0;
 106     opacity:.5;
 107     -moz-opacity:.5;
 108     filter:alpha(opacity=50);
 109     cursor:default;
 110 }
 111
 112 .x-tab-scroller-right {
 113     background-image:url(../images/access/tabs/scroll-right.gif);
 114     border-bottom-color:#8db2e3;
 115 }
 116
 117 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
 118     border-color:#99bbe8;
 119 }