47a2e4863a0d2abac592a98d1ebf02094cd20b14
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_tab.less
1 //
2 // Tab menu
3 //
4 .nav-tabs {
5 background-color: darken(@nav-tabs-active-link-bg, 5%);
6 > li {
7 > a {
8 margin-right: 3px;
9 &:hover {
10 background: @nav-tabs-link-hover-bg;
11 }
12 }
13 &.active > a {
14 &,
15 &:focus {
16 background: @nav-tabs-active-link-bg;
17 }
18 &:hover {
19 background: @nav-tabs-active-link-hover-bg;
20 }
21 }
22 }
23 }
24
25 //
26 // Hotfix display tab-panes always to prevent RTE initialisation problems
27 //
28 .tab-content {
29 > .tab-pane {
30 display: block;
31 height: 0;
32 overflow: hidden;
33 &.active {
34 height: auto;
35 overflow: visible;
36 }
37 }
38 }
39
40 //
41 // Foldout tabs
42 //
43 div.typo3-dyntabmenu-divs-foldout div.tab,
44 div.typo3-dyntabmenu-divs-foldout div.tabact,
45 div.typo3-dyntabmenu-divs-foldout div.disabled {
46 border: solid black 1px;
47 border-radius: 3px;
48 }
49
50 div.typo3-dyntabmenu-divs-foldout div.tab {
51 background: #c4d4cd;
52 background-image: url('../../../../icons/gfx/ol/plusbullet.gif');
53 background-repeat: no-repeat;
54 }
55
56 div.typo3-dyntabmenu-divs-foldout div.tab:hover {
57 background: #f6eab7;
58 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
59 background-repeat: no-repeat;
60 }
61
62 div.typo3-dyntabmenu-divs-foldout div.tabact {
63 background: #e7dba8;
64 background-image: url('../../../../icons/gfx/ol/minusbullet.gif');
65 background-repeat: no-repeat;
66 }
67
68 div.typo3-dyntabmenu-divs-foldout div.tabact:hover {
69 background: #f6eab7;
70 background-image: url('../../../../icons/gfx/ol/arrowbullet.gif');
71 background-repeat: no-repeat;
72 }
73
74 div.typo3-dyntabmenu-divs-foldout div.disabled {
75 background: #ccc;
76 color: #999;
77 }
78
79 div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
80 background: #f6eab7;
81 color: #999;
82 }