resources/css/visual/tabs.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 .x-tab-panel-header, .x-tab-panel-footer {
   8         background-color: #deecfd;
   9         border-color:#8db2e3;
  10     overflow:hidden;
  11     zoom:1;
  12 }
  13
  14 .x-tab-panel-header, .x-tab-panel-footer {
  15         border-color:#8db2e3;
  16 }
  17
  18 ul.x-tab-strip-top{
  19     background-color:#cedff5;
  20         background-image: url(../images/default/tabs/tab-strip-bg.gif);
  21         border-bottom-color:#8db2e3;
  22 }
  23
  24 ul.x-tab-strip-bottom{
  25     background-color:#cedff5;
  26         background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
  27         border-top-color:#8db2e3;
  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:#8db2e3;
  33     background-color: #deecfd;
  34 }
  35
  36 .x-tab-strip span.x-tab-strip-text {
  37         font:normal 11px tahoma,arial,helvetica;
  38         color:#416aa3;
  39 }
  40
  41 .x-tab-strip-over span.x-tab-strip-text {
  42         color:#15428b;
  43 }
  44
  45 .x-tab-strip-active span.x-tab-strip-text {
  46         color:#15428b;
  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/default/tabs/tabs-sprite.gif);
  56 }
  57
  58 .x-tab-strip-bottom .x-tab-right {
  59         background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
  60 }
  61
  62 .x-tab-strip-bottom .x-tab-left {
  63         background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
  64 }
  65
  66 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
  67         background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
  68 }
  69
  70 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
  71         background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
  72 }
  73
  74 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  75         background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
  76 }
  77
  78 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  79         background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
  80 }
  81
  82 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  83         background-image:url(../images/default/tabs/tab-close.gif);
  84 }
  85
  86 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  87         background-image:url(../images/default/tabs/tab-close.gif);
  88 }
  89
  90 .x-tab-panel-body {
  91     border-color:#8db2e3;
  92     background-color:#fff;
  93 }
  94
  95 .x-tab-panel-body-top {
  96     border-top: 0 none;
  97 }
  98
  99 .x-tab-panel-body-bottom {
 100     border-bottom: 0 none;
 101 }
 102
 103 .x-tab-scroller-left {
 104     background-image:url(../images/default/tabs/scroll-left.gif);
 105     border-bottom-color:#8db2e3;
 106 }
 107
 108 .x-tab-scroller-left-over {
 109     background-position: 0 0;
 110 }
 111
 112 .x-tab-scroller-left-disabled {
 113     background-position: -18px 0;
 114     opacity:.5;
 115     -moz-opacity:.5;
 116     filter:alpha(opacity=50);
 117     cursor:default;
 118 }
 119
 120 .x-tab-scroller-right {
 121     background-image:url(../images/default/tabs/scroll-right.gif);
 122     border-bottom-color:#8db2e3;
 123 }
 124
 125 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
 126     border-color:#99bbe8;
 127 }