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

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