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;
  56      padding-right:1px;\r
  57 }\r
  58 .x-tabs-strip .x-tabs-left {\r
  59          background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;\r
  60 }\r
  61 \r
  62 .x-tabs-strip  a {\r
  63         position:relative;\r
  64         top:1px;
  65     left:0;\r
  66 }\r
  67 .x-tabs-strip .on a {\r
  68         position:relative;\r
  69 }
  70 /*\r
  71 .x-tabs-strip .on .x-tabs-inner {\r
  72         padding-bottom:5px; \r
  73 }
  74 */\r
  75 /** closable tabs */\r
  76 .x-tabs-strip .x-tabs-closable .x-tabs-inner{\r
  77         padding-right:22px;\r
  78         position:relative;\r
  79 }\r
  80 .x-tabs-strip .x-tabs-closable .close-icon{\r
  81         line-height: 1px;\r
  82         font-size:1px;\r
  83   background-image:url(../images/default/layout/layout-sprite.gif);\r
  84   background-repeat: no-repeat;\r
  85   background-position: 50% -60px;\r
  86         display:block;\r
  87         position:absolute;\r
  88         right:5px;top:4px;\r
  89         width:12px;height:11px;\r
  90         cursor:pointer;\r
  91 }\r
  92 .x-tabs-strip .on .close-icon{\r
  93     background-image:url(../images/default/layout/layout-sprite.gif);\r
  94     background-repeat: no-repeat;\r
  95     background-position: 50% -60px;\r
  96 }\r
  97 .x-tabs-strip .x-tabs-closable .close-over{\r
  98     background-image:url(../images/default/layout/layout-sprite.gif);\r
  99     background-repeat: no-repeat;\r
 100     background-position: 50% -72px;\r
 101 }\r
 102 \r
 103 .x-tabs-bottom .x-tabs-wrap {\r
 104         border-top:1px solid #6593cf;\r
 105         border-bottom:0 none;\r
 106         padding-top:0;\r
 107         padding-bottom:2px;\r
 108 }\r
 109 .x-tabs-bottom .x-tabs-strip .x-tabs-right {\r
 110          background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;\r
 111 }\r
 112 .x-tabs-bottom .x-tabs-strip .x-tabs-left {\r
 113          background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;\r
 114 }\r
 115 .x-tabs-bottom .x-tabs-strip .on .x-tabs-right {\r
 116          background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;\r
 117 }\r
 118 .x-tabs-bottom .x-tabs-strip .on .x-tabs-left {\r
 119          background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;\r
 120 }\r
 121 .x-tabs-bottom .x-tabs-strip  a {\r
 122         position:relative;\r
 123         top:0; left:0;\r
 124 }\r
 125 .x-tabs-bottom .x-tabs-strip .on a {\r
 126         margin-top:-1px;\r
 127 }\r
 128 .x-tabs-bottom .x-tabs-strip .on .x-tab-inner {\r
 129         padding-top:5px;\r
 130 }\r
 131 \r