git.roojs.org Git - roojs1/blob - css/tabs.css

   1 .x-tabs-body {
   2     background: #fff;
   3 }
   4 .x-tabs-wrap {
   5         border-bottom:1px solid #6593cf;
   6         padding-top:2px;
   7 }
   8 .x-tabs-strip-wrap{
   9         width:100%;
  10 }
  11 .x-tabs-wrap table{
  12         position:relative;
  13         top:0; left:0;
  14 }
  15 .x-tabs-strip td{
  16         padding:0;
  17         /* padding-left:2px; */
  18 }
  19 .x-tabs-strip a, .x-tabs-strip span, .x-tabs-strip em {
  20         display:block;
  21 }
  22 .x-tabs-strip a {
  23         text-decoration:none !important;
  24         -moz-outline: none;
  25         outline: none;
  26         cursor:pointer;
  27 }
  28 .x-tabs-strip .x-tabs-text {
  29         font:bold 11px tahoma,arial,helvetica;
  30         color:#666;
  31         overflow:hidden;
  32         white-space: nowrap;
  33         cursor:pointer;
  34         text-overflow: ellipsis;
  35 }
  36 .x-tabs-strip .on .x-tabs-text {
  37         cursor:default;
  38         color:#083772;
  39 }
  40 .x-tabs-strip .disabled .x-tabs-text {
  41         cursor:default;
  42         color:#aaaaaa;
  43 }
  44 .x-tabs-strip .x-tabs-inner {
  45          padding:4px 10px;
  46 }
  47
  48 .x-tabs-strip .on .x-tabs-right {
  49          background: url(../images/default/tabs/tab-sprite.gif) no-repeat right 0;
  50 }
  51 .x-tabs-strip .on .x-tabs-left {
  52          background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;
  53 }
  54 .x-tabs-strip .x-tabs-right {
  55          background: url(../images/default/tabs/tab-sprite.gif) no-repeat right -50px;
  56      padding-right:1px;
  57 }
  58 .x-tabs-strip .x-tabs-left {
  59          background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;
  60 }
  61
  62 .x-tabs-strip  a {
  63         position:relative;
  64         top:1px;
  65     left:0;
  66 }
  67 .x-tabs-strip .on a {
  68         position:relative;
  69 }
  70 /*
  71 .x-tabs-strip .on .x-tabs-inner {
  72         padding-bottom:5px;
  73 }
  74 */
  75 /** closable tabs */
  76 .x-tabs-strip .x-tabs-closable .x-tabs-inner{
  77         padding-right:22px;
  78         position:relative;
  79 }
  80 .x-tabs-strip .x-tabs-closable .close-icon{
  81         line-height: 1px;
  82         font-size:1px;
  83   background-image:url(../images/default/layout/layout-sprite.gif);
  84   background-repeat: no-repeat;
  85   background-position: 50% -60px;
  86         display:block;
  87         position:absolute;
  88         right:5px;top:4px;
  89         width:12px;height:11px;
  90         cursor:pointer;
  91 }
  92 .x-tabs-strip .on .close-icon{
  93     background-image:url(../images/default/layout/layout-sprite.gif);
  94     background-repeat: no-repeat;
  95     background-position: 50% -60px;
  96 }
  97 .x-tabs-strip .x-tabs-closable .close-over{
  98     background-image:url(../images/default/layout/layout-sprite.gif);
  99     background-repeat: no-repeat;
 100     background-position: 50% -72px;
 101 }
 102
 103 .x-tabs-bottom .x-tabs-wrap {
 104         border-top:1px solid #6593cf;
 105         border-bottom:0 none;
 106         padding-top:0;
 107         padding-bottom:2px;
 108 }
 109 .x-tabs-bottom .x-tabs-strip .x-tabs-right {
 110          background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
 111 }
 112 .x-tabs-bottom .x-tabs-strip .x-tabs-left {
 113          background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
 114 }
 115 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
 116          background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 117 }
 118 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
 119          background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 120 }
 121 .x-tabs-bottom .x-tabs-strip  a {
 122         position:relative;
 123         top:0; left:0;
 124 }
 125 .x-tabs-bottom .x-tabs-strip .on a {
 126         margin-top:-1px;
 127 }
 128 .x-tabs-bottom .x-tabs-strip .on .x-tab-inner {
 129         padding-top:5px;
 130 }
 131