git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/tundra/layout/TabContainer.css.commented.css

   1
   2 /* Tabs */
   3
   4 .tundra .dijitTabPaneWrapper {
   5         /*
   6         overflow: hidden;
   7         */
   8         background:#fff;
   9         border:1px solid #ccc;
  10 }
  11
  12 .tundra .dijitTab {
  13         line-height:normal;
  14         margin-right:5px;       /* space between one tab and the next in top/bottom mode */
  15         padding:0px;
  16         border:1px solid #ccc;
  17         background:#e2e2e2 url("../images/tabEnabled.png") repeat-x;
  18 }
  19
  20 .tundra .dijitAlignLeft .dijitTab,
  21 .tundra .dijitAlignRight .dijitTab {
  22         margin-right:0px;
  23         margin-bottom:5px;      /* space between one tab and the next in left/right mode */
  24 }
  25
  26 .tundra .dijitTabInnerDiv {
  27         padding:6px 10px 4px 10px;
  28         border-left:1px solid #fff;
  29         border-bottom:1px solid #fff;
  30 }
  31
  32 .tundra .dijitTabHover,
  33 .tundra .dijitTabCloseButtonHover {
  34         color: #243C5F;
  35         border-top-color:#92a0b3;
  36         border-left-color:#92a0b3;
  37         border-right-color:#92a0b3;
  38         background:#e2e2e2 url("../images/tabHover.png") repeat-x bottom;
  39 }
  40
  41 .dj_ie6 .tundra .dijitTabHover,
  42 .dj_ie6 .tundra .dijitTabCloseButtonHover {
  43         background-image: url("../images/tabHover.gif");
  44 }
  45
  46 .tundra .dijitTabChecked,
  47 .tundra .dijitTabCloseButtonChecked
  48 {
  49         /* the selected tab (with or without hover) */
  50         background-color:#fff;
  51         border-color: #ccc;
  52         background-image:none;
  53 }
  54
  55 /* make the active tab white on the side next to the content pane */
  56 .tundra .dijitAlignTop .dijitTabChecked,
  57 .tundra .dijitAlignTop .dijitTabCloseButtonChecked
  58 {
  59         border-bottom-color:white;
  60         vertical-align:bottom;
  61 }
  62
  63 .tundra .dijitAlignBottom .dijitTabChecked,
  64 .tundra .dijitAlignBottom .dijitTabCloseButtonChecked
  65 {
  66         border-top-color:white;
  67         -moz-border-radius:2px 2px 0px 0px;     /* eliminate some border detritrus on moz */
  68 }
  69
  70 .tundra .dijitAlignLeft .dijitTabChecked,
  71 .tundra .dijitAlignLeft .dijitTabCloseButtonChecked
  72 {
  73         border-right-color:white;
  74 }
  75
  76 .tundra .dijitAlignRight .dijitTabChecked,
  77 .tundra .dijitAlignRight .dijitTabCloseButtonChecked
  78 {
  79         border-left-color:white;
  80 }
  81
  82
  83 /* make space for a positioned close button */
  84 .tundra .dijitTab .dijitClosable {
  85         position: relative;
  86         padding:6px 20px 4px 10px;
  87 }
  88
  89 .tundra .dijitTab .dijitClosable .closeImage {
  90         position:absolute;
  91         top: 7px;
  92         right: 3px;
  93         height: 12px;
  94         width: 12px;
  95         padding: 0;
  96         margin: 0;
  97         background: url("../images/tabClose.png") no-repeat right top;
  98 }
  99 .dj_ie6 .dijitTab .dijitClosable .closeImage {
 100         background-image:url("../images/tabClose.gif");
 101 }
 102
 103 .tundra .dijitTabCloseButton .dijitClosable .closeImage {
 104         background-image : url("../images/tabClose.png");
 105 }
 106 .dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage {
 107         background-image : url("../images/tabClose.gif");
 108 }
 109
 110 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
 111         background-image : url("../images/tabCloseHover.png");
 112 }
 113 .dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
 114         background-image : url("../images/tabCloseHover.gif");
 115 }
 116
 117 .tundra .dijitAlignLeft .dijitTab .dijitClosable {
 118         padding:6px 10px 4px 20px;
 119 }
 120
 121 /* correct for IE6.
 122     We cant force hasLayout as that blows out the shrink wrapped tabs
 123     ..so we shim in the closeImage position properties instead
 124 */
 125 .dj_ie6 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
 126         left:-20px;
 127 }
 128
 129 .tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage {
 130         top: auto;
 131         bottom: 7px;
 132         right: 3px;
 133 }
 134
 135 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
 136         top: 7px;
 137         left: 3px;
 138 }