diff options
Diffstat (limited to 'WebContent/ITMILL/themes/default/tabsheet/tabsheet.css')
| -rw-r--r-- | WebContent/ITMILL/themes/default/tabsheet/tabsheet.css | 188 |
1 files changed, 24 insertions, 164 deletions
diff --git a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css index 2c0b5032b1..3dd1f6ffec 100644 --- a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css +++ b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css @@ -1,46 +1,16 @@ -.i-tabsheet, -.i-tabsheet-content, -.i-tabsheet-deco { - outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ - text-align: left /* Force default alignment */ -} - .i-tabsheet-tabs { - empty-cells: hide; - border-collapse: collapse; - margin:0; - padding:0; - border:0; height: 48px; - width: 100%; - overflow:hidden; -} - -.i-tabsheet-tabs td { - margin:0; - padding:0; - vertical-align: bottom; } -.i-tabsheet-spacertd { - width: 100%; -} .i-tabsheet-spacertd div { height: 37px; border: 1px solid #b6bbbc; background: transparent url(img/tab-bg.png); + padding: 0; } - -.i-tabsheet-hidetabs .i-tabsheet-tabcontainer { - display: none; -} - .i-tabsheet-scroller { - white-space: nowrap; - text-align: right; margin-top: -37px; } - .i-tabsheet-scrollerPrev, .i-tabsheet-scrollerNext { border: none; @@ -57,7 +27,6 @@ margin-top: -1px; opacity: 0.9999; } - .i-tabsheet-scrollerNext, .i-tabsheet-scrollerNext-disabled { background: transparent url(img/next.png) no-repeat; @@ -78,18 +47,6 @@ .i-tabsheet-scrollerNext-disabled:hover { background-position: -12px 0px; } - -.i-tabsheet-tabs .i-caption { - white-space: nowrap; -} - -/* for IE (does not inherit) */ -.i-tabsheet-tabs .i-caption span { - white-space: nowrap; -} - - - .i-tabsheet-tabitem { border: 1px solid #b6bbbc; border-right: none; @@ -100,32 +57,25 @@ font-size: 15px; line-height: 18px; background: #f8f9f9 url(img/tab-bg.png); - cursor: pointer; } - .i-tabsheet-tabitem .i-caption { height: 20px; padding: 9px 15px 8px 15px; } - .i-tabsheet-tabitem-selected { border: none; background: transparent url(../panel/img/top-left.png) no-repeat; margin: 0; padding: 0; height: 48px; - cursor: default; color: #ee5311; } - .i-tabsheet-tabitem:hover { color: #4b5257; } - .i-tabsheet-tabitem-selected:hover { color: #ee5311; } - .i-tabsheet-tabitem-selected .i-caption { background: transparent url(../panel/img/top-right.png) repeat-x right top; margin: 0 -1px 0 9px; @@ -133,25 +83,21 @@ padding: 16px 16px 14px 7px; overflow: visible; } - .i-tabsheet-content { border: 1px solid #babfc0; background-color: #fff; border-bottom: 1px solid #dee2e3; border-top: none; - position: relative; }
-
.i-tabsheet-hidetabs .i-tabsheet-content {
border-top: 1px solid #b5babb;
}
-
.i-tabsheet-deco { height: 10px; background: transparent url(../panel/img/bottom-right.png) repeat-x right top; margin-left: 9px; + overflow: visible; } - .i-tabsheet-deco:before { display: block; content: ""; @@ -160,11 +106,7 @@ margin-left: -9px; background: transparent url(../panel/img/bottom-left.png) no-repeat; } - - - /* Progress indication */ - .i-tabsheet-loading .i-tabsheet-tabitem-selected .i-captiontext { background: transparent url(../common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; @@ -174,28 +116,11 @@ margin-top: -12px; padding-top: 12px; } - - /* IE specific styles */ - -* html .i-tabsheet-tabs { - height: 46px; -} -*+html .i-tabsheet-tabs { +.i-ie6 .i-tabsheet-tabs { height: 46px; } - -* html .i-tabsheet-tabitem-selected { - border: 1px solid #babfc0; - border-bottom: none; - background: #fff; - margin-top: 0; - height: 23px; - padding: 18px 14px 6px 15px; - cursor: default; - color: #ee5311; -} -*+html .i-tabsheet-tabitem-selected { +.i-ie6 .i-tabsheet-tabitem-selected { border: 1px solid #babfc0; border-bottom: none; background: #fff; @@ -205,72 +130,44 @@ cursor: default; color: #ee5311; } - -* html .i-tabsheet-tabitem-selected .i-caption { +.i-ie6 .i-tabsheet-tabitem-selected .i-caption { background: transparent; padding: 0; margin: 0; } -*+html .i-tabsheet-tabitem-selected .i-caption { - background: transparent; - padding: 0; - margin: 0; -} - -* html .i-tabsheet-content { +.i-ie6 .i-tabsheet-content, +.i-ie7 .i-tabsheet-content, +.i-ie8 .i-tabsheet-content { border-bottom: none; } -*+html .i-tabsheet-content { - border-bottom: none; -} - -* html .i-tabsheet-deco { +.i-ie6 .i-tabsheet-deco, +.i-ie7 .i-tabsheet-deco, +.i-ie8 .i-tabsheet-deco { height: 1px; background: #babfc0; overflow: hidden; margin: 0; } -*+html .i-tabsheet-deco { - height: 1px; - background: #babfc0; - overflow: hidden; - margin: 0; +.i-ie7 .i-tabsheet-deco, +.i-ie8 .i-tabsheet-deco { width: 100%; } - - - - - - - - - - - - - - -/* Inline style */ - +/* Light-style */ .i-tabsheet-light .i-tabsheet-tabcontainer { height: 32px; } - .i-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; background: transparent url(img/inline-tab-bg.png) repeat-x; } - .i-tabsheet-light .i-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; background: transparent; } - .i-tabsheet-light .i-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; @@ -284,16 +181,13 @@ cursor: pointer; text-shadow: #fff 0 1px 0; } - .i-tabsheet-light .i-tabsheet-tabitemcell-first .i-caption { margin-left: 6px; } - .i-tabsheet-light .i-tabsheet-tabitem .i-caption { height: 24px; padding: 8px 9px 0 9px; } - .i-tabsheet-light .i-tabsheet-tabitem-selected { border: none; background: #fff url(img/inline-tab-right.png) no-repeat right top; @@ -304,15 +198,12 @@ color: #ee5311; text-shadow: none; } - .i-tabsheet-light .i-tabsheet-tabitem:hover { color: #4b5257; } - .i-tabsheet-light .i-tabsheet-tabitem-selected:hover { color: #ee5311; } - .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; margin: 0; @@ -320,33 +211,25 @@ padding: 9px 11px 0 11px; overflow: visible; } - .i-tabsheet-light .i-tabsheet-tabitemcell-first .i-tabsheet-tabitem-selected .i-caption { background: transparent url(img/inline-tab-left.png) no-repeat -3px 0; padding-left: 15px; } - .i-tabsheet-light .i-tabsheet-content { border: none; background: transparent; } - .i-tabsheet-light .i-tabsheet-hidetabs .i-tabsheet-content { border: none; } - .i-tabsheet-deco-light { height: 0; overflow: hidden; } - .i-tabsheet-deco-light:before { display: none; } - - /* Scroller */ - .i-tabsheet-light .i-tabsheet-scrollerPrev, .i-tabsheet-light .i-tabsheet-scrollerNext { margin-top: 2px; @@ -357,53 +240,30 @@ margin-top: 2px; height: 34px; } - - - - /* Progress indication */ - .i-tabsheet-loading .i-tabsheet-tabs-light .i-tabsheet-tabitem-selected .i-captiontext { margin-left: -3px; padding-left: 3px; } - - - /* IE specific styles */ - -* html .i-tabsheet-tabs-light { - height: 32px; -} -*+html .i-tabsheet-tabs-light { - height: 32px; -} - -* html .i-tabsheet-light .i-tabsheet-tabitem-selected { - border: none; - background: #fff url(img/inline-tab-right.png) no-repeat right top; - padding: 0; +.i-ie6 .i-tabsheet-tabs-light, +.i-ie7 .i-tabsheet-tabs-light { height: 32px; } -*+html .i-tabsheet-light .i-tabsheet-tabitem-selected { +.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected, +.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected { border: none; background: #fff url(img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } - -* html .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { +.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption, +.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } -*+html .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { - background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; - padding: 9px 11px 0 11px; -} - -* html .i-tabsheet-deco-light { +.i-ie6 .i-tabsheet-deco-light, +.i-ie7 .i-tabsheet-deco-light, +.i-ie8 .i-tabsheet-deco-light { height: 0; -} -*+html .i-tabsheet-deco-light { - height: 0; -} +}
\ No newline at end of file |