philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/_tab.scss

   1 .x-tab{
   2         @include border-radius(3px 3px 0 0);
   3         border:1px solid wha(.15);
   4         border-top:1px solid wha(.5);
   5         border-bottom:none;
   6         @include background($gloss-gradient);
   7         background-color: #000;
   8         margin:{
   9                 top:2px;
  10                 left:4px;
  11         };
  12         @include box-shadow(0 0 0 1px bla(.5));
  13         button{
  14                 color:#CCC;
  15                 text-shadow: 0 -1px 0 bla(.75);
  16         }
  17         padding:3px;
  18         white-space: nowrap;
  19 }
  20
  21 .x-tab-over{
  22         border-color:$accent-color;
  23         border-top-color:lighten($accent-color, 20%);
  24         button{
  25                 color:#FFF;
  26         }
  27 }
  28
  29 .x-tab-active{
  30         border-color: wha(.35);
  31         border-top-color:#FFF;
  32         button{
  33                 color:#FFF;
  34         }
  35         z-index:3;
  36         @include box-shadow(none);
  37 }
  38
  39 .x-tab button{
  40         height:14px;
  41         line-height:14px;
  42 }
  43
  44 .x-tab em{
  45         display:block;
  46         padding:0 3px;
  47 }
  48
  49 .x-tab-closable em{
  50         padding-right:15px;
  51 }
  52
  53 .x-tab-close-btn{
  54         position:absolute;
  55         top:3px;
  56         right:3px;
  57         width:11px;
  58         height:11px;
  59         background: theme-image($theme-name, 'tab/tab-close.png');
  60         text-indent:-119988px;
  61 }
  62
  63 .x-tab-bar-strip{
  64         z-index:2;
  65         border-top:1px solid wha(.35);
  66         border-bottom:1px solid wha(.35);
  67         margin-top:-1px;
  68         height:4px;
  69         background:#000;
  70         position:relative;
  71 }
  72
  73 .x-box-scroller{
  74         width:18px !important;
  75         height:22px !important;
  76 }
  77
  78 .x-tabbar-scroll-left{
  79         background: theme-image($theme-name, 'tab-bar/l.png') !important;
  80         &-hover{
  81                 background-position:left center !important;
  82         }
  83         &-disabled{
  84                 background-position:left top !important;
  85         }
  86 }
  87
  88
  89 .x-tabbar-scroll-right{
  90         background: theme-image($theme-name, 'tab-bar/r.png') !important;
  91         &-hover{
  92                 background-position:left center !important;
  93         }
  94         &-disabled{
  95                 background-position:left top !important;
  96         }
  97 }